.k440{display:flex;flex-direction:column;gap:calc(22*var(--hmu));border:1px solid #D6E3F0;border-radius:calc(12*var(--hmu));background:#FFFFFF;padding:calc(24*var(--hmu)) calc(22*var(--hmu))}
.k441{margin-top:calc(12*var(--hmu));max-width:64ch;font-size:max(13px,calc(15*var(--hmu)));line-height:1.6;color:#2E3440}
.k442{display:flex;justify-content:flex-start;gap:calc(16*var(--hmu));overflow:hidden}
.k443{position:relative;display:flex;flex:1 1 0;min-width:0;max-width:calc(360*var(--hmu));aspect-ratio:4/5;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:calc(10*var(--hmu));border:1px solid #D6E3F0;background:radial-gradient(circle at 85% 10%, rgba(24,95,165,0.14), rgba(24,95,165,0) 55%), #F7FAFD;padding:calc(18*var(--hmu)) calc(16*var(--hmu)) calc(14*var(--hmu));box-shadow:0 calc(24*var(--hmu)) calc(48*var(--hmu)) calc(-26*var(--hmu)) rgba(14,58,102,0.45)}
.k444{width:calc(22*var(--hmu));height:calc(3*var(--hmu));border-radius:calc(2*var(--hmu));background:#185FA5}
.k445{font-size:max(13px,calc(21*var(--hmu)));font-weight:700;line-height:1.18;letter-spacing:-0.01em}
.k446{margin-right:0.28em;color:#0E3A66;animation:hr0w0 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-0.0s}
.k447{margin-right:0.28em;color:#0E3A66;animation:hr0w1 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-0.0s}
.k448{margin-right:0.28em;color:#0E3A66;animation:hr0w2 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-0.0s}
.k449{margin-right:0.28em;color:#0E3A66;animation:hr0w3 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-0.0s}
.k44a{margin-right:0.28em;color:#185FA5;animation:hr0w4 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-0.0s}
.k44b{margin-right:0.28em;color:#185FA5;animation:hr0w5 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-0.0s}
.k44c{font-size:10px;font-weight:600;letter-spacing:0.01em;color:#0E3A66}
.k44d{display:block;margin-top:calc(8*var(--hmu));height:calc(2*var(--hmu));overflow:hidden;border-radius:calc(2*var(--hmu));background:#D6E3F0}
.k44e{display:block;height:100%;background:#185FA5;transform-origin:left center;animation:hmReelBar 7.0s linear infinite;animation-delay:-0.0s}
.k44f{margin-right:0.28em;color:#0E3A66;animation:hr1w0 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-1.6s}
.k450{margin-right:0.28em;color:#0E3A66;animation:hr1w1 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-1.6s}
.k451{margin-right:0.28em;color:#185FA5;animation:hr1w2 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-1.6s}
.k452{margin-right:0.28em;color:#185FA5;animation:hr1w3 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-1.6s}
.k453{margin-right:0.28em;color:#185FA5;animation:hr1w4 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-1.6s}
.k454{margin-right:0.28em;color:#185FA5;animation:hr1w5 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-1.6s}
.k455{margin-right:0.28em;color:#0E3A66;animation:hr1w6 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-1.6s}
.k456{margin-right:0.28em;color:#0E3A66;animation:hr1w7 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-1.6s}
.k457{margin-right:0.28em;color:#0E3A66;animation:hr1w8 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-1.6s}
.k458{margin-right:0.28em;color:#0E3A66;animation:hr1w9 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-1.6s}
.k459{display:block;height:100%;background:#185FA5;transform-origin:left center;animation:hmReelBar 7.0s linear infinite;animation-delay:-1.6s}
.k45a{margin-right:0.28em;color:#185FA5;animation:hr2w0 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-3.2s}
.k45b{margin-right:0.28em;color:#185FA5;animation:hr2w1 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-3.2s}
.k45c{margin-right:0.28em;color:#0E3A66;animation:hr2w2 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-3.2s}
.k45d{margin-right:0.28em;color:#0E3A66;animation:hr2w3 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-3.2s}
.k45e{margin-right:0.28em;color:#0E3A66;animation:hr2w4 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-3.2s}
.k45f{margin-right:0.28em;color:#0E3A66;animation:hr2w5 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-3.2s}
.k460{display:block;height:100%;background:#185FA5;transform-origin:left center;animation:hmReelBar 7.0s linear infinite;animation-delay:-3.2s}
.k461{margin-right:0.28em;color:#0E3A66;animation:hr3w0 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-4.8s}
.k462{margin-right:0.28em;color:#0E3A66;animation:hr3w1 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-4.8s}
.k463{margin-right:0.28em;color:#0E3A66;animation:hr3w2 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-4.8s}
.k464{margin-right:0.28em;color:#0E3A66;animation:hr3w3 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-4.8s}
.k465{margin-right:0.28em;color:#185FA5;animation:hr3w4 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-4.8s}
.k466{margin-right:0.28em;color:#185FA5;animation:hr3w5 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-4.8s}
.k467{margin-right:0.28em;color:#185FA5;animation:hr3w6 7.0s cubic-bezier(.2,.7,.2,1) infinite;animation-delay:-4.8s}
.k468{display:block;height:100%;background:#185FA5;transform-origin:left center;animation:hmReelBar 7.0s linear infinite;animation-delay:-4.8s}
.k469{display:flex;justify-content:center;gap:calc(10*var(--hmu));overflow:hidden}
.k46a{position:relative;display:flex;width:calc(128*var(--hmu));flex:none;aspect-ratio:4/5;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:calc(10*var(--hmu));border:1px solid #D6E3F0;background:radial-gradient(circle at 85% 10%, rgba(24,95,165,0.14), rgba(24,95,165,0) 55%), #F7FAFD;padding:calc(12*var(--hmu)) calc(11*var(--hmu)) calc(10*var(--hmu));box-shadow:0 calc(24*var(--hmu)) calc(48*var(--hmu)) calc(-26*var(--hmu)) rgba(14,58,102,0.45)}
.k46b{width:calc(16*var(--hmu));height:calc(3*var(--hmu));border-radius:calc(2*var(--hmu));background:#185FA5}
.k46c{font-size:max(12px,calc(13*var(--hmu)));font-weight:700;line-height:1.18;letter-spacing:-0.01em}
.k46d{font-size:8px;font-weight:600;letter-spacing:0.01em;color:#0E3A66}
.k46e{display:block;margin-top:calc(6*var(--hmu));height:calc(2*var(--hmu));overflow:hidden;border-radius:calc(2*var(--hmu));background:#D6E3F0}

@media (min-width:1024px){
.k440{display:flex;flex-direction:column;gap:calc(22*var(--hmu));border:1px solid #D6E3F0;border-radius:calc(12*var(--hmu));background:#FFFFFF;padding:calc(30*var(--hmu)) calc(30*var(--hmu))}

}


.hv{border-top:1px solid #D6E3F0;background:#FFFFFF}
.hv-caja{padding:calc(56*var(--hmv)) calc(24*var(--hmu)) calc(64*var(--hmv))}
.hv-eyebrow{display:flex;align-items:center;gap:calc(10*var(--hmu));font-size:12px;font-weight:600;line-height:max(calc(16*var(--hmu)),calc(var(--hmlh)*1.333em));letter-spacing:.06em;text-transform:uppercase;color:#185FA5}
.hv-eyebrow::before{content:"";flex:none;width:calc(8*var(--hmu));height:calc(8*var(--hmu));border-radius:calc(999*var(--hmu));background:#1D9E75;box-shadow:0 0 0 calc(4*var(--hmu)) rgba(29,158,117,.16)}
.hv-h2{margin-top:calc(12*var(--hmu));max-width:24ch;font-size:max(18px,calc(30*var(--hmu)));font-weight:700;line-height:1.08;letter-spacing:-.01em;color:#0E3A66;text-wrap:balance}
.hv-bajada{margin-top:calc(14*var(--hmu));max-width:62ch;font-size:max(13px,calc(15*var(--hmu)));line-height:1.65;color:#4F5868}
.hv-grid{margin-top:calc(28*var(--hmu));display:grid;gap:calc(20*var(--hmu))}
.hv-sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}

.hv-pasos{display:grid;gap:calc(2*var(--hmu));margin:0;padding:0;list-style:none;min-width:0}
.hv-paso{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:calc(14*var(--hmu));width:100%;border:0;border-left:2px solid #D6E3F0;background:transparent;padding:calc(12*var(--hmu)) calc(14*var(--hmu));text-align:left;font:inherit;color:inherit;cursor:pointer}
.hv-paso:hover{background:#F7FAFD}
.hv-paso[aria-current="step"]{border-left-color:#185FA5;background:#F2F7FC}
.hv-num{grid-row:1 / span 2;position:relative;display:grid;place-items:center;width:calc(24*var(--hmu));height:calc(24*var(--hmu));margin-top:-1px;border-radius:calc(999*var(--hmu));background:#E9F1F9;font-size:11px;font-weight:600;color:#185FA5;font-variant-numeric:tabular-nums}
.hv-chk{display:none;width:calc(14*var(--hmu));height:calc(14*var(--hmu))}
.hv-paso.hecho .hv-num{background:#1D9E75;color:#FFFFFF}
.hv-paso.hecho .hv-n{display:none}.hv-paso.hecho .hv-chk{display:block}
.hv-paso[aria-current="step"] .hv-num{background:#185FA5;color:#FFFFFF}
.hv-pt{font-size:max(13px,calc(16*var(--hmu)));font-weight:600;line-height:1.35;color:#0E3A66}
.hv-pd{margin-top:calc(4*var(--hmu));font-size:max(12px,calc(14*var(--hmu)));line-height:1.55;color:#4F5868}
.hm-js .hv-paso:not(.hecho):not([aria-current="step"]) .hv-pt{color:#4F5868;font-weight:500}

.hv-escenario{order:-1;min-width:0;position:relative;overflow:hidden;overflow:clip;border-radius:calc(14*var(--hmu));background:#0B2F57;background:linear-gradient(160deg,#11406F 0%,#0A2A4B 100%);box-shadow:0 calc(26*var(--hmu)) calc(52*var(--hmu)) calc(-26*var(--hmu)) rgba(14,58,102,.55)}
.hv-tope{display:flex;align-items:center;gap:calc(10*var(--hmu));min-height:calc(52*var(--hmu));padding:calc(10*var(--hmu)) calc(14*var(--hmu));border-bottom:1px solid rgba(255,255,255,.12)}
.hv-ejemplo{flex:none;border-radius:calc(999*var(--hmu));background:rgba(255,255,255,.14);padding:calc(4*var(--hmu)) calc(9*var(--hmu));font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#FFFFFF}
.hv-instr{flex:1;min-width:0;font-size:max(12px,calc(13.5*var(--hmu)));font-weight:500;line-height:1.35;color:#FFFFFF}
.hv-instr b{font-weight:600;color:#9FE1C7}
.hv-cuenta{flex:none;font-size:12px;color:rgba(255,255,255,.66);font-variant-numeric:tabular-nums}
.hv-lienzo{position:relative;container-type:inline-size;padding:calc(14*var(--hmu)) calc(12*var(--hmu));background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent calc(1.2*var(--hmu)));background-size:calc(18*var(--hmu)) calc(18*var(--hmu));font-size:max(12px,calc(14*var(--hmu)));line-height:1.4;color:#2E3440}
.hv-pie{display:flex;align-items:center;gap:calc(12*var(--hmu));padding:calc(10*var(--hmu)) calc(14*var(--hmu)) calc(12*var(--hmu));border-top:1px solid rgba(255,255,255,.12)}
.hv-auto{flex:none;display:inline-flex;align-items:center;gap:calc(8*var(--hmu));min-height:calc(40*var(--hmu));border:0;border-radius:calc(999*var(--hmu));background:#FFFFFF;padding:0 calc(16*var(--hmu)) 0 calc(13*var(--hmu));font:inherit;font-size:max(12px,calc(13.5*var(--hmu)));font-weight:600;color:#0E3A66;cursor:pointer}
.hv-auto svg{width:calc(15*var(--hmu));height:calc(15*var(--hmu));fill:currentColor}
.hv-auto .hv-ico-alto{display:none}
.hv-auto[aria-pressed="true"]{background:#9FE1C7}
.hv-auto[aria-pressed="true"] .hv-ico-alto{display:block}.hv-auto[aria-pressed="true"] .hv-ico-auto{display:none}
.hv-auto:hover{background:#E9F1F9}.hv-auto[aria-pressed="true"]:hover{background:#B9EBD7}
.hv-segs{flex:1;display:flex;gap:calc(6*var(--hmu));min-width:0}
@media (max-width:479.98px){.hv-segs{visibility:hidden}.hv-pie{justify-content:space-between}}
@media (max-width:359.98px){.hv-pie{gap:calc(8*var(--hmu))}.hv-otra{padding:0 calc(10*var(--hmu))}.hv-otra span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
.hv-seg{position:relative;flex:1;height:calc(4*var(--hmu));overflow:hidden;border-radius:calc(2*var(--hmu));background:rgba(255,255,255,.2)}
.hv-seg i{position:absolute;inset:0;background:#9FE1C7;transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.hv-seg.hecho i{transform:none}
.hv-seg.en{background:rgba(255,255,255,.34)}
.hv-otra{flex:none;display:inline-flex;align-items:center;gap:calc(6*var(--hmu));min-height:calc(40*var(--hmu));border:0;background:transparent;padding:0 calc(2*var(--hmu));font:inherit;font-size:max(12px,calc(13*var(--hmu)));font-weight:500;color:#FFFFFF;cursor:pointer}
.hv-otra svg{width:calc(16*var(--hmu));height:calc(16*var(--hmu))}
.hv-otra:hover span{text-decoration:underline;text-underline-offset:calc(3*var(--hmu))}
html:not(.hm-js) .hv-pie,html:not(.hm-js) .hv-solo-js{display:none!important}
.hm-js .hv-sin-js{display:none!important}

.hv-toque{position:absolute;z-index:40;width:calc(44*var(--hmu));height:calc(44*var(--hmu));margin:calc(-22*var(--hmu)) 0 0 calc(-22*var(--hmu));border-radius:calc(999*var(--hmu));pointer-events:none;background:rgba(159,225,199,.45);border:2px solid #FFFFFF;box-shadow:0 0 0 1px rgba(14,58,102,.35),0 calc(6*var(--hmu)) calc(18*var(--hmu)) rgba(0,0,0,.25);animation:hvToque .75s ease-out forwards}
@keyframes hvToque{0%{opacity:0;transform:scale(1.5)}25%{opacity:1;transform:scale(.8)}60%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.25)}}

.hv-chip{display:inline-flex;align-items:center;justify-content:center;gap:calc(6*var(--hmu));min-height:calc(34*var(--hmu));border:1px solid #C9D9EA;border-radius:calc(999*var(--hmu));background:#FFFFFF;padding:0 calc(12*var(--hmu));font:inherit;font-size:max(12px,calc(13*var(--hmu)));font-weight:500;line-height:1.2;color:#0E3A66;cursor:pointer;white-space:nowrap}
.hv-chip:hover{border-color:#185FA5}
.hv-chip[aria-pressed="true"]{border-color:#0E3A66;background:#0E3A66;color:#FFFFFF}
.hv-chip-o{border-color:rgba(255,255,255,.32);background:transparent;color:#FFFFFF}
.hv-chip-o:hover{border-color:#FFFFFF}
.hv-chip-o[aria-pressed="true"]{border-color:#FFFFFF;background:#FFFFFF;color:#0E3A66}
.hv-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(8*var(--hmu));min-height:calc(40*var(--hmu));border:0;border-radius:calc(8*var(--hmu));background:#177C5B;padding:0 calc(16*var(--hmu));font:inherit;font-size:max(12px,calc(14*var(--hmu)));font-weight:600;color:#FFFFFF;cursor:pointer}
.hv-btn:hover{background:#12684C}
.hv-btn:disabled{background:#B8C6D6;cursor:not-allowed}
.hv-btn2{display:inline-flex;align-items:center;justify-content:center;gap:calc(8*var(--hmu));min-height:calc(40*var(--hmu));border:1px solid #0E3A66;border-radius:calc(8*var(--hmu));background:#FFFFFF;padding:0 calc(14*var(--hmu));font:inherit;font-size:max(12px,calc(14*var(--hmu)));font-weight:600;color:#0E3A66;cursor:pointer}
.hv-btn2:hover{background:#F2F7FC}
.hv-campo{display:block;width:100%;min-height:calc(40*var(--hmu));border:1px solid #C9D9EA;border-radius:calc(8*var(--hmu));background:#FFFFFF;padding:0 calc(12*var(--hmu));font:inherit;font-size:max(13px,calc(16*var(--hmu)));color:#2E3440}
.hv-campo:focus{outline:2px solid #185FA5;outline-offset:1px;border-color:#185FA5}
.hv-et{display:block;margin-bottom:calc(6*var(--hmu));font-size:12px;font-weight:600;letter-spacing:.02em;color:#4F5868}
@container (max-width:719.98px){.hv-lienzo .hv-pegado{position:sticky;z-index:8;top:calc(60*var(--hmu));align-self:start}}
.hv-flash{animation:hvFlash 1.4s ease-out}
@keyframes hvFlash{0%,30%{background-color:#DDF4EA}100%{background-color:transparent}}
.hv-entra{animation:hvEntra .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes hvEntra{from{opacity:0;transform:translateY(calc(8*var(--hmu)))}to{opacity:1;transform:none}}
@media (max-width:1023.98px){.hm-js .hv-paso:not([aria-current="step"]) .hv-pd{display:none}}
@media (min-width:1024px){
 .hv-caja{margin:0 auto;max-width:calc(1152*var(--hmc));padding:calc(88*var(--hmv)) calc(40*var(--hmu)) calc(96*var(--hmv))}
 .hv-h2{font-size:max(18px,calc(42*var(--hmu)))}.hv-bajada{margin-top:calc(16*var(--hmu));font-size:max(13px,calc(17*var(--hmu)))}
 .hv-grid{margin-top:calc(36*var(--hmv));gap:calc(24*var(--hmu))}
 
 .hv-caja{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:calc(64*var(--hmu));align-items:end}
 .hv-eyebrow,.hv-h2{grid-column:1}
 .hv-bajada{grid-column:2;grid-row:1 / span 2;margin-top:0}
 .hv-grid{grid-column:1 / -1}
 
 .hv-pasos{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 calc(20*var(--hmu))}
 .hv-paso{grid-template-columns:minmax(0,1fr);row-gap:calc(8*var(--hmu));height:100%;align-content:start;border-left:0;border-top:2px solid #D6E3F0;padding:calc(14*var(--hmu)) calc(6*var(--hmu)) calc(4*var(--hmu)) 0}
 .hv-paso:hover{background:transparent}
 .hv-paso:hover .hv-pt{color:#185FA5}
 .hv-paso[aria-current="step"]{border-top-color:#185FA5;background:transparent}
 .hv-paso.hecho{border-top-color:#1D9E75}
 .hv-num{grid-row:auto;margin-top:0}
 .hv-pt{font-size:max(13px,calc(15*var(--hmu)))}
 .hv-pd{margin-top:0;font-size:max(12px,calc(13*var(--hmu)))}
 .hv-escenario{order:0}
 
 .hv-lienzo{height:clamp(400px,calc(470*var(--hmu)),470px);padding:calc(18*var(--hmu)) calc(20*var(--hmu));font-size:max(12px,calc(13.5*var(--hmu)))}
 .hv-campo{font-size:max(12px,calc(14*var(--hmu)))}
}
@media (prefers-reduced-motion: reduce){.hv-lienzo *,.hv-lienzo *::before,.hv-lienzo *::after,.hv-seg i{transition:none!important;animation:none!important}}
.hv-rapido *,.hv-rapido *::before,.hv-rapido *::after{transition:none!important;animation:none!important}
.hm-quieto .hv-lienzo *{animation-play-state:paused!important}

.ct{display:grid;gap:calc(12*var(--hmu))}
.ct-panel{display:flex;flex-direction:column;min-width:0;border-radius:calc(12*var(--hmu));background:#FFFFFF;padding:calc(12*var(--hmu));box-shadow:0 calc(18*var(--hmu)) calc(40*var(--hmu)) calc(-26*var(--hmu)) rgba(0,0,0,.6)}
.ct-pcab{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(6*var(--hmu)) calc(12*var(--hmu))}
.ct-pcab b{font-size:max(12px,calc(13.5*var(--hmu)));font-weight:700;color:#0E3A66}
.ct-ley{display:flex;align-items:center;gap:calc(5*var(--hmu));font-size:10.5px;color:#4F5868}
.ct-ley i{width:calc(9*var(--hmu));height:calc(9*var(--hmu));margin-left:calc(5*var(--hmu));border-radius:calc(3*var(--hmu))}
.ct-ley i:first-child{margin-left:0}
[data-t="carrusel"]{--t:#1A6FA8}[data-t="reel"]{--t:#7B3FB0}[data-t="post"]{--t:#1F7A5C}
.ct-ley i{background:var(--t)}
.ct-cal{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:auto;grid-auto-rows:minmax(calc(44*var(--hmu)),1fr);gap:calc(3*var(--hmu));margin-top:calc(10*var(--hmu))}
.ct-dn{display:flex;align-items:flex-end;justify-content:center;min-height:0;padding-bottom:calc(2*var(--hmu));font-size:10px;font-weight:600;text-transform:uppercase;color:#5B6676}
.ct-cal>.ct-dn{grid-row:auto}
.ct-dia{position:relative;display:flex;flex-direction:column;gap:calc(2*var(--hmu));min-width:0;border-radius:calc(6*var(--hmu));background:#F4F7FA;padding:calc(3*var(--hmu))}
.ct-dia.fuera{background:transparent}
.ct-num{font-size:10px;font-weight:600;line-height:1.2;color:#5B6676;font-variant-numeric:tabular-nums}
.ct-pieza{display:flex;align-items:center;gap:calc(3*var(--hmu));width:100%;min-height:calc(22*var(--hmu));overflow:hidden;border:0;border-radius:calc(4*var(--hmu));background:#FFFFFF;padding:0 calc(4*var(--hmu));font:inherit;font-size:10px;font-weight:600;line-height:1.1;text-align:left;white-space:nowrap;text-overflow:ellipsis;color:#0E3A66;box-shadow:inset calc(3*var(--hmu)) 0 0 var(--t)}
button.ct-pieza{cursor:pointer}
button.ct-pieza:hover{background:#EAF2FB}
.ct-pieza[aria-pressed="true"]{background:var(--t);color:#FFFFFF}
.ct-pieza .ct-ok{display:none;flex:none;width:calc(12*var(--hmu));height:calc(12*var(--hmu));border-radius:calc(999*var(--hmu));background:#1D9E75}
.ct-pieza.aprobada .ct-ok{display:block}
.ct-pieza.cambio{box-shadow:inset calc(3*var(--hmu)) 0 0 #C25B21}
.ct-pieza span{overflow:hidden;text-overflow:ellipsis}
.ct-pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:calc(8*var(--hmu));margin-top:calc(10*var(--hmu))}
.ct-cuenta{font-size:11.5px;color:#4F5868}
.ct-cuenta b{color:#0E3A66;font-variant-numeric:tabular-nums}
.ct-programar{min-height:calc(36*var(--hmu));padding:0 calc(14*var(--hmu));font-size:max(12px,calc(12.5*var(--hmu)))}
.ct-programar.hecha,.ct-programar.hecha:disabled{background:#DDF4EA;color:#12684C;cursor:default}

.ct-tel{order:-1;position:relative;justify-self:center;width:100%;max-width:calc(290*var(--hmu));height:calc(420*var(--hmu));overflow:hidden;border:calc(7*var(--hmu)) solid #0A1A2C;border-radius:calc(30*var(--hmu));background:#FFFFFF;box-shadow:0 calc(24*var(--hmu)) calc(48*var(--hmu)) calc(-24*var(--hmu)) rgba(0,0,0,.65)}
.ct-tel::before{content:"";position:absolute;z-index:5;left:50%;top:calc(6*var(--hmu));width:calc(60*var(--hmu));height:calc(15*var(--hmu));margin-left:calc(-30*var(--hmu));border-radius:calc(999*var(--hmu));background:#0A1A2C}
.ct-pantalla{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}
.ct-vacio{margin:auto;max-width:24ch;padding:calc(20*var(--hmu));text-align:center;font-size:12px;line-height:1.5;color:#4F5868}
.ct-vacio b{display:block;margin:calc(10*var(--hmu)) 0 calc(4*var(--hmu));font-size:max(12px,calc(14*var(--hmu)));color:#0E3A66}
.ct-vacio-ico{display:block;width:calc(44*var(--hmu));height:calc(44*var(--hmu));margin:0 auto;border-radius:calc(12*var(--hmu));background:linear-gradient(135deg,#1A6FA8,#7B3FB0)}
.ct-rcab{flex:none;display:flex;align-items:center;justify-content:space-between;gap:calc(8*var(--hmu));padding:calc(28*var(--hmu)) calc(12*var(--hmu)) calc(8*var(--hmu));border-bottom:1px solid #EEF2F6}
.ct-rcab b{display:block;font-size:max(12px,calc(12.5*var(--hmu)));font-weight:700;color:#0E3A66}
.ct-rcab span{display:block;font-size:10.5px;color:#5B6676}
.ct-estado{flex:none;border-radius:calc(999*var(--hmu));background:#FFF1D6;padding:calc(2*var(--hmu)) calc(8*var(--hmu));font-size:10.5px;font-weight:600;color:#8A5A00}
.ct-estado.ok{background:#DDF4EA;color:#12684C}
.ct-obra{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;animation:hvEntra .35s ease both}

.ct-car{position:relative;aspect-ratio:1/1;overflow:hidden;background:#F2EDE6}
.ct-tira{display:flex;height:100%;transition:transform .45s cubic-bezier(.4,0,.2,1)}
.ct-lam{flex:none;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(16*var(--hmu));background:var(--ct-c,#6B3E26);color:#FFFFFF}
.ct-lam:nth-child(2){background:#F2EDE6;color:#3A2418}
.ct-lam:nth-child(3){background:color-mix(in srgb,var(--ct-c,#6B3E26) 70%,#F2C27B);color:#FFFFFF}
.ct-lam small{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.85}
.ct-lam p{margin-top:calc(6*var(--hmu));font-size:max(13px,calc(18*var(--hmu)));font-weight:700;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}
.ct-lam .ct-num-lam{font-size:max(18px,calc(34*var(--hmu)));font-weight:700;line-height:1;opacity:.35}
.ct-flecha{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:calc(30*var(--hmu));height:calc(30*var(--hmu));margin-top:calc(-15*var(--hmu));border:0;border-radius:calc(999*var(--hmu));background:rgba(255,255,255,.92);font:inherit;font-size:max(13px,calc(16*var(--hmu)));font-weight:700;line-height:1;color:#14202E;box-shadow:0 calc(4*var(--hmu)) calc(12*var(--hmu)) rgba(0,0,0,.2);cursor:pointer}
.ct-flecha:disabled{opacity:0;pointer-events:none}
.ct-ant{left:calc(8*var(--hmu))}.ct-sig{right:calc(8*var(--hmu))}
.ct-puntos{display:flex;justify-content:center;gap:calc(4*var(--hmu));padding:calc(7*var(--hmu)) 0 calc(2*var(--hmu))}
.ct-puntos i{width:calc(6*var(--hmu));height:calc(6*var(--hmu));border-radius:calc(999*var(--hmu));background:#C9D6E4}
.ct-puntos i.on{background:#1A6FA8}
.ct-cap{padding:calc(4*var(--hmu)) calc(12*var(--hmu)) 0;font-size:11.5px;line-height:1.45;color:#2E3440}
.ct-cap b{font-weight:600;color:#14202E}

.ct-reel{position:relative;flex:1;min-height:0;overflow:hidden;background:linear-gradient(165deg,#3B2416 0%,#7A4A2A 55%,#C98A4B 100%);color:#FFFFFF}
.ct-reel::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(255,236,200,.35),rgba(255,236,200,0) 45%)}
.ct-barra{position:absolute;z-index:3;left:calc(10*var(--hmu));right:calc(10*var(--hmu));top:calc(8*var(--hmu));height:calc(3*var(--hmu));border-radius:calc(2*var(--hmu));background:rgba(255,255,255,.3);overflow:hidden}
.ct-barra i{display:block;height:100%;background:#FFFFFF;transform:scaleX(0);transform-origin:left center}
.ct-reel.play .ct-barra i{animation:ctBarra 6s linear forwards}
@keyframes ctBarra{to{transform:scaleX(1)}}
.ct-lineas{position:absolute;z-index:2;left:calc(14*var(--hmu));right:calc(14*var(--hmu));top:22%;display:grid;gap:calc(8*var(--hmu))}
.ct-linea{font-size:max(13px,calc(21*var(--hmu)));font-weight:700;line-height:1.1;letter-spacing:-.01em;opacity:0;transform:translateY(calc(14*var(--hmu)))}
.ct-linea:nth-child(2){font-size:max(13px,calc(15*var(--hmu)));font-weight:600}
.ct-linea:nth-child(3){display:inline-block;justify-self:start;border-radius:calc(6*var(--hmu));background:#FFFFFF;padding:calc(4*var(--hmu)) calc(8*var(--hmu));font-size:max(12px,calc(13*var(--hmu)));color:#3B2416}
.ct-reel.play .ct-linea{animation:ctLinea .6s cubic-bezier(.2,.8,.2,1) forwards}
.ct-reel.play .ct-linea:nth-child(1){animation-delay:.3s}.ct-reel.play .ct-linea:nth-child(2){animation-delay:1.6s}.ct-reel.play .ct-linea:nth-child(3){animation-delay:3s}
.ct-reel.visto .ct-linea{opacity:1;transform:none}
@keyframes ctLinea{to{opacity:1;transform:none}}
.ct-musica{position:absolute;z-index:2;left:calc(12*var(--hmu));bottom:calc(12*var(--hmu));display:flex;align-items:center;gap:calc(6*var(--hmu));border-radius:calc(999*var(--hmu));background:rgba(0,0,0,.35);padding:calc(4*var(--hmu)) calc(10*var(--hmu)) calc(4*var(--hmu)) calc(8*var(--hmu));font-size:10.5px;font-weight:600}
.ct-eq{display:flex;align-items:flex-end;gap:calc(2*var(--hmu));height:calc(12*var(--hmu))}
.ct-eq i{width:calc(2*var(--hmu));height:30%;border-radius:1px;background:#FFFFFF}
.ct-reel.play .ct-eq i{animation:ctEq .7s ease-in-out infinite alternate}
.ct-reel.play .ct-eq i:nth-child(2){animation-delay:.2s}.ct-reel.play .ct-eq i:nth-child(3){animation-delay:.35s}.ct-reel.play .ct-eq i:nth-child(4){animation-delay:.1s}
@keyframes ctEq{from{height:20%}to{height:100%}}
.ct-play{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;width:calc(56*var(--hmu));height:calc(56*var(--hmu));margin:calc(-28*var(--hmu)) 0 0 calc(-28*var(--hmu));border:0;border-radius:calc(999*var(--hmu));background:rgba(255,255,255,.9);color:#3B2416;cursor:pointer;box-shadow:0 calc(8*var(--hmu)) calc(20*var(--hmu)) rgba(0,0,0,.3)}
.ct-play svg{width:calc(22*var(--hmu));height:calc(22*var(--hmu));margin-left:calc(3*var(--hmu));fill:currentColor}
.ct-reel.play .ct-play{opacity:0;pointer-events:none;transition:opacity .3s ease}

.ct-post{display:flex;flex-direction:column;justify-content:center;aspect-ratio:1/1;padding:calc(18*var(--hmu));background:#F2EDE6;color:#3A2418}
.ct-post small{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ct-c,#6B3E26)}
.ct-post p{margin-top:calc(8*var(--hmu));font-size:max(13px,calc(20*var(--hmu)));font-weight:700;line-height:1.15;text-wrap:balance}
.ct-post span{margin-top:calc(8*var(--hmu));font-size:11.5px;color:#6B5444}

.ct-acciones{flex:none;display:grid;grid-template-columns:1fr 1fr;gap:calc(6*var(--hmu));margin-top:auto;padding:calc(8*var(--hmu)) calc(10*var(--hmu)) calc(10*var(--hmu));border-top:1px solid #EEF2F6;background:#FFFFFF}
.ct-acciones button{min-height:calc(36*var(--hmu));padding:0 calc(8*var(--hmu));font-size:12px}
.ct-acciones .hecha,.ct-acciones .hecha:disabled{background:#DDF4EA;color:#12684C}
.ct-cambios{flex:none;display:flex;flex-wrap:wrap;gap:calc(5*var(--hmu));padding:0 calc(10*var(--hmu)) calc(8*var(--hmu));background:#FFFFFF}
.ct-cambios .hv-chip{min-height:calc(30*var(--hmu));padding:0 calc(10*var(--hmu));font-size:11.5px}

.ct-perfil{flex:1;min-height:0;overflow-y:auto;padding:calc(28*var(--hmu)) calc(10*var(--hmu)) calc(10*var(--hmu));animation:hvEntra .4s ease both}
.ct-pf-cab{display:flex;align-items:center;gap:calc(10*var(--hmu))}
.ct-pf-av{flex:none;width:calc(42*var(--hmu));height:calc(42*var(--hmu));border-radius:calc(999*var(--hmu));background:linear-gradient(135deg,#6B3E26,#C98A4B)}
.ct-pf-cab b{display:block;font-size:max(12px,calc(13*var(--hmu)));font-weight:700;color:#14202E}
.ct-pf-cab span{display:block;font-size:11px;color:#4F5868}
.ct-rej{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(3*var(--hmu));margin-top:calc(12*var(--hmu))}
.ct-cel{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:calc(3*var(--hmu));background:#E3EAF2}
.ct-cel.ok{background:var(--t)}
.ct-cel.ok::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.18),rgba(0,0,0,.25))}
.ct-cel span{position:absolute;left:calc(4*var(--hmu));right:calc(4*var(--hmu));bottom:calc(4*var(--hmu));font-size:9.5px;font-weight:600;line-height:1.2;color:#FFFFFF}
.ct-cel:not(.ok) span{color:#5B6676}
.ct-cel i{position:absolute;right:calc(4*var(--hmu));top:calc(4*var(--hmu));width:calc(12*var(--hmu));height:calc(12*var(--hmu));border-radius:calc(999*var(--hmu));background:rgba(255,255,255,.9)}
.ct-cel:not(.ok) i{display:none}
@container (min-width:720px){
 .ct{grid-template-columns:minmax(0,1fr) minmax(0,clamp(240px,calc(270*var(--hmu)),270px));grid-template-rows:minmax(0,1fr);gap:calc(18*var(--hmu))}
 .ct-tel{order:0;max-width:none;height:auto}
 .ct-pieza{font-size:10.5px}
}
@container (max-width:439.98px){
 .ct-pieza{justify-content:center;padding:0 calc(2*var(--hmu));font-size:0;box-shadow:none;background:var(--t);min-height:calc(22*var(--hmu))}
 .ct-pieza span{display:none}
 .ct-pieza[aria-pressed="true"]{box-shadow:0 0 0 calc(2*var(--hmu)) #0E3A66}
 .ct-pieza.aprobada .ct-ok{width:calc(8*var(--hmu));height:calc(8*var(--hmu));background:#FFFFFF}
 .ct-cal{grid-auto-rows:minmax(calc(38*var(--hmu)),auto)}
}
@media (min-width:1024px){
 .hv-contenido .ct{height:100%}
 .hv-contenido .ct-tel{height:100%}
 .ct-lam p,.ct-post p{font-size:max(13px,calc(17*var(--hmu)))}
}
