/* Pg1 Agencia · Identidad aprobada, aplicación para revisión · 09/10/2026 */
@font-face{font-family:Pg1Editorial;src:url('fonts/SourceSerif4-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Pg1Sans;src:url('fonts/DejaVuSans.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Pg1Sans;src:url('fonts/DejaVuSans-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
:root{--cream:#FBFAF7;--beige:#F8F4ED;--coal:#000000;--gray:#535353;--deep:#00384D;--teal:#006D86;--pg1-turquesa:#00ACD8;--pg1-coral:#ED806C;--pg1-plomo:#2F343A}
body{background:var(--cream);color:var(--coal);font-family:Pg1Sans,Arial,sans-serif}
h1,h2,h3,h4,h5,h6{font-family:Pg1Editorial,Georgia,serif;font-weight:300}
h1 em{color:var(--deep);font-style:normal}
.brand-header{background:var(--deep);border-bottom:2px solid var(--pg1-turquesa)}
.brand-header header,.brand-header nav a{color:#FFFFFF}
.logo img{display:block;width:210px;height:auto;max-width:100%}
.nav-contact{border-color:#FFFFFF}
.hero{gap:42px}
.primary,.button.primary{background:var(--pg1-plomo);color:#FFFFFF}
.secondary{border-color:var(--pg1-plomo);color:var(--pg1-plomo)}
.carousel{background:var(--beige);border-color:#E1DCD3}
.carousel-heading h2{color:var(--deep);font-weight:300}
.carousel .slide figcaption{font-family:Pg1Editorial,Georgia,serif;font-weight:300;color:var(--coal)}
.carousel .controls{font-family:Pg1Sans,Arial,sans-serif}
.carousel .dot[aria-current="true"]::before{background:var(--deep)}
.carousel .arrow,.carousel .play{color:var(--deep)}
.case-card h3,.case-title,.footer-name{color:var(--coal)}
.cta-band{background:var(--beige);color:var(--coal);border-top:1px solid #E1DCD3}
.cta-band .button{background:transparent;border-color:var(--pg1-plomo);color:var(--pg1-plomo)}
.section:nth-of-type(even),.metrics,.award{background:var(--beige)}
.service-card,.contact-aside{border-top-color:var(--pg1-turquesa)}
.service-card:nth-child(2){border-top-color:var(--pg1-coral)}
.process strong,.metric strong{color:var(--deep)}
.process>div:nth-child(even){border-top-color:var(--pg1-coral)}
.contact-form input,.contact-form textarea{background:#FFFFFF;border-color:#8F8A82;color:var(--coal)}
.site-footer{border-top-color:#E1DCD3;color:var(--gray)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
@media(max-width:1000px){.hero{gap:24px}}
@media(max-width:740px){.logo img{width:170px}.hero{gap:30px}.site-nav{font-size:12px;border-top-color:rgba(255,255,255,.2)}h1{font-size:clamp(42px,10.8vw,58px)}}
@media(max-width:360px){.site-nav{font-size:11px;gap:6px}.site-nav .nav-contact{padding:6px 8px}}
/* Refinamiento móvil aprobado para preparar: mismo logo y textos. */
#contenido .hero .intro{font-weight:400;font-synthesis:none;text-shadow:none;-webkit-text-stroke:0;color:var(--pg1-plomo)}
@media(max-width:740px){
 .brand-header header{padding:12px 6vw 10px;gap:10px}
 .brand-header .site-nav{padding-top:10px;font-size:14px;gap:8px;line-height:1.4}
 .brand-header .site-nav a{min-height:44px;align-items:center}
 .case-next{flex-direction:column;gap:12px}
 main nav.case-next a{display:block;min-height:44px;align-content:center}
 #contenido .hero .intro{font-size:18px;line-height:1.65;font-weight:400}
}
@media(max-width:360px){.brand-header .site-nav{font-size:12.5px;gap:6px}}