/* PGH: official palette; dark grey foregrounds for legibility. */
:root{--cotton:#D0E8E8;--menta:#A2CECC;--menta-bright:#7ABEB6;--lila:#CEA2C4;--malva:#B38BBD;--banana:#FFE7C4;--gris:#494949}
html,body{background:#F7F4F0!important;font-size:16px;line-height:1.65}
body{padding:24px}button,a,input,select{touch-action:manipulation}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #494949!important;outline-offset:4px}input:focus,select:focus{outline:2px solid #494949;outline-offset:2px}
.skip-link{position:fixed;top:-100px;left:16px;background:white;padding:12px;z-index:1000;color:#494949}.skip-link:focus{top:8px}
.app-wrapper{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:238px minmax(0,1fr);background:#fff;border:1px solid #D0E8E8;border-radius:24px;overflow:clip;box-shadow:0 14px 50px #49494908;min-height:calc(100vh - 48px)}
.hdr{grid-column:1/-1;background:white;display:flex;align-items:center;gap:32px;text-align:left;padding:18px 36px;border-bottom:1px solid #D0E8E8}
.brand{display:block;flex-shrink:0;width:238px}.brand img{display:block;width:100%;height:auto}.hdr-copy{border-left:1px solid #D0E8E8;padding-left:32px;flex:1}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;margin-bottom:8px}.hdr-tag{font-family:'Playfair Display',serif;font-size:23px;font-weight:400;line-height:1.3;color:#494949}
.header-help{border:1px solid #D6C0DB;background:#F1E2EE;color:#494949;border-radius:100px;padding:13px 20px;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap}.header-help:hover{background:#D6C0DB}
.nav{background:#fff;border:0;border-right:1px solid #D0E8E8;padding:28px 16px;position:relative;z-index:10;align-self:stretch}.nav summary{display:none}.nav-group{margin-bottom:24px}.nav-label{font-size:10px;font-weight:600;letter-spacing:1.15px;padding:0 14px;margin-bottom:9px}.nb{width:100%;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:12px 14px;border:0;border-radius:12px;margin-bottom:4px;min-height:48px;background:transparent!important}.nb svg{width:27px;height:27px;filter:none}.nb .lbl{font-size:13px;max-width:none;text-align:left;color:#494949!important;font-weight:400}.nb.active{background:#D0E8E8!important}.nb.active .lbl{font-weight:600}.nb:hover{background:#EDF5F5!important}.nav-note{margin:32px 14px 8px;font-family:'Playfair Display',serif;font-size:18px;line-height:1.6}
main{background:#EDF5F5;min-width:0;padding:40px 44px 48px}.sec{padding:0;max-width:780px;margin:0 auto}.sec-title{font-size:34px;color:#494949;margin-bottom:12px;font-weight:500;line-height:1.2}.sec-desc{font-size:15px;line-height:1.8;margin-bottom:28px;max-width:620px;color:#494949}
.card,.ascard,.calc-box,.acord,.ayuda-card{border:1px solid #D0E8E8;box-shadow:none;border-radius:18px}.card{padding:26px;margin-bottom:20px}.card-title{font-size:18px;color:#494949;margin-bottom:22px}.fg{margin-bottom:20px}.fl{font-size:14px;margin-bottom:8px}.fi{font-size:16px;padding:14px 16px;min-height:52px;border:1px solid #A2CECC;background:#fff;border-radius:10px}.fi:focus{border-color:#494949}.fi[type=date]{min-width:0}select.fi{appearance:auto}.btn-p,.bc{background:#A2CECC;color:#494949;font-size:15px;min-height:50px;border-radius:10px;transition:background .15s}.btn-p:hover,.bc:hover{background:#7ABEB6}
.nota-edad{padding:24px;background:#F1E2EE;border:0;margin-top:22px}.nota-edad-title{font-size:16px;color:#494949}.nota-edad-desc,.nota-edad-item,.nota-edad-vacunas{font-size:14px;color:#494949;line-height:1.85}.nota-edad strong{color:#494949!important}.nota-edad-vacunas{padding:16px;margin-top:18px}
.res{padding:24px;background:#D0E8E8}.res-val{font-size:32px;color:#494949}.res-lbl{color:#494949}.res-m{padding:14px}.res-mv{font-size:19px}.res-ml{font-size:13px}
.cta-f{background:#F1E2EE;color:#494949;padding:26px}.cta-t{font-size:24px;line-height:1.4;font-weight:500}.cta-d{font-style:normal;font-weight:400}.cta-s,.cta-step{font-size:14px}.cta-bi{color:#494949;background:white;margin-top:20px}.cta-sn{background:white;color:#494949;min-width:24px;height:24px}.cta-steps{gap:12px}.cta-c{padding:18px}.cta-ct,.cta-cs{color:#494949}
.asesoria-hero,.tribu-hero{padding:30px;background:#F1E2EE}.tribu-hero{background:#D0E8E8}.asesoria-hero-title,.tribu-title{font-size:30px;color:#494949}.asesoria-hero-sub,.tribu-subtitle{font-size:15px;color:#494949}.ascard{padding:24px}.ascard-title{font-size:23px;color:#494949}.ascard-desc{font-size:15px}.ascard-meta{color:#494949}.ascard-btn{color:#494949;background:#D6C0DB;font-size:15px}.ascard-badge{background:#F1E2EE;color:#494949}.asval{font-size:14px}
.tgl-btn,.tipo-btn,.anio-btn,.chip{min-height:44px;color:#494949;font-size:14px}.tipo-btn.active,.chip.active{color:#494949!important;background:#A2CECC!important}.chip{padding:10px 14px}.hi{min-height:48px;padding:14px}.hi:focus-visible,.ro:focus-visible{outline-offset:-3px}.htx{font-size:14px}.hcat-lbl{font-size:16px}.acord-hdr,.ay-hdr{min-height:56px;padding:18px}.acord-ttl,.ay-ttl{font-size:15px}.ay-num,.cs-num{color:#494949!important}.acord-body,.ay-body{line-height:1.85}.ro{min-height:48px;font-size:14px}.calc-body{padding:24px}.calc-hdr{background:#D0E8E8;padding:20px 24px}.calc-hdr-t{font-size:18px}.ir input{min-width:0;font-size:16px;padding:14px}.sl{font-size:12px}.gg{gap:12px}.gc{padding:20px 10px}.gc-lbl{font-size:12px;color:#494949}.gc-c{font-size:16px;color:#494949!important}.feature-grid,.catgrid{gap:16px}.feature-card,.catcard{padding:22px 14px}.feature-desc,.catd{font-size:13px;color:#494949}.feature-title,.catn{font-size:15px}.link-btn.web,.mercado-card-btn{background:#A2CECC;color:#494949}.link-btn.ig{background:#F1E2EE;color:#494949}.amhero{background:#FFE7C4;color:#494949}.link-btn svg{color:#494949}.bb{color:#494949;min-height:48px}.nl,.al-nota{color:#494949}.tribu-cta{background:#D0E8E8;color:#494949}.tribu-cta-btn{color:#494949}.tribu-val-txt{font-size:15px}
.ftr{grid-column:1/-1;background:white;border-top:1px solid #D0E8E8;padding:22px 36px;margin:0;display:flex;justify-content:space-between;gap:16px;font-size:12px;text-align:left}.ftr a{color:#494949;text-underline-offset:4px}.form-error{background:#FFE7C4;color:#494949;padding:14px;border-radius:10px;margin-bottom:14px}
@media(max-width:1050px){.hdr{padding:18px 24px;gap:20px}.hdr-copy{padding-left:20px}.header-help{padding:12px}.brand{width:200px}main{padding:32px}}
@media(max-width:899px){body{padding:0}.app-wrapper{display:block;max-width:none;min-height:100vh;border:0;border-radius:0}.hdr{padding:16px 20px;gap:10px;justify-content:space-between}.brand{width:180px}.hdr-copy{display:none}.header-help{font-size:12px;padding:11px 14px}.nav{padding:0;border-right:0;border-bottom:1px solid #A2CECC;position:sticky;top:0;background:#fff;box-shadow:0 7px 18px rgba(73,73,73,.10)}.nav summary{display:none!important}.nav>nav,.nav[open]>nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:7px 8px 8px;max-height:none;overflow:visible}.nav-group{display:contents;margin:0}.nav-label,.nav-note{display:none}.nb{min-height:66px;margin:0;padding:6px 2px;gap:3px;flex-direction:column;align-items:center;justify-content:center;border-radius:10px}.nb .lbl{font-size:9px;line-height:1.12;max-width:70px;text-align:center}.nb svg{width:23px;height:23px}.nb.active{background:#D0E8E8!important;box-shadow:inset 0 0 0 1px #A2CECC}main{padding:28px 18px 36px}.sec-title{font-size:29px}.sec-desc{font-size:14px;margin-bottom:22px}.card{padding:20px}.nota-edad{padding:20px}.ftr{display:block;text-align:center;padding:24px 18px}.ftr a{display:inline-block;margin-top:10px}.cta-f{padding:22px}.cta-t{font-size:22px}.asesoria-hero-title,.tribu-title{font-size:26px}.gg{gap:6px}.gc{padding:16px 6px}.gc-c{font-size:14px}.gc-lbl{font-size:10px}.calc-body{padding:18px}.ascard-title{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

.sec:focus,.sec-title:focus,.asesoria-hero-title:focus,.tribu-title:focus{outline:none!important}

/* Brand pictograms: lively PGH colours, without fluorescent tones. */
.feature-icon,.tribu-val-icon,.amhero>span:first-child{filter:none;opacity:1}
.feature-icon,.tribu-val-icon{border-radius:12px;padding:7px;display:inline-grid;place-items:center;border:1px solid rgba(73,73,73,.07);box-shadow:0 3px 9px rgba(73,73,73,.07)}
.tribu-val:nth-child(2) .tribu-val-icon{background:#FFE7C4}
.tribu-val:nth-child(3) .tribu-val-icon{background:#D0E8E8}
.tribu-val:nth-child(4) .tribu-val-icon{background:#D6C0DB}
.tribu-val:nth-child(5) .tribu-val-icon{background:#CEA2C4}
.feature-card:nth-child(1) .feature-icon{background:#FFE7C4}
.feature-card:nth-child(2) .feature-icon{background:#D0E8E8}
.feature-card:nth-child(3) .feature-icon{background:#D6C0DB}
.feature-card:nth-child(4) .feature-icon{background:#CEA2C4}
.feature-icon .brand-emoji,.tribu-val-icon .brand-emoji{filter:none!important;opacity:1}

/* Two mobile menu treatments for comparison. */
@media(max-width:899px){
 body.menu-soft .nav-group:nth-child(1) .nb:nth-of-type(1){background:#EDF5F5!important}
 body.menu-soft .nav-group:nth-child(1) .nb:nth-of-type(2){background:#FFF3DF!important}
 body.menu-soft .nav-group:nth-child(2) .nb:nth-of-type(1){background:#F1E2EE!important}
 body.menu-soft .nav-group:nth-child(2) .nb:nth-of-type(2){background:#E7F3F2!important}
 body.menu-soft .nav-group:nth-child(2) .nb:nth-of-type(3){background:#F8EAF4!important}
 body.menu-soft .nav-group:nth-child(3) .nb:nth-of-type(1){background:#EDF5F5!important}
 body.menu-soft .nav-group:nth-child(3) .nb:nth-of-type(3){background:#F1E2EE!important}
 body.menu-soft .nav-group:nth-child(3) .nb:nth-of-type(4){background:#FFF1D7!important}
 body.menu-soft .nav .nb.active{box-shadow:inset 0 0 0 2px #A2CECC}
 body.menu-soft .nav .nb.asesoria{background:#D6C0DB!important;box-shadow:inset 0 0 0 2px #B38BBD}
 body.menu-soft .nav .nb.asesoria.active{background:#CEA2C4!important;box-shadow:inset 0 0 0 2px #9A6AAA}
 .nav-group:nth-child(3) .nb:nth-of-type(1){order:2}
 .nav-group:nth-child(3) .nb:nth-of-type(2){order:1}
 .nav-group:nth-child(3) .nb:nth-of-type(3){order:3}
 .nav-group:nth-child(3) .nb:nth-of-type(4){order:4}
}