/* Micrositios ROME: estética institucional y navegación extensible.
   No depende de librerías de UI ni habilita autenticación o captura. */
:root{--r-ink:#1d2b33;--r-deep:#0a3f56;--r-blue:#0f5f80;--r-gold:#c9a86b;--r-paper:#f6f4ef;--r-white:#fff;--r-border:#dcd6ca}
body{overflow-x:clip}
.site-nav .rome-plan-dropdown{position:relative;display:block;flex:0 0 auto;border:0;padding:0;margin:0}
.rome-plan-dropdown summary{cursor:pointer;display:block;list-style:none;white-space:nowrap;color:var(--tinta,var(--r-ink));font-weight:700;line-height:1.4;gap:0}
.rome-plan-dropdown summary::-webkit-details-marker{display:none}
.rome-plan-dropdown summary::after{content:" ▾";color:var(--oro,var(--r-gold))}
.rome-plan-dropdown[open] summary::after{content:" ▴"}
.rome-plan-menu{position:absolute;z-index:25;top:calc(100% + 12px);left:0;min-width:240px;max-width:calc(100vw - 32px);display:grid;gap:2px;padding:8px;background:var(--blanco,var(--r-white));border:1px solid var(--linea,var(--r-border));border-radius:10px;box-shadow:0 14px 40px #0b25382e}
.site-nav .rome-plan-menu a{display:block;text-decoration:none;color:var(--azul-hondo,var(--r-deep));padding:10px 12px;border-radius:6px;font-size:.88rem;white-space:nowrap}
.site-nav .rome-plan-menu a:hover,.site-nav .rome-plan-menu a:focus-visible{background:#edf4f6}
.site-nav > a[aria-current="page"],.rome-plan-dropdown summary[aria-current="page"]{color:var(--azul,var(--r-blue));text-decoration:underline;text-decoration-color:var(--oro,var(--r-gold));text-underline-offset:6px}
.site-nav a:focus-visible,.rome-plan-dropdown summary:focus-visible{outline:3px solid var(--oro,var(--r-gold));outline-offset:3px}
/* La barra superior no debe cortar los enlaces largos ni el CTA móvil. */
@media(max-width:1060px){
 .nav{flex-wrap:wrap;column-gap:14px;row-gap:8px}
 .site-nav{gap:14px}
}
@media(max-width:700px){
 .nav{display:flex;flex-wrap:wrap;gap:8px 12px}
 .nav .header-cta{order:2;margin-left:auto;flex:0 1 auto;min-width:0;max-width:170px;white-space:normal;line-height:1.2}
 .site-nav{display:flex!important;flex:1 0 100%;order:3;margin-left:0;gap:10px 16px;justify-content:center;flex-wrap:wrap;padding:8px 0 2px;font-size:.8rem}
 .site-nav > a,.rome-plan-dropdown summary{font-size:.8rem}
 .rome-plan-menu{left:50%;transform:translateX(-50%);min-width:min(260px,calc(100vw - 40px))}
 .section-nav-area{padding:4px 0 7px}
 .section-nav-links{min-width:0}
 .hero h1{overflow-wrap:break-word}
 .hero .grid > *{min-width:0}
 html{scroll-padding-top:230px}
}
@media(max-width:390px){
 .nav .header-cta{max-width:140px;font-size:.76rem;padding:8px}
 .site-nav{gap:8px 12px}
 html{scroll-padding-top:250px}
}
/* Páginas independientes. */
body.microsite{margin:0;background:var(--r-paper);color:var(--r-ink);font:400 16px/1.65 "Manrope","Segoe UI",sans-serif}
.microsite *{box-sizing:border-box}
.microsite .wrap{max-width:1140px;margin:0 auto;padding-left:clamp(16px,3vw,28px);padding-right:clamp(16px,3vw,28px)}
.microsite h1,.microsite h2,.microsite h3{font-family:"Cormorant Garamond",Georgia,serif;line-height:1.07;margin:0;font-weight:600}
.microsite h1{font-size:clamp(2.8rem,6vw,5.3rem)}
.microsite h2{font-size:clamp(2rem,4vw,3rem);color:var(--r-deep)}
.microsite h3{font-size:1.6rem;color:var(--r-deep)}
.microsite p{margin:0}
.microsite a{color:var(--r-blue)}
.microsite a:focus-visible,.microsite button:focus-visible{outline:3px solid var(--r-gold);outline-offset:3px}
.microsite header{position:sticky;top:0;background:white;z-index:40;border-bottom:1px solid var(--r-border)}
.microsite .nav{display:flex;align-items:center;gap:20px;padding-block:12px}
.microsite .nav .logo{display:inline-flex;flex-shrink:0}
.microsite .nav img{height:46px;width:auto;max-width:120px}
.microsite .site-nav{display:flex;align-items:center;gap:20px;margin-left:auto;font-size:.9rem;font-weight:700}
.microsite .site-nav > a{text-decoration:none;color:var(--r-ink);white-space:nowrap}
.microsite .site-nav > a:hover{color:var(--r-blue)}
.microsite .btn{display:inline-flex;align-items:center;justify-content:center;background:var(--r-gold);border:2px solid var(--r-gold);color:var(--r-deep);padding:11px 16px;border-radius:5px;font-weight:700;font-size:.9rem;text-decoration:none;line-height:1.3}
.microsite .btn:hover{background:#e8d9b8}
.microsite .btn.ghost{background:transparent;color:inherit;border-color:currentColor}
.microsite .header-cta{flex-shrink:0;margin-left:2px}
.microsite .section-nav-area{padding:8px 0;background:white}
.microsite .section-nav{border:1px solid var(--r-border);background:#f5f7f8;border-radius:13px;padding:10px 14px;display:flex;gap:17px;align-items:center;box-shadow:0 6px 18px #0b253812}
.microsite .section-nav-title{font-weight:700;font-size:.78rem;color:#5a6870;white-space:nowrap}
.microsite .section-nav-links{display:flex;gap:8px;overflow-x:auto;min-width:0}
.microsite .section-nav-link{display:inline-flex;white-space:nowrap;text-decoration:none;background:white;border:1px solid #d6e0e6;border-radius:999px;padding:7px 13px;font-size:.82rem;font-weight:700;color:var(--r-deep)}
.microsite .section-nav-link:hover{background:#edf4f6}
.microsite section{padding:clamp(50px,7vw,88px) 0}
.microsite .micro-hero{background:var(--r-deep);color:white;position:relative;overflow:hidden}
.microsite .micro-hero::after{content:"";position:absolute;inset:auto -95px -130px auto;width:320px;height:320px;border:80px solid #c9a86b26;transform:rotate(26deg);pointer-events:none}
.microsite .micro-hero > .wrap{position:relative;z-index:1;display:grid;gap:18px}
.microsite .eyebrow{font-size:.77rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--r-gold)}
.microsite .micro-hero .lead{font-size:clamp(1.08rem,2vw,1.27rem);color:#cfdde4;max-width:66ch}
.microsite .micro-hero .actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:10px}
.microsite .micro-hero h1 span{color:var(--r-gold)}
.microsite .micro-hero .price{font-weight:800;font-size:1.3rem;color:var(--r-gold)}
.microsite .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
.microsite .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}
.microsite .card{background:#fff;border:1px solid var(--r-border);border-top:3px solid var(--r-blue);padding:24px;display:grid;gap:12px;align-content:start;min-width:0}
.microsite .card .meta{font-size:.77rem;text-transform:uppercase;font-weight:800;color:var(--r-blue);letter-spacing:.07em}
.microsite .card p{color:#5a6870;font-size:.96rem}
.microsite .card a{font-weight:700;align-self:end}
.microsite .band{background:white}
.microsite .gold{border-top-color:var(--r-gold)}
.microsite .bullet-list{padding-left:22px;margin:0;display:grid;gap:9px}
.microsite .muted{color:#5a6870;max-width:70ch}
.microsite .detail-box{background:#eaf0f2;border-left:4px solid var(--r-gold);padding:22px;margin-top:24px}
.microsite .video-wrap{max-width:360px;border:1px solid var(--r-border);padding:8px;background:#fff}
.microsite video{width:100%;display:block;aspect-ratio:9/16;background:#000}
.microsite footer{background:#07293a;color:#c5d0d6;padding:28px 0;font-size:.82rem}
.microsite footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.microsite footer a{color:#fff}
.microsite .note{font-size:.83rem;color:#5a6870}
.microsite .micro-hero .note{color:#cfdde4}
.microsite .cross-link{display:inline-flex;gap:8px;align-items:center;font-weight:700}
@media(max-width:850px){.microsite .grid3{grid-template-columns:1fr 1fr}.microsite .grid2{grid-template-columns:1fr}}
@media(max-width:700px){
 .microsite .nav{flex-wrap:wrap;gap:10px}
 .microsite .nav img{height:36px}
 .microsite .site-nav{display:flex!important;flex:1 0 100%;order:3;justify-content:center;margin:0;flex-wrap:wrap;gap:9px 15px}
 .microsite .header-cta{order:2;margin-left:auto;max-width:155px;white-space:normal}
 .microsite .section-nav-title{display:none}
 .microsite .section-nav{padding:8px}
 .microsite .grid3{grid-template-columns:1fr}
 .microsite h1{overflow-wrap:break-word}
}

footer a.institutional-access{flex-basis:100%;text-align:right;font-size:.7rem;line-height:1.5;color:#9FB4BF;text-decoration:none;padding:4px 0;margin-top:4px}
footer a.institutional-access:hover{color:#fff}
footer a.institutional-access:focus-visible{outline:2px solid #C9AA6A;outline-offset:4px}

footer .portal-legal-links a{color:#CFDDE4;text-underline-offset:3px}
footer .portal-legal-links a:hover{color:#fff}
footer .portal-legal-links a:focus-visible{outline:2px solid #C9AA6A;outline-offset:3px}