/* OneDistrict Core — bloque Secciones del inicio (El circuito, Por qué, Primeros 5, Complementos, Cierre y pie) + 404. */
.od-secciones.od-secciones :is(h1,h2,h3,h4,p){color:inherit}
.od-secciones.od-secciones :is(h1,h2,h3,h4,h5,p,ul,ol,li,figure,dl,dd){margin:0}
.od-secciones.od-secciones img{transition:none!important}
.od-secciones.od-secciones a{text-decoration:none}
.od-secciones.od-secciones button{text-transform:none;letter-spacing:normal;box-shadow:none}
.od-secciones{display:block;margin:0!important;max-width:none!important;width:100%;position:relative}
.od-secciones .circ-txt h2,.od-secciones .porque h2,.od-secciones .diez h2,.od-secciones .comp h2,.od-secciones .cierre h2{color:inherit}
/* En el Inicio, el menú fijo de OneDistrict: el bloque fijo del circuito empieza debajo */
body:has(.od-historia .nav) .od-secciones .circ-pin{padding-top:calc(82px + clamp(8px,2vh,24px))}
.od-secciones{
  --blanco:#FFFFFF; --negro:#000000; --marino:#0B2A6F; --marino-claro:#8FA8EC;
  --gris:#5F6470; --gris-claro:#A7ABB4; --linea:#E3E4E8; --papel:#F4F4F6;
  --f:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --e-out:cubic-bezier(.23,1,.32,1);
  --gutter:clamp(16px,4vw,56px);
  color-scheme:light;
}
.od-secciones *{box-sizing:border-box}
.od-secciones{margin:0;background:var(--blanco);color:var(--negro);font:400 16px/1.6 var(--f);-webkit-font-smoothing:antialiased}
.od-secciones h1,.od-secciones h2,.od-secciones h3,.od-secciones h4,.od-secciones p{margin:0}
.od-secciones h1,.od-secciones h2,.od-secciones h3{text-wrap:balance}
.od-secciones img{display:block;max-width:100%}
.od-secciones a{color:inherit}
.od-secciones .x{font-stretch:125%;font-variation-settings:"wdth" 125;font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:1}
.od-secciones .eti{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.od-secciones .cont{max-width:1240px;margin:0 auto;padding-inline:var(--gutter)}
.od-secciones .btn{display:inline-flex;align-items:center;justify-content:center;font:600 16px/1 var(--f);padding:17px 24px;border:1px solid transparent;text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:transform 160ms var(--e-out),background-color 200ms ease,color 200ms ease}
.od-secciones .btn:active{transform:scale(.97)}
.od-secciones .btn-p{background:var(--marino);color:var(--blanco);border-color:var(--marino)}
.od-secciones .btn-s{color:var(--negro);border-color:var(--negro);background:transparent}
.od-secciones .btn-s.cl{color:var(--blanco);border-color:var(--blanco)}
@media (hover:hover) and (pointer:fine){.od-secciones .btn-p:hover{background:#163a8c}
.od-secciones .btn-s:hover{background:var(--negro);color:var(--blanco)}
.od-secciones .btn-s.cl:hover{background:var(--blanco);color:var(--negro)}}
.od-secciones .bs{display:flex;gap:12px;flex-wrap:wrap}
.od-secciones .circ{position:relative;height:420vh;background:var(--negro);color:var(--blanco)}
.od-secciones .circ-pin{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,5vw,72px);max-width:1240px;margin:0 auto;padding:clamp(56px,9vh,96px) var(--gutter)}
@supports (height:100svh){.od-secciones .circ-pin{height:100svh}}
.od-secciones .circ-txt h2{font-size:clamp(34px,5vw,68px)}
.od-secciones .circ-txt h2 em{font-style:normal;color:var(--marino-claro)}
.od-secciones .circ-txt>p{margin-top:16px;max-width:44ch;color:#C9CCD3;font-size:clamp(16px,1.3vw,18px)}
.od-secciones .pasos{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:4px;position:relative}
.od-secciones .pasos::before{content:"";position:absolute;left:5px;top:10px;bottom:10px;width:1px;background:#2A2C31}
.od-secciones .pasos .riel{position:absolute;left:5px;top:10px;width:1px;background:var(--marino-claro);height:0}
.od-secciones .paso time{white-space:nowrap}
.od-secciones .paso{display:grid;grid-template-columns:12px 78px 1fr;gap:14px;align-items:baseline;padding:10px 0;color:#6E727B;transition:color 300ms ease}
.od-secciones .paso i{width:11px;height:11px;border-radius:50%;background:#2A2C31;transform:translateY(1px);transition:background-color 300ms ease,box-shadow 300ms ease}
.od-secciones .paso time{font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.od-secciones .paso b{display:block;font-weight:600;font-size:clamp(16px,1.4vw,19px)}
.od-secciones .paso span{display:block;font-size:14px;margin-top:2px}
.od-secciones .paso.on{color:var(--blanco)}
.od-secciones .paso.on i{background:var(--marino-claro);box-shadow:0 0 0 5px rgba(143,168,236,.18)}
.od-secciones .paso.on span{color:#C9CCD3}
.od-secciones .circ-pin{background:var(--negro);overflow:hidden}
.od-secciones .circ-txt h2{font-size:clamp(30px,min(5vw,7.2vh),68px)}
.od-secciones .paso{padding-block:clamp(4px,1vh,10px)}
@media (max-height:780px) and (min-width:861px){.od-secciones .paso span{display:none}
.od-secciones .circ-txt>p{display:none}}
.od-secciones .tel-col{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative}
.od-secciones .tel{height:min(640px,74svh);width:auto}
.od-secciones .duerme{display:flex;align-items:center;gap:8px;font-size:13px;color:#C9CCD3;font-variant-numeric:tabular-nums}
.od-secciones .duerme svg{width:16px;height:16px}
.od-secciones .tel{position:relative;width:min(300px,64vw);aspect-ratio:9/19;border-radius:42px;background:#16171A;padding:12px;box-shadow:0 40px 80px rgba(0,0,0,.5),inset 0 0 0 1px #2B2D33}
.od-secciones .tel-pant{position:relative;width:100%;height:100%;border-radius:32px;overflow:hidden;background:#fff;color:#111}
.od-secciones .tel-isla{position:absolute;z-index:9;top:10px;left:50%;translate:-50% 0;width:84px;height:24px;border-radius:20px;background:#000}
.od-secciones .pant{position:absolute;inset:0;padding:44px 14px 14px;display:flex;flex-direction:column;opacity:0;visibility:hidden;isolation:isolate}
.od-secciones .pant-ig{z-index:1}
.od-secciones .pant-wa{z-index:2;background:#ECE5DD}
.od-secciones .pant-pago{z-index:3}
.od-secciones .ig-top{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}
.od-secciones .ig-av{width:28px;height:28px;border-radius:50%;background:conic-gradient(#F58529,#DD2A7B,#8134AF,#F58529);padding:2px}
.od-secciones .ig-av span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#2A1A12;color:#F6EBDD;font-size:9px;font-weight:700}
.od-secciones .ig-top small{display:block;font-weight:400;color:#777;font-size:10px}
.od-secciones .ig-img{margin-top:10px;flex:1;min-height:0;border-radius:6px;background:linear-gradient(160deg,#C99A6B,#8FA98A);display:grid;place-items:center;position:relative;overflow:hidden}
.od-secciones .ig-img img{height:82%;width:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.25))}
.od-secciones .ig-img img{position:relative;top:12%}
.od-secciones .ig-img p{position:absolute;z-index:1;left:10px;top:10px;color:#FFFDF9;font-weight:800;font-size:15px;line-height:1.05;text-shadow:0 2px 0 rgba(42,26,18,.2)}
.od-secciones .ig-cta{margin-top:10px;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:8px;background:#EFEFEF;font-size:12px;font-weight:600}
.od-secciones .ig-cta b{color:#0095F6}
.od-secciones .ig-txt{margin-top:8px;font-size:11px;color:#333}
.od-secciones .pant-wa{background:#ECE5DD;padding:0}
.od-secciones .wa-cab{display:flex;align-items:center;gap:8px;padding:40px 12px 10px;background:#075E54;color:#fff;font-size:13px;font-weight:600}
.od-secciones .wa-cab small{display:block;font-weight:400;font-size:10px;opacity:.85}
.od-secciones .wa-av{width:28px;height:28px;border-radius:50%;background:#2A1A12;color:#F6EBDD;display:grid;place-items:center;font-size:9px;font-weight:700}
.od-secciones .wa-chat{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:7px;font-size:12px;line-height:1.35;overflow:hidden}
.od-secciones .msg{max-width:82%;padding:7px 9px;border-radius:9px;box-shadow:0 1px 1px rgba(0,0,0,.08);opacity:0;translate:0 8px}
.od-secciones .msg small{display:block;text-align:right;font-size:9px;color:#888;margin-top:2px}
.od-secciones .yo{align-self:flex-end;background:#DCF8C6}
.od-secciones .bot{align-self:flex-start;background:#fff}
.od-secciones .bot a{display:block;margin-top:6px;padding:6px 8px;border-radius:6px;background:#F0F0F0;color:#075E54;font-weight:600;text-decoration:none}
.od-secciones .pant-pago{background:#F6EBDD;color:#2A1A12}
.od-secciones .pg-cab{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:14px}
.od-secciones .pg-cab small{font-weight:500;font-size:11px;color:#7A5B45}
.od-secciones .pg-item{margin-top:14px;display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:12px;background:#FFFDF9}
.od-secciones .pg-item img{width:56px;height:56px;object-fit:contain;background:linear-gradient(160deg,#C99A6B,#8FA98A);border-radius:8px;padding:4px}
.od-secciones .pg-item b{display:block;font-size:13px}
.od-secciones .pg-item span{font-size:11px;color:#7A5B45}
.od-secciones .pg-tot{margin-top:auto;display:flex;justify-content:space-between;font-size:13px;padding:10px 2px;border-top:1px solid #E8D9C6}
.od-secciones .pg-btn{padding:13px;border-radius:12px;background:#2A1A12;color:#FFFDF9;text-align:center;font-weight:700;font-size:13px}
.od-secciones .pg-ok{position:absolute;inset:0;background:#2E6A45;color:#fff;display:grid;place-content:center;justify-items:center;gap:10px;text-align:center;padding:20px;clip-path:circle(0% at 50% 88%)}
.od-secciones .pg-ok svg{width:46px;height:46px}
.od-secciones .pg-ok b{font-size:18px}
.od-secciones .pg-ok span{font-size:12px;opacity:.9}
.od-secciones .noti{position:absolute;z-index:8;left:8px;right:8px;top:40px;padding:10px 12px;border-radius:16px;background:rgba(30,30,30,.92);color:#fff;font-size:11px;line-height:1.35;backdrop-filter:blur(8px);opacity:0;translate:0 -16px}
.od-secciones .noti b{display:block;font-size:12px}
@media (max-width:860px){.od-secciones .circ{height:460vh}
.od-secciones .circ-pin{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:16px;padding-top:clamp(28px,5vh,48px);align-items:start}
.od-secciones .circ-txt>p{display:none}
.od-secciones .circ-txt h2{font-size:clamp(28px,8vw,40px)}
.od-secciones .pasos{margin-top:14px;grid-template-columns:repeat(4,1fr);gap:6px}
.od-secciones .pasos::before,.od-secciones .pasos .riel{display:none}
.od-secciones .paso{grid-template-columns:1fr;gap:4px;padding:0;border-top:2px solid #2A2C31;padding-top:8px}
.od-secciones .paso.on{border-color:var(--marino-claro)}
.od-secciones .paso i{display:none}
.od-secciones .paso span{display:none}
.od-secciones .paso b{font-size:12px;line-height:1.2}
.od-secciones .paso time{font-size:11px}
.od-secciones .tel{width:min(250px,60vw);max-height:56svh;width:auto;height:min(56svh,520px)}
.od-secciones .duerme{order:2}}
.od-secciones .porque{padding:clamp(80px,12vw,150px) 0}
.od-secciones .porque h2{font-size:clamp(34px,5vw,68px)}
.od-secciones .porque .sub{margin-top:16px;max-width:52ch;color:var(--gris);font-size:clamp(16px,1.3vw,19px)}
.od-secciones .cmp{margin-top:48px;display:grid;grid-template-columns:1.1fr repeat(3,1fr);border-top:1px solid var(--negro)}
.od-secciones .cmp>div{padding:16px 14px;border-bottom:1px solid var(--linea);font-size:15px}
.od-secciones .cmp .h{font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding-top:20px;padding-bottom:20px}
.od-secciones .cmp .r{font-weight:500;color:var(--gris)}
.od-secciones .cmp .od{background:var(--negro);color:var(--blanco);border-bottom-color:#26282D}
.od-secciones .cmp .od.h{color:var(--marino-claro)}
.od-secciones .cmp .si{font-weight:600}
.od-secciones .cmp .no{color:var(--gris-claro)}
.od-secciones .cmp-nota{margin-top:14px;font-size:13px;color:var(--gris)}
@media (max-width:760px){.od-secciones .cmp{grid-template-columns:1fr;border-top:0}
.od-secciones .cmp>.h,.od-secciones .cmp>.r{display:none}
.od-secciones .cmp>div{display:none}
.od-secciones .cmp-m{display:grid !important}}
.od-secciones .cmp-movil{display:none;margin-top:32px;gap:12px}
@media (max-width:760px){.od-secciones .cmp{display:none}
.od-secciones .cmp-movil{display:grid}}
.od-secciones .cm-t{border:1px solid var(--linea);padding:18px}
.od-secciones .cm-t.od{background:var(--negro);color:var(--blanco);border-color:var(--negro)}
.od-secciones .cm-t h3{font-size:15px;letter-spacing:.06em;text-transform:uppercase}
.od-secciones .cm-t.od h3{color:var(--marino-claro)}
.od-secciones .cm-t dl{margin:12px 0 0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px}
.od-secciones .cm-t dt{color:var(--gris)}
.od-secciones .cm-t.od dt{color:var(--gris-claro)}
.od-secciones .cm-t dd{margin:0;text-align:right;font-weight:500}
.od-secciones .diez{background:var(--marino);color:var(--blanco);padding:clamp(72px,10vw,130px) 0;overflow:hidden}
.od-secciones .diez-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,80px);align-items:center}
.od-secciones .diez h2{font-size:clamp(34px,5vw,68px)}
.od-secciones .diez p.lead{margin-top:18px;max-width:46ch;color:#DCE3F7;font-size:clamp(16px,1.3vw,19px)}
.od-secciones .diez ul{margin:24px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.od-secciones .diez li{display:grid;grid-template-columns:22px 1fr;gap:10px;color:#DCE3F7}
.od-secciones .diez li svg{width:18px;height:18px;transform:translateY(3px)}
.od-secciones .diez .bs{margin-top:32px}
.od-secciones .diez .btn-p{background:var(--blanco);color:var(--marino);border-color:var(--blanco)}
@media (hover:hover) and (pointer:fine){.od-secciones .diez .btn-p:hover{background:#E8EDFB}}
.od-secciones .cupos{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.od-secciones .cupo{aspect-ratio:3/4;border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;font-weight:800;font-stretch:125%;font-variation-settings:"wdth" 125;font-size:clamp(18px,2.2vw,28px);color:rgba(255,255,255,.75);
  transition:background-color 300ms ease,color 300ms ease}
.od-secciones .cupo.libre{background:rgba(255,255,255,.06)}
.od-secciones .cupos-txt{margin-top:14px;font-size:14px;color:#DCE3F7;font-variant-numeric:tabular-nums}
@media (max-width:860px){.od-secciones .diez-grid{grid-template-columns:1fr}}
.od-secciones .comp{padding:clamp(80px,11vw,140px) 0;background:var(--papel)}
.od-secciones .comp h2{font-size:clamp(30px,4.2vw,56px)}
.od-secciones .comp .sub{margin-top:14px;max-width:52ch;color:var(--gris)}
.od-secciones .comp-grid{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--negro)}
.od-secciones .cp{padding:26px 24px 28px;border-right:1px solid var(--linea);border-bottom:1px solid var(--linea);display:flex;flex-direction:column;gap:10px;background:var(--blanco);min-width:0}
.od-secciones .cp:nth-child(3n){border-right:0}
.od-secciones .cp svg{width:28px;height:28px;color:var(--marino)}
.od-secciones .cp h3{font-size:20px;font-weight:700}
.od-secciones .cp p{color:var(--gris);font-size:15px}
.od-secciones .cp .pr{margin-top:auto;font-weight:600;font-size:15px;color:var(--negro)}
.od-secciones .cp-add{align-self:flex-start;margin-top:6px;padding:12px 18px;border:1px solid var(--negro);background:transparent;color:var(--negro);font:600 14px/1 var(--f);cursor:pointer;
  transition:transform 160ms var(--e-out),background-color 200ms ease,color 200ms ease}
.od-secciones .cp-add:active{transform:scale(.97)}
.od-secciones .cp-add.ok{background:var(--marino);border-color:var(--marino);color:var(--blanco)}
@media (hover:hover) and (pointer:fine){.od-secciones .cp-add:not(.ok):hover{background:var(--negro);color:var(--blanco)}}
.od-secciones .cp-otro{background:var(--negro) !important;color:var(--blanco)}
.od-secciones .cp-otro p{color:var(--gris-claro)}
.od-secciones .cp-otro .btn{margin-top:auto;align-self:flex-start}
.od-secciones .cp-nota{margin-top:16px;font-size:14px;color:var(--gris);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.od-secciones .cp-carrito b{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:4px;border-radius:999px;background:var(--negro);color:var(--blanco);font-size:12px;transition:transform 200ms var(--e-out)}
.od-secciones .cp-carrito b.pop{transform:scale(1.25)}
@media (max-width:860px){.od-secciones .comp-grid{grid-template-columns:1fr}
.od-secciones .cp{border-right:0}}
@media (max-width:860px){}
.od-secciones .cierre{background:var(--negro);color:var(--blanco);padding:clamp(90px,14vw,180px) 0 clamp(60px,8vw,96px);text-align:center;position:relative;overflow:hidden}
.od-secciones .cierre h2{font-size:clamp(44px,9vw,140px);line-height:.9}
.od-secciones .cierre h2 span{display:block;color:var(--marino-claro)}
.od-secciones .cierre p{margin:22px auto 0;max-width:46ch;color:#C9CCD3;font-size:clamp(16px,1.3vw,19px)}
.od-secciones .cierre .bs{justify-content:center;margin-top:34px}
.od-secciones .cierre .btn-p{border-color:var(--marino-claro)}
.od-secciones .pie{background:var(--negro);color:var(--gris-claro);border-top:1px solid #222;padding:48px 0 32px;font-size:14px}
.od-secciones .pie-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.od-secciones .pie img{height:28px;width:auto}
.od-secciones .pie p{margin-top:14px;max-width:32ch}
.od-secciones .pie h4{color:var(--blanco);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.od-secciones .pie ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.od-secciones .pie a{color:var(--gris-claro);text-decoration:none}
@media (hover:hover) and (pointer:fine){.od-secciones .pie a:hover{color:var(--blanco)}}
.od-secciones .pie .prox{color:#6E727B}
.od-secciones .pie-fin{margin-top:40px;padding-top:20px;border-top:1px solid #222;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px}
@media (max-width:860px){.od-secciones .pie-grid{grid-template-columns:1fr 1fr}
.od-secciones .pie-grid>div:first-child{grid-column:1/-1}}
.od-secciones .p404-marco{padding:60px 0 100px;background:var(--papel)}
.od-secciones .p404-marco .eti{margin-bottom:14px}
.od-secciones .p404{position:relative;border:1px solid var(--negro);background:var(--blanco);min-height:min(80vh,620px);display:grid;place-content:center;justify-items:center;text-align:center;padding:48px 20px;overflow:hidden}
.od-secciones .p404 .n{font-weight:900;font-stretch:125%;font-variation-settings:"wdth" 125;font-size:clamp(110px,22vw,300px);line-height:.8;letter-spacing:-.02em;color:var(--negro)}
.od-secciones .p404 .n span{display:inline-block;color:var(--marino);animation:gira 6s cubic-bezier(.77,0,.175,1) infinite}
@keyframes gira{0%,70%{transform:rotate(0)}85%,100%{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.od-secciones .p404 .n span{animation:none}}
.od-secciones .p404 h2{margin-top:20px;font-size:clamp(22px,3vw,34px)}
.od-secciones .p404 p{margin-top:10px;color:var(--gris);max-width:40ch}
.od-secciones .p404 .bs{margin-top:26px;justify-content:center}
body.od-404{background:var(--papel,#F4F4F6);margin:0}
.od-secciones--404 .p404-marco{min-height:100vh;padding-top:32px}
.od-secciones .p404-logo{margin-bottom:24px!important}
.od-secciones .p404-logo img{height:28px;width:auto}