/* Identidad ONE en portada. Aro e iconos oficiales compartidos con el explorador. */
.ox-home .ox-one-home{position:relative;isolation:isolate;overflow:hidden;padding-block:64px;color:#002075;background:#f4f8fd;background-image:linear-gradient(90deg,#ffffffa6,#ffffffb3 55%,#ffffff80),url('../assets/images/fondos/fondo-desafios-claro.webp');background-size:cover;background-position:center right;background-repeat:no-repeat}
.ox-home .ox-one-home .ox-one-home-intro h2{max-width:1100px;color:#004aca;font-size:clamp(30px,3vw,44px);line-height:1.18;text-wrap:balance;margin:0 0 16px}
.ox-one-title-brand{display:block;font-size:clamp(32px,3.4vw,48px);line-height:1.15;font-weight:700}
.ox-one-title-description{display:block;margin-top:8px;color:var(--ox-ink,#002075);font-size:clamp(14px,4.3vw,28px);line-height:1.3;letter-spacing:-.01em;font-weight:500;white-space:nowrap}
.ox-one-home-intro>p{margin:0;color:#345377;font-size:clamp(17px,1.4vw,20px);line-height:1.6;max-width:850px}
.ox-one-network{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.83fr) minmax(0,1fr);grid-template-rows:repeat(var(--one-rows),minmax(138px,auto));column-gap:clamp(36px,5.6vw,100px);row-gap:18px;align-items:stretch;position:relative;margin-top:38px}
.ox-one-traces{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.ox-one-trace path{fill:none;stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke .2s,opacity .2s;opacity:.8}
.ox-one-trace .trace-blue{stroke:#247ec6}.ox-one-trace .trace-gold{stroke:#b28a2e;stroke-width:1;opacity:.85}
.ox-one-trace circle{fill:#2b8fd3;opacity:.8;transition:opacity .2s}
.ox-one-trace.is-active path,.ox-one-trace.is-active circle{opacity:1}.ox-one-trace.is-active .trace-blue{stroke:#005cc0;filter:drop-shadow(0 0 4px #27b9ff80)}
.ox-one-emblem{grid-column:2;grid-row:1 / span var(--one-rows);align-self:center;position:relative;z-index:1;min-width:0}
.ox-one-emblem::before{content:"";position:absolute;inset:13%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#07487d,#061c3f 75%);box-shadow:0 0 70px 30px #0073ff1f;z-index:-1}
.ox-one-emblem img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 16px #00a2ff1a)}
.ox-one-tagline{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ox-one-tagline text{fill:#004aca;font-family:Georgia,'Times New Roman',serif;font-size:30px;font-style:italic;font-weight:400;letter-spacing:1px}
.ox-one-emblem:hover img{animation:ox-one-heartbeat 1.8s ease-in-out infinite}
@keyframes ox-one-heartbeat{0%,100%{transform:scale(1);filter:drop-shadow(0 0 16px #00a2ff26)}45%{transform:scale(1.025);filter:drop-shadow(0 0 25px #19bfff70)}}
.ox-home .ox-one-home .ox-one-card{grid-column:var(--one-column);grid-row:var(--one-row);position:relative;z-index:2;display:grid;grid-template-columns:34px minmax(0,1fr) 14px;gap:14px;align-content:center;align-items:start;padding:23px 21px;color:#fff;text-decoration:none;background:linear-gradient(180deg,var(--ox-blue,#004aca),var(--ox-ink,#002075));border:1px solid #ffffff38;border-radius:20px;box-shadow:inset 0 1px 0 #ffffff26,0 10px 24px #0020751a;transition:border-color .2s,box-shadow .2s}
.ox-one-icon{display:block;width:34px;height:34px;color:#fff}.ox-one-icon svg{display:block;width:100%;height:100%;overflow:visible}
.ox-home .ox-one-home .ox-one-card h3{font-size:clamp(18px,1.5vw,22px);line-height:1.3;color:#fff;letter-spacing:0;margin:0 0 9px;text-wrap:balance}
.ox-home .ox-one-home .ox-one-card p{font-size:16px;line-height:1.55;color:#fff;margin:0}
.ox-one-arrow{font-size:21px;line-height:1.25;color:#f3d779;transition:translate .2s}
.ox-home .ox-one-home .ox-one-card:focus-visible{outline:3px solid var(--ox-blue,#004aca);outline-offset:5px;border-color:#d6ba6e;box-shadow:inset 0 1px 0 #ffffff40,0 14px 28px #00207526}
.ox-home .ox-one-home .ox-one-card:hover{border-color:#ffffff70;box-shadow:inset 0 1px 0 #ffffff40,0 14px 28px #00207526}
.ox-one-card:hover .ox-one-arrow,.ox-one-card:focus-visible .ox-one-arrow{translate:2px -2px}
@keyframes ox-one-card-pulse{0%,100%{transform:translateY(-3px) scale(1)}50%{transform:translateY(-6px) scale(1.012)}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.ox-home .ox-one-home .ox-one-card:hover{animation:ox-one-card-pulse 1.8s ease-in-out infinite}}
@media(prefers-reduced-motion:no-preference){.ox-home .ox-one-home .ox-one-card:focus-visible{animation:ox-one-card-pulse 1.8s ease-in-out infinite}}
.ox-one-home-action{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:34px;padding-top:28px;border-top:1px solid #d3dfef}
.ox-home .ox-one-home-action>p{font-size:17px;color:#345377;margin:0;line-height:1.6}
.ox-one-home-action .ox-button{gap:18px;flex:none;min-height:52px;background:linear-gradient(105deg,#ffe66a,#dfb94c);padding-inline:26px}
@media(min-width:1600px){.ox-one-network{grid-template-rows:repeat(var(--one-rows),minmax(150px,auto))}.ox-one-card{padding:26px!important}.ox-one-emblem{max-width:360px;justify-self:center;width:100%}}
@media(max-width:1050px){
 .ox-one-network{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:16px;margin-top:28px}
 .ox-one-emblem{grid-column:1/-1;grid-row:auto;justify-self:center;width:220px;margin-bottom:14px}
 .ox-one-tagline text{font-size:34px;letter-spacing:.6px}
 .ox-one-traces{display:none}
 .ox-home .ox-one-home .ox-one-card{grid-column:auto;grid-row:auto;padding:22px;min-height:146px}
 .ox-one-home-action{align-items:flex-start}
}
@media(max-width:620px){
 .ox-home .ox-one-home{padding-block:48px;background-image:linear-gradient(#ffffffcc,#ffffffb3),url('../assets/images/fondos/fondo-desafios-claro.webp');background-position:75% center}
 .ox-one-network{grid-template-columns:minmax(0,1fr);gap:12px}
 .ox-one-emblem{width:210px;margin-bottom:16px}
 .ox-home .ox-one-home .ox-one-card{min-height:0;padding:22px 18px;gap:14px;grid-template-columns:30px minmax(0,1fr) 13px;border-radius:18px}
 .ox-one-icon{width:30px;height:30px}
 .ox-home .ox-one-home .ox-one-card h3{font-size:20px}
 .ox-one-home-action{flex-direction:column;align-items:stretch;gap:20px;margin-top:28px;padding-top:24px}
 .ox-one-home-action .ox-button{width:100%;font-size:16px;padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){.ox-one-home *,.ox-one-home *::before{transition:none!important;animation:none!important}.ox-one-card:hover .ox-one-arrow,.ox-one-card:focus-visible .ox-one-arrow{translate:none}.ox-one-emblem:hover img{transform:none;filter:drop-shadow(0 0 25px #19bfff70)}}