/* Design System — Corporación Nacional */
:root{--cn-navy:#08275c;--cn-blue:#0754c7;--cn-sky:#eaf3ff;--cn-ink:#13213a;--cn-muted:#5b6a82;--cn-paper:#fff;--cn-wash:#f5f8fc;--cn-sun:#ffcd4b;--cn-rule:#dce5f0;--cn-r-sm:10px;--cn-r-md:18px;--cn-r-lg:28px;--cn-space-1:8px;--cn-space-2:16px;--cn-space-3:24px;--cn-space-4:40px;--cn-space-5:72px;--cn-content:1160px;--cn-reading:660px;--cn-shadow:0 18px 48px rgb(8 39 92 /.10)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--cn-ink);background:var(--cn-paper)}h1,h2,h3{font-weight:720;letter-spacing:-.045em}h1{font-size:clamp(2.65rem,6vw,5.8rem)}h2{font-size:clamp(2rem,4vw,3.8rem)}p{max-width:var(--cn-reading)}.container{width:min(var(--cn-content),calc(100% - 40px))}.site-header{box-shadow:none}.nav-wrap{min-height:78px}.main-nav>a{font-weight:640}.campus-link{border-radius:999px;background:var(--cn-navy);border-color:var(--cn-navy)}.campus-link:hover{background:var(--cn-blue)}.button{border-radius:999px;background:var(--cn-blue);border-color:var(--cn-blue)}.button:hover{background:var(--cn-navy)}.button-outline{border-color:var(--cn-navy);color:var(--cn-navy)!important}.eyebrow{color:var(--cn-blue);font-size:.72rem;letter-spacing:.16em}.section{padding-block:clamp(64px,10vw,144px)}
/* Portada editorial */
.home-hero{position:relative;overflow:hidden;background:var(--cn-navy);color:white}.home-hero::before{position:absolute;inset:0;background:linear-gradient(105deg,rgb(8 39 92 /.98) 15%,rgb(8 39 92 /.78) 60%,rgb(8 39 92 /.16));content:""}.home-hero-grid{position:relative;display:grid;gap:var(--cn-space-4);align-items:end;min-height:min(790px,calc(100svh - 78px));padding-block:clamp(72px,10vw,132px)}.home-hero-copy{position:relative;z-index:1}.home-hero .eyebrow{color:var(--cn-sun)}.home-hero h1{max-width:820px;margin-bottom:var(--cn-space-3)}.home-hero-lead{max-width:590px;color:#e0ebff;font-size:clamp(1.05rem,1.8vw,1.3rem)}.home-hero-actions{display:flex;flex-wrap:wrap;gap:var(--cn-space-2);margin-top:var(--cn-space-4)}.home-hero-note{margin-top:var(--cn-space-4);color:#c5d8fb;font-size:.88rem}.home-hero-image{display:none}.home-hero-image img{width:100%;height:100%;object-fit:cover}.home-hero-image figcaption{position:absolute;right:0;bottom:0;padding:.5rem .8rem;background:var(--cn-sun);color:var(--cn-navy);font-size:.72rem;font-weight:750}
.editorial-intro{display:grid;gap:var(--cn-space-4);align-items:start}.editorial-intro h2{max-width:740px;margin:0}.editorial-intro-copy{border-left:1px solid var(--cn-rule);padding-left:var(--cn-space-3)}.editorial-intro p{color:var(--cn-muted);font-size:1.1rem}.principles{display:grid;margin-top:var(--cn-space-5);border-top:1px solid var(--cn-rule)}.principle{padding:var(--cn-space-3) 0;border-bottom:1px solid var(--cn-rule)}.principle-index{display:block;margin-bottom:var(--cn-space-2);color:var(--cn-blue);font-size:.75rem;font-weight:800;letter-spacing:.1em}.principle h3{margin-bottom:.5rem;font-size:1.35rem}.principle p{margin:0;color:var(--cn-muted)}
.program-editorial{background:var(--cn-wash)}.program-editorial-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--cn-space-3);align-items:end;margin-bottom:var(--cn-space-4)}.program-editorial-head h2{max-width:690px;margin:0}.program-list{border-top:1px solid var(--cn-rule)}.program-item{display:grid;grid-template-columns:34px 1fr;gap:var(--cn-space-2);padding:var(--cn-space-3);border-bottom:1px solid var(--cn-rule);text-decoration:none}.program-item:hover{color:var(--cn-blue)}.program-item-number{font-size:.78rem;font-weight:800;color:var(--cn-blue);padding-top:.3rem}.program-item h3{margin-bottom:.45rem;font-size:clamp(1.35rem,2vw,1.85rem)}.program-item p{margin:0;color:var(--cn-muted)}.program-item-arrow{display:none}
.campus-feature{display:grid;overflow:hidden;background:var(--cn-navy);color:white;border-radius:var(--cn-r-lg)}.campus-feature figure{min-height:300px;margin:0}.campus-feature figure img{width:100%;height:100%;object-fit:cover}.campus-feature-copy{padding:clamp(32px,6vw,72px)}.campus-feature .eyebrow{color:var(--cn-sun)}.campus-feature h2{max-width:600px;margin-bottom:var(--cn-space-3)}.campus-feature p{color:#d7e4fb;font-size:1.08rem}.campus-feature .button{margin-top:var(--cn-space-2);background:var(--cn-sun);border-color:var(--cn-sun);color:var(--cn-navy)!important}.campus-feature .button:hover{background:white}
.academic-flow{display:grid;gap:var(--cn-space-4);align-items:start}.academic-flow h2{margin-bottom:var(--cn-space-3)}.flow-list{counter-reset:flow;display:grid;gap:var(--cn-space-3)}.flow-list li{position:relative;list-style:none;padding-left:58px;color:var(--cn-muted)}.flow-list li::before{position:absolute;top:-2px;left:0;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cn-blue);color:white;content:counter(flow,decimal-leading-zero);counter-increment:flow;font-size:.68rem;font-weight:800}.flow-list strong{display:block;color:var(--cn-ink);font-size:1rem}.home-faq{background:var(--cn-wash)}.home-faq .narrow{width:min(780px,100%)}.home-faq details{background:transparent}.home-faq summary{font-size:1.05rem}.home-faq details p{font-size:1rem}
/* Páginas internas: composiciones de contenido, no cabeceras repetidas. */
.site-footer{margin-top:0}.site-footer .footer-grid{padding-bottom:var(--cn-space-3)}
@media(min-width:720px){.home-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.65fr)}.home-hero-image{position:relative;display:block;align-self:stretch;margin-top:clamp(48px,8vw,120px);border-radius:var(--cn-r-lg);overflow:hidden;transform:translateY(36px)}.editorial-intro{grid-template-columns:minmax(0,1.1fr) minmax(260px,.65fr)}.principles{grid-template-columns:repeat(3,1fr)}.principle{padding:0 var(--cn-space-3) 0 0;border-bottom:0;border-right:1px solid var(--cn-rule)}.principle+.principle{padding-left:var(--cn-space-3)}.principle:last-child{border-right:0}.program-item{grid-template-columns:54px minmax(260px,.8fr) minmax(260px,1fr) 30px;align-items:center;gap:var(--cn-space-3)}.program-item h3{margin:0}.program-item-arrow{display:block;color:var(--cn-blue);font-size:1.5rem;text-align:right}.campus-feature{grid-template-columns:1fr 1fr}.academic-flow{grid-template-columns:minmax(280px,.8fr) 1fr}.flow-list{border-left:1px solid var(--cn-rule);padding-left:var(--cn-space-4)}}
@media(max-width:719px){.home-hero-grid{min-height:660px}.home-hero h1{font-size:clamp(2.6rem,12vw,4rem)}.home-hero-note{max-width:370px}.principles{gap:0}.campus-feature{border-radius:var(--cn-r-md)}.campus-feature figure{min-height:230px}.academic-flow{gap:var(--cn-space-3)}.flow-list{padding:0;margin:0}.site-footer{padding-top:3rem}}

/* El contenido del inicio necesita una composición intermedia antes del
   escritorio: las columnas con mínimos fijos comprimían textos entre 720 y 899 px. */
.home .container,
.home .container > *,
.program-item,
.program-item > *{min-width:0}
.home h2,.home h3,.home p,.home summary,.program-item{overflow-wrap:anywhere}
@media (max-width:899px){
  .editorial-intro{grid-template-columns:1fr}
  .editorial-intro-copy{padding-left:0;border-top:1px solid var(--cn-rule);border-left:0;padding-top:var(--cn-space-3)}
  .principles{grid-template-columns:1fr}
  .principle,.principle+.principle{padding:var(--cn-space-3) 0;border-right:0;border-bottom:1px solid var(--cn-rule)}
  .program-item{grid-template-columns:34px minmax(0,1fr);gap:var(--cn-space-2)}
  .program-item h3{margin-bottom:.45rem}
  .program-item p{grid-column:2}
  .program-item-arrow{display:none}
  .campus-feature,.academic-flow{grid-template-columns:1fr}
  .flow-list{margin:0;padding:0;border-left:0}
}

/* Composiciones particulares por página */
.about-opening,.service-opening,.contact-opening{padding-top:clamp(64px,10vw,132px)}.about-opening-grid{display:grid;gap:var(--cn-space-4);align-items:end}.about-opening h1,.service-opening h1,.contact-opening h1{max-width:780px;margin-bottom:var(--cn-space-3);font-size:clamp(2.5rem,5vw,5rem)}.about-opening p,.service-opening p,.contact-opening p{color:var(--cn-muted);font-size:1.12rem}.about-image{overflow:hidden;border-radius:var(--cn-r-lg)}.about-image img{width:100%;height:100%;min-height:300px;object-fit:cover}.about-values{display:grid;border-top:1px solid var(--cn-rule)}.about-values article{padding:var(--cn-space-3) 0;border-bottom:1px solid var(--cn-rule)}.about-values h2{margin-bottom:.55rem;font-size:1.4rem}.about-values p{margin:0;color:var(--cn-muted)}.about-band{background:var(--cn-navy);color:white}.about-band p{color:#d7e4fb;font-size:1.12rem}.about-band .eyebrow{color:var(--cn-sun)}.service-feature{display:grid;gap:var(--cn-space-4);align-items:center;margin-bottom:clamp(72px,12vw,160px)}.service-feature-image{overflow:hidden;border-radius:var(--cn-r-lg)}.service-feature-image img{width:100%;height:100%;min-height:320px;object-fit:cover}.service-feature-copy h2{margin-bottom:var(--cn-space-2)}.service-feature-copy p{color:var(--cn-muted);font-size:1.08rem}.service-feature-tag{display:inline-block;margin-bottom:var(--cn-space-2);color:var(--cn-blue);font-size:.74rem;font-weight:800;letter-spacing:.13em}.service-index{display:grid;border-top:1px solid var(--cn-rule)}.service-index article{display:grid;grid-template-columns:40px 1fr;gap:var(--cn-space-2);padding:var(--cn-space-3) 0;border-bottom:1px solid var(--cn-rule)}.service-index span{color:var(--cn-blue);font-size:.76rem;font-weight:800}.service-index h3{margin-bottom:.4rem}.service-index p{margin:0;color:var(--cn-muted)}.contact-layout{display:grid;gap:var(--cn-space-5);align-items:start}.contact-layout aside{padding:var(--cn-space-4);border-radius:var(--cn-r-lg);background:var(--cn-sky)}.contact-layout aside h2{font-size:clamp(1.8rem,3vw,2.8rem)}.contact-form{box-shadow:none;border-radius:var(--cn-r-lg)}
@media(min-width:720px){.about-opening-grid{grid-template-columns:1fr .8fr}.about-values{grid-template-columns:repeat(3,1fr)}.about-values article{padding:0 var(--cn-space-3);border-bottom:0;border-right:1px solid var(--cn-rule)}.about-values article:first-child{padding-left:0}.about-values article:last-child{border:0}.service-feature{grid-template-columns:1fr 1fr}.service-feature:nth-child(even) .service-feature-image{order:2}.service-index{grid-template-columns:repeat(2,1fr);column-gap:var(--cn-space-4)}.contact-layout{grid-template-columns:.8fr 1.2fr}}

.service-catalog{display:grid;border-top:1px solid var(--cn-rule)}.service-catalog article{display:grid;gap:var(--cn-space-3);padding-block:var(--cn-space-4);border-bottom:1px solid var(--cn-rule)}.service-catalog figure{margin:0;overflow:hidden;border-radius:var(--cn-r-md);background:var(--cn-sky)}.service-catalog figure img{width:100%;height:230px;object-fit:cover}.service-catalog-number{display:block;margin-bottom:var(--cn-space-1);color:var(--cn-blue);font-size:.72rem;font-weight:800;letter-spacing:.13em}.service-catalog h2{margin-bottom:var(--cn-space-2);font-size:clamp(1.7rem,3vw,2.7rem)}.service-catalog p{margin-bottom:0;color:var(--cn-muted);font-size:1.05rem}@media(min-width:720px){.service-catalog article{grid-template-columns:minmax(260px,.8fr) minmax(320px,1fr);gap:clamp(40px,8vw,120px);align-items:center}.service-catalog article:nth-child(even) figure{order:2}.service-catalog figure img{height:320px}}

/* Paleta y ornamentos tomados de las piezas institucionales. */
:root{--cn-navy:#003486;--cn-blue:#008bda;--cn-sky:#e8f7ff;--cn-lime:#add600;--cn-violet:#8c2ac0;--cn-rule:#c9e1ed}
.home .eyebrow{color:var(--cn-navy)}
.home .editorial-intro h2::after,.home .program-editorial-head h2::after{display:block;width:78px;height:5px;margin-top:var(--cn-space-2);border-radius:99px;background:var(--cn-lime);content:""}
.home .program-editorial{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#f7fcff 0%,#fff 55%,#edf9ff 100%)}
.home .program-editorial::before,.home .program-editorial::after{position:absolute;z-index:-1;border-radius:50%;content:""}
.home .program-editorial::before{top:-92px;right:-88px;width:205px;height:205px;border:30px solid var(--cn-blue);border-left-color:transparent;border-bottom-color:transparent;transform:rotate(20deg)}
.home .program-editorial::after{right:9%;bottom:50px;width:56px;height:56px;background:radial-gradient(circle,var(--cn-violet) 2px,transparent 3px) 0 0/14px 14px}
.home .program-item{position:relative;border-radius:var(--cn-r-sm);transition:background .2s,transform .2s}
.home .program-item:hover,.home .program-item:focus-visible{background:#fff;box-shadow:0 10px 26px rgb(0 52 134 /.10);transform:translateX(4px);outline:0}
.home .program-item::before{position:absolute;top:20%;bottom:20%;left:0;width:4px;border-radius:99px;background:var(--cn-lime);content:"";opacity:0;transition:opacity .2s}
.home .program-item:hover::before,.home .program-item:focus-visible::before{opacity:1}
.home .program-item-number,.home .program-item-arrow{color:var(--cn-blue)}
.home .campus-feature{border:3px solid var(--cn-lime);box-shadow:18px 18px 0 rgb(0 139 218 /.14)}
.home .campus-feature .button{background:var(--cn-lime);border-color:var(--cn-lime)}
.home .flow-list li:nth-child(2)::before{background:var(--cn-lime);color:var(--cn-navy)}
.home .flow-list li:nth-child(3)::before{background:var(--cn-violet)}
.home .academic-flow .button-outline{position:relative;z-index:1;max-width:100%;border-color:var(--cn-navy);background:var(--cn-navy);color:#fff!important;text-align:center}
.home .academic-flow .button-outline:hover,.home .academic-flow .button-outline:focus-visible{border-color:var(--cn-blue);background:var(--cn-blue);color:#fff!important}
.home .home-faq details{position:relative;padding-left:1.1rem}
.home .home-faq details::before{position:absolute;top:1.35rem;left:0;width:5px;height:5px;border-radius:50%;background:var(--cn-lime);content:""}
@media(max-width:719px){.home .program-editorial::before{top:-64px;right:-74px;width:155px;height:155px;border-width:22px}.home .program-editorial::after{right:1rem;bottom:30px}.home .campus-feature{box-shadow:10px 10px 0 rgb(0 139 218 /.14)}}

/* Aplicación de la identidad gráfica en las páginas internas y componentes. */
.site-header{border-bottom:3px solid var(--cn-lime)}
.main-nav>a[aria-current=page]{color:var(--cn-navy);text-decoration-color:var(--cn-lime)!important;text-decoration-thickness:3px!important}
body:not(.home-page) .site-header .nav-wrap{height:76px;min-height:76px!important;padding-block:0!important}
body:not(.home-page) .site-header .campus-link{min-height:40px;padding:.65rem 1rem;font-size:.85rem}
.page-hero,.gallery-intro,.about-opening,.service-opening,.contact-opening{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f4fbff 100%)}
.page-hero::before,.gallery-intro::before,.about-opening::before,.service-opening::before,.contact-opening::before{position:absolute;z-index:-1;top:-92px;right:-82px;width:190px;height:190px;border:28px solid var(--cn-blue);border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;content:"";transform:rotate(18deg)}
.gallery-intro::after,.about-opening::after,.service-opening::after,.contact-opening::after{position:absolute;z-index:-1;right:7%;bottom:24px;width:62px;height:42px;background:radial-gradient(circle,var(--cn-violet) 2px,transparent 3px) 0 0/14px 14px;content:""}
.about-opening h1::after,.service-opening h1::after,.contact-opening h1::after,.gallery-intro h1::after{display:block;width:78px;height:5px;margin-top:var(--cn-space-2);border-radius:99px;background:var(--cn-lime);content:""}
.about-values article,.service-index article,.service-catalog article{position:relative}
.about-values article{display:flex;min-height:220px;padding:calc(var(--cn-space-3) + 20px) var(--cn-space-3) var(--cn-space-3);flex-direction:column}
.about-values article::before,.service-index article::before,.service-catalog article::before{position:absolute;top:0;left:0;width:56px;height:4px;border-radius:99px;background:var(--cn-lime);content:""}
.about-values article::before{top:18px;left:var(--cn-space-3)}
.about-values article:nth-child(2)::before,.service-index article:nth-child(2n)::before,.service-catalog article:nth-child(2n)::before{background:var(--cn-blue)}
.about-values article:nth-child(3)::before,.service-index article:nth-child(3n)::before,.service-catalog article:nth-child(3n)::before{background:var(--cn-violet)}
.about-band{position:relative;overflow:hidden;background:var(--cn-navy)}
.about-band::after{position:absolute;right:8%;bottom:-40px;width:170px;height:170px;border:22px solid var(--cn-lime);border-top-color:transparent;border-left-color:transparent;border-radius:50%;content:"";transform:rotate(18deg)}
.service-feature-image,.about-image,.service-catalog figure{box-shadow:12px 12px 0 rgb(0 139 218 /.14)}
.contact-layout aside{border:2px solid var(--cn-lime);box-shadow:12px 12px 0 rgb(140 42 192 /.12)}
.gallery-photo{outline:2px solid transparent;outline-offset:3px}
.gallery-photo:hover,.gallery-photo:focus-visible{outline-color:var(--cn-lime)}
.site-footer{position:relative;overflow:hidden;border-top:5px solid var(--cn-lime);background:var(--cn-navy)}
.site-footer::after{position:absolute;right:-45px;bottom:-55px;width:180px;height:180px;border:24px solid var(--cn-blue);border-top-color:transparent;border-left-color:transparent;border-radius:50%;content:"";transform:rotate(18deg)}
@media(max-width:800px){body:not(.home-page) .site-header .nav-wrap{height:66px;min-height:66px!important}}
@media(max-width:719px){.page-hero::before,.gallery-intro::before,.about-opening::before,.service-opening::before,.contact-opening::before{top:-68px;right:-66px;width:145px;height:145px;border-width:20px}.gallery-intro::after,.about-opening::after,.service-opening::after,.contact-opening::after{right:1rem}.about-band::after{right:-55px}.service-feature-image,.about-image,.service-catalog figure{box-shadow:8px 8px 0 rgb(0 139 218 /.14)}}

.whatsapp-float{position:fixed;z-index:40;right:max(1.25rem,env(safe-area-inset-right));bottom:max(1.25rem,env(safe-area-inset-bottom));display:grid;width:4rem;height:4rem;place-items:center;border:3px solid #fff;border-radius:50%;background:#25d366;color:#fff!important;box-shadow:0 10px 26px rgb(0 0 0 /.24);text-decoration:none;transition:transform .2s,box-shadow .2s}.whatsapp-float svg{width:2.35rem;height:2.35rem;fill:currentColor}.whatsapp-float:hover,.whatsapp-float:focus-visible{box-shadow:0 14px 30px rgb(0 0 0 /.32);transform:translateY(-3px) scale(1.04);outline:0}@media(max-width:480px){.whatsapp-float{right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));width:3.6rem;height:3.6rem}.whatsapp-float svg{width:2.1rem;height:2.1rem}}

/* Pie de página institucional. */
.site-footer{padding-top:clamp(3.5rem,7vw,6rem);background:radial-gradient(circle at 87% 15%,rgb(0 139 218 /.35),transparent 21rem),var(--cn-navy)}
.site-footer::before{position:absolute;top:2.6rem;right:10%;width:70px;height:48px;background:radial-gradient(circle,var(--cn-lime) 2px,transparent 3px) 0 0/14px 14px;content:""}
.site-footer .footer-grid{position:relative;z-index:1;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:clamp(1.5rem,4vw,4rem);padding-bottom:clamp(2.5rem,5vw,4rem)}
.footer-brand{margin-bottom:.65rem;color:#fff;font-size:clamp(1.35rem,2vw,1.65rem);letter-spacing:-.03em}.site-footer .footer-grid>section>p:not(.footer-title):not(.footer-brand){max-width:285px;color:#d8e7ff}.footer-title{margin-bottom:.9rem;color:var(--cn-lime);font-size:.74rem;letter-spacing:.15em;text-transform:uppercase}.site-footer a{width:max-content;max-width:100%;color:#edf5ff;text-underline-offset:.25em}.site-footer a:hover{color:var(--cn-lime)}
.footer-contact a{overflow-wrap:anywhere}.social-icons{display:flex;flex-wrap:wrap;gap:.65rem}.social-icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid rgb(255 255 255 /.45);border-radius:50%;background:rgb(255 255 255 /.08);color:#fff;transition:transform .2s,background .2s}.social-icon svg{width:1.12rem;height:1.12rem;fill:currentColor}.social-icon:hover{background:var(--cn-lime);color:var(--cn-navy);transform:translateY(-3px)}.footer-bottom{position:relative;z-index:1;margin-top:0;padding-block:1.35rem;color:#d8e7ff}.footer-bottom small{display:block;text-align:center}
@media(max-width:900px){.site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.site-footer::before{right:1rem}.site-footer .footer-grid{grid-template-columns:1fr;gap:1.75rem}.site-footer .footer-grid>section>p:not(.footer-title):not(.footer-brand){max-width:100%}}

/* Pilares del inicio: tarjetas de altura uniforme. */
.home .principles{gap:1rem;border-top:0}.home .principle{position:relative;display:flex;min-height:230px;padding:2rem!important;flex-direction:column;overflow:hidden;border:1px solid var(--cn-rule)!important;border-radius:var(--cn-r-md);background:#fff;box-shadow:0 10px 26px rgb(0 52 134 /.07)}.home .principle::before{position:absolute;top:0;right:0;left:0;height:6px;background:var(--cn-lime);content:""}.home .principle::after{position:absolute;right:1.25rem;bottom:1.25rem;width:42px;height:28px;background:radial-gradient(circle,var(--cn-blue) 2px,transparent 3px) 0 0/12px 12px;content:"";opacity:.45}.home .principle:nth-child(2)::before{background:var(--cn-blue)}.home .principle:nth-child(2)::after{background:radial-gradient(circle,var(--cn-violet) 2px,transparent 3px) 0 0/12px 12px}.home .principle:nth-child(3)::before{background:var(--cn-violet)}.home .principle h3,.home .principle p,.home .principle-index{position:relative;z-index:1}.home .principle-index{display:grid;width:2.2rem;height:2.2rem;place-items:center;margin-bottom:1.2rem;border-radius:50%;background:var(--cn-sky);color:var(--cn-navy)}.home .principle p{margin-bottom:0}@media(max-width:719px){.home .principle{min-height:0;padding:1.75rem!important}}
.home .home-faq .narrow{width:min(780px,calc(100% - 40px))}

/* Confirmación del formulario de contacto. */
.contact-dialog{width:min(440px,calc(100% - 2rem));padding:clamp(28px,5vw,44px);border:0;border-radius:var(--cn-r-lg);box-shadow:0 24px 70px rgb(3 30 76 /.28);text-align:center;color:var(--cn-ink)}.contact-dialog::backdrop{background:rgb(3 30 76 /.65);backdrop-filter:blur(3px)}.contact-dialog-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto var(--cn-space-2);border-radius:50%;background:#dff5e9;color:#167348;font-size:1.8rem;font-weight:800}.contact-dialog h2{margin-bottom:.75rem;font-size:clamp(1.7rem,4vw,2.2rem)}.contact-dialog p{margin:0 auto var(--cn-space-3);color:var(--cn-muted)}.contact-dialog-close{min-width:150px}.contact-dialog.is-error .contact-dialog-icon{background:#ffe7e7;color:#b42318;font-size:0}.contact-dialog.is-error .contact-dialog-icon::after{content:'!';font-size:1.8rem}