/* ==========================================================
   CREA Studio · Fotografía
   Alineación visual con HOME aprobada (2026-09-23)
   Alcance: SOLO /fotografia/
   No modifica contenido, lógica, administrador ni estructura funcional.
   ========================================================== */

body.page-fotografia{
  --red:#ff151f;
  --line:rgba(255,21,31,.30);
  font-family:Inter,Arial,sans-serif;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

/* ---------- Navegación y controles ---------- */
body.page-fotografia .menu a,
body.page-fotografia .btn-outline,
body.page-fotografia .btn-red,
body.page-fotografia .more,
body.page-fotografia .kicker{
  font-family:Inter,Arial,sans-serif !important;
}
body.page-fotografia .menu a{
  font-size:12px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}
body.page-fotografia .menu a.active::after,
body.page-fotografia .menu a:hover::after{
  background:#ff151f !important;
}
body.page-fotografia .kicker{
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
  color:#ff151f !important;
}
body.page-fotografia .btn-outline,
body.page-fotografia .btn-red,
body.page-fotografia .more{
  font-size:12px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
}

/* ---------- HERO: misma escala y jerarquía del HOME ---------- */
body.page-fotografia .hero-title{
  font-family:Oswald,'Barlow Condensed',sans-serif !important;
  font-size:clamp(58px,5.5vw,82px) !important;
  line-height:.88 !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  letter-spacing:-.025em !important;
  max-width:690px !important;
  margin:24px 0 22px !important;
  text-shadow:none !important;
}
body.page-fotografia .hero-title .accent{
  color:#ff151f !important;
  font-family:inherit !important;
  font-weight:700 !important;
}
body.page-fotografia .hero-text{
  font-family:Inter,Arial,sans-serif !important;
  font-size:clamp(15px,1.25vw,17px) !important;
  line-height:1.8 !important;
  font-weight:400 !important;
  max-width:620px !important;
}
body.page-fotografia .line{
  background:#ff151f !important;
}

/* ---------- Títulos de sección: jerarquía del HOME ---------- */
body.page-fotografia .section-intro h2,
body.page-fotografia .value-copy h2,
body.page-fotografia .cta-grid h2{
  font-family:Oswald,'Barlow Condensed',sans-serif !important;
  font-size:clamp(38px,4vw,56px) !important;
  font-weight:700 !important;
  line-height:.96 !important;
  letter-spacing:-.015em !important;
  text-transform:uppercase !important;
}
body.page-fotografia .section-intro h2{
  max-width:650px !important;
  margin-top:12px !important;
}
body.page-fotografia .value-copy h2{
  max-width:650px !important;
}
body.page-fotografia .value-copy h2 .accent,
body.page-fotografia .cta-grid h2 .accent{
  color:#ff151f !important;
  font-family:inherit !important;
  font-weight:700 !important;
}
body.page-fotografia .intro-copy p,
body.page-fotografia .value-copy > p,
body.page-fotografia .cta-copy-block p{
  font-family:Inter,Arial,sans-serif !important;
  font-size:14px !important;
  line-height:1.7 !important;
  font-weight:400 !important;
}

/* ---------- Tarjetas / subtítulos ---------- */
body.page-fotografia .service-info h3{
  font-family:Oswald,'Barlow Condensed',sans-serif !important;
  font-size:28px !important;
  font-weight:700 !important;
  line-height:.98 !important;
  letter-spacing:.01em !important;
  text-transform:uppercase !important;
}
body.page-fotografia .service-info small{
  font-family:Inter,Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
body.page-fotografia .more::before{
  background:#ff151f !important;
}
body.page-fotografia .benefit h4{
  font-family:Oswald,'Barlow Condensed',sans-serif !important;
  font-size:20px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  text-transform:uppercase !important;
}
body.page-fotografia .benefit p{
  font-family:Inter,Arial,sans-serif !important;
  font-size:12px !important;
  line-height:1.55 !important;
}

/* ---------- Rojo de marca unificado: #ff151f ---------- */
body.page-fotografia .btn-red{
  background:#ff151f !important;
  border-color:#ff151f !important;
  box-shadow:0 14px 28px rgba(255,21,31,.20) !important;
}
body.page-fotografia .btn-red:hover{
  background:#ff151f !important;
  border-color:#ff151f !important;
  box-shadow:0 18px 34px rgba(255,21,31,.26) !important;
}
body.page-fotografia .slider-control:hover{
  background:rgba(255,21,31,.90) !important;
  border-color:rgba(255,21,31,.96) !important;
}
body.page-fotografia .benefit i{
  border-color:rgba(255,255,255,.90) !important;
}
body.page-fotografia .value-section::before{
  filter:saturate(.95) contrast(1.08) !important;
}
body.page-fotografia .hero{
  background:
    radial-gradient(circle at 79% 18%,rgba(255,255,255,.08),rgba(255,255,255,0) 22%),
    radial-gradient(circle at 92% 16%,rgba(255,21,31,.10),rgba(255,21,31,0) 28%),
    linear-gradient(90deg,#020202 0%,#020202 39.6%,#111111 51%,#1a1a1a 68%,#0d0d0d 100%) !important;
}

/* ---------- Footer: mismo lenguaje visual del HOME ---------- */
body.page-fotografia .footer{
  background:#050505 !important;
  color:#d6d6d6 !important;
  padding:52px 0 96px !important;
  border-top:0 !important;
}
body.page-fotografia .footer-grid{
  display:grid !important;
  grid-template-columns:1fr auto 1.55fr !important;
  gap:38px !important;
  align-items:start !important;
}
body.page-fotografia .footer-logo{
  width:128px !important;
  max-width:128px !important;
  height:auto !important;
  margin:0 !important;
  object-fit:contain !important;
}
body.page-fotografia .social{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  padding-top:4px !important;
}
body.page-fotografia .social a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  opacity:1 !important;
  line-height:1 !important;
  transition:transform .18s ease,opacity .18s ease;
}
body.page-fotografia .social a:hover{
  transform:translateY(-2px);
  opacity:.78 !important;
}
body.page-fotografia .social i{
  color:#fff !important;
  font-size:24px !important;
  line-height:1 !important;
}
body.page-fotografia .footer small{
  display:block !important;
  padding-top:4px !important;
  color:#8f8f8f !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:400 !important;
  line-height:1.65 !important;
  text-align:right !important;
}
body.page-fotografia .footer small a{
  color:#8f8f8f !important;
  font:inherit !important;
  opacity:1 !important;
}
body.page-fotografia .footer small a:hover{color:#fff !important;}
body.page-fotografia .footer::after{
  content:"";
  display:block;
  width:min(var(--container),92%);
  height:1px;
  margin:28px auto 0;
  background:rgba(255,255,255,.08);
}

/* ---------- Responsive: reducción equivalente al HOME ---------- */
@media (max-width:980px){
  body.page-fotografia .hero-title{
    font-size:clamp(56px,10vw,76px) !important;
    max-width:100% !important;
  }
  body.page-fotografia .footer-grid{
    grid-template-columns:1fr 1fr !important;
  }
  body.page-fotografia .footer small{
    grid-column:1 / -1;
    padding-top:18px !important;
    border-top:1px solid rgba(255,255,255,.08);
    text-align:left !important;
  }
  body.page-fotografia .footer::after{display:none;}
}

@media (max-width:640px){
  body.page-fotografia .hero-title{
    font-size:clamp(46px,13.6vw,62px) !important;
    line-height:.90 !important;
  }
  body.page-fotografia .kicker{font-size:11px !important;}
  body.page-fotografia .hero-text{font-size:15px !important;}
  body.page-fotografia .section-intro h2,
  body.page-fotografia .value-copy h2,
  body.page-fotografia .cta-grid h2{
    font-size:clamp(35px,11vw,46px) !important;
  }
  body.page-fotografia .service-info h3{font-size:27px !important;}
  body.page-fotografia .benefit h4{font-size:19px !important;}
  body.page-fotografia .footer{
    padding:44px 0 104px !important;
  }
  body.page-fotografia .footer-grid{
    grid-template-columns:1fr !important;
    gap:26px !important;
  }
  body.page-fotografia .footer-logo{width:128px !important;}
  body.page-fotografia .footer small{
    grid-column:auto;
    padding-top:18px !important;
    text-align:left !important;
  }
}

@media (max-width:380px){
  body.page-fotografia .hero-title{font-size:43px !important;}
}