/* ==========================================================
   Ajustes propios carlosmedina.studio
   Se carga DESPUÉS de style.css
   ========================================================== */

/* Fondo de puntos sutil (mismo que los dossiers de presentación) */
body,
#masthead.site-header.standard {
  background-color: #ffffff;
  background-image: radial-gradient(circle, rgba(60, 75, 82, 0.10) 0.9px, transparent 1.2px);
  background-size: 16px 16px;
  background-position: 8px 8px;
  background-attachment: fixed; /* cabecera y fondo comparten la misma rejilla */
}

/* ----------------------------------------------------------
   Hover del portfolio: velo negro + textos limón (color del logo) + zoom
   Se aplica al grid y al carrusel de relacionados con la clase .cbp-caption-veil
   ---------------------------------------------------------- */
:is(#portfolio-container-grid, #portfolio-slider-container).cbp-caption-veil .cbp-caption {
  overflow: hidden;
}
:is(#portfolio-container-grid, #portfolio-slider-container).cbp-caption-veil .cbp-caption-defaultWrap img {
  transform-origin: 50% 50%;
  transition: transform 0.5s ease;
  will-change: transform;
}
:is(#portfolio-container-grid, #portfolio-slider-container).cbp-caption-veil .cbp-caption:hover .cbp-caption-defaultWrap img {
  transform: scale(1.075);
}
:is(#portfolio-container-grid, #portfolio-slider-container).cbp-caption-veil .cbp-caption-activeWrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  transform: none;
  background-color: rgba(17, 17, 17, 0.82); /* negro con opacidad */
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.3, 0.1, 0.58, 1);
}
:is(#portfolio-container-grid, #portfolio-slider-container).cbp-caption-veil .cbp-caption:hover .cbp-caption-activeWrap {
  opacity: 1;
}
:is(#portfolio-container-grid, #portfolio-slider-container).cbp-caption-veil .cbp-l-caption-alignCenter {
  display: block;
  width: 100%;
  height: 100%;
}
:is(#portfolio-container-grid, #portfolio-slider-container).cbp-caption-veil .cbp-l-caption-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 20px;
  text-align: center;
}
/* Categoría arriba, baja al entrar */
:is(#portfolio-container-grid, #portfolio-slider-container).cbp-caption-veil .cbp-l-caption-desc {
  order: -1;
  color: rgba(244, 230, 33, 0.8); /* limón del logo #F4E621 */
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: 6px;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 0.5s, transform 0.5s;
}
/* Título, sube al entrar */
:is(#portfolio-container-grid, #portfolio-slider-container).cbp-caption-veil .cbp-l-caption-title {
  color: #F4E621; /* limón del logo */
  font-family: 'Bebas Neue', 'Barlow Condensed', Impact, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.5s, transform 0.5s;
}
:is(#portfolio-container-grid, #portfolio-slider-container).cbp-caption-veil .cbp-caption:hover .cbp-l-caption-desc,
:is(#portfolio-container-grid, #portfolio-slider-container).cbp-caption-veil .cbp-caption:hover .cbp-l-caption-title {
  opacity: 1;
  transform: translateY(0);
}

/* ----------------------------------------------------------
   Títulos de cada proyecto en Bebas Neue (como el hover)
   ---------------------------------------------------------- */
.single-portfolio .portfolio .entry-header .entry-title,
.portfolio .entry-header .entry-title {
  font-family: 'Bebas Neue', 'Barlow Condensed', Impact, sans-serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .portfolio .entry-header .entry-title { font-size: 42px; }
}

/* ----------------------------------------------------------
   Sistema tipográfico
   Bebas Neue  → títulos (fuerza)
   DM Mono     → etiquetas y navegación (detalle a máquina)
   Roboto Light→ texto de lectura
   ---------------------------------------------------------- */

/* Lectura: Roboto Light, un punto más pequeña */
body {
  font-size: 14px;
  line-height: 1.75;
  font-weight: 300;
}
.single-portfolio .portfolio .entry-header .entry-meta .meta-desc p {
  font-size: 14px;
  line-height: 1.75;
  font-weight: 300;
}

/* Etiquetas en DM Mono */
#masthead.site-header #site-navigation ul li a,
#masthead.site-header #site-navigation #top-menu li a,
.portfolio-wrap .cbp-l-filters-text .cbp-filter-item,
.single-portfolio .portfolio .entry-header .description,
.portfolio-navigation-wrap .portfolio-navigation li.portfolio-prev span,
.portfolio-navigation-wrap .portfolio-navigation li.portfolio-next span,
.related-portfolio-post .cbp-l-grid-agency-desc,
:is(#portfolio-container-grid, #portfolio-slider-container).cbp-caption-veil .cbp-l-caption-desc {
  font-family: 'DM Mono', 'Courier New', monospace;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
#masthead.site-header #site-navigation ul li a,
#masthead.site-header #site-navigation #top-menu li a {
  font-size: 12px;
}
.portfolio-wrap .cbp-l-filters-text .cbp-filter-item {
  font-size: 13px;
}
.single-portfolio .portfolio .entry-header .description {
  font-size: 13px;
  color: #505050;
  margin-bottom: 18px;
}
.portfolio-navigation-wrap .portfolio-navigation li.portfolio-prev span,
.portfolio-navigation-wrap .portfolio-navigation li.portfolio-next span {
  font-size: 12px;
}
.related-portfolio-post .cbp-l-grid-agency-desc {
  font-size: 11px;
}

/* Bloque destacado lateral del proyecto, en DM Mono */
.single-portfolio .portfolio .entry-header .entry-meta .meta-entries,
.single-portfolio .portfolio .entry-header .entry-meta .meta-entries ul li {
  font-family: 'DM Mono', 'Courier New', monospace;
  font-size: 12.5px;
  line-height: 1.7;
  font-weight: 400;
  color: #707070;
}
.single-portfolio .portfolio .entry-header .entry-meta .meta-entries ul li span {
  font-family: 'DM Mono', 'Courier New', monospace;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #151515;
  margin-bottom: 6px;
}
.single-portfolio .portfolio .entry-header .entry-meta .meta-entries p.meta-rol {
  font-family: 'DM Mono', 'Courier New', monospace;
  font-size: 12.5px;
  line-height: 1.7;
  font-weight: 400;
  color: #707070;
  border-top: 1px solid #e9e9e9;
  margin-top: 15px;
  padding-top: 15px;
  margin-bottom: 0;
}

/* ----------------------------------------------------------
   Títulos de sección en Bebas Neue · color #191919 (sin negro puro)
   ---------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  color: #191919;
}
.heading-block h1.block-size-4,
.heading-block h1.block-size-5,
.img-box .box-content h4,
.related-portfolio-post > h3,
.single-portfolio .portfolio .entry-header .entry-title,
.portfolio .entry-header .entry-title {
  font-family: 'Bebas Neue', 'Barlow Condensed', Impact, sans-serif;
  font-weight: 400;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #191919;
}
.heading-block h1.block-size-4 { font-size: 48px; line-height: 1; }
.heading-block h1.block-size-5 { font-size: 52px; line-height: 1; }
.img-box .box-content h4 { font-size: 32px; line-height: 1; margin-bottom: 10px; }
.related-portfolio-post > h3 { font-size: 44px; line-height: 1; }

/* Frase de presentación de Sobre mí, más contenida */
.heading-block h1.block-size-1.frase-intro {
  font-size: 28px;
  line-height: 1.45;
  font-weight: 300;
  color: #191919;
}
@media (max-width: 767px) {
  .heading-block h1.block-size-1.frase-intro { font-size: 22px; }
}

/* Página de contacto */
.heading-block p.contacto-texto,
.contacto-texto {
  font-size: 14px;
  line-height: 1.75;
  font-weight: 300;
  color: #707070;
  margin-top: 10px;
}
.heading-block p.contacto-texto a,
.contacto-texto a {
  font-family: 'DM Mono', 'Courier New', monospace;
  letter-spacing: 0.06em;
  color: #191919;
  text-decoration: none;
  border-bottom: 1px solid #F4E621;
}