/* Inicio editorial Cyclon. Escena continua y selección visual sin tarjetas. */
.home-app{max-width:1120px}
body:has(.home-app){background:radial-gradient(ellipse at 85% 30%,#365b7d55,transparent 58%),linear-gradient(125deg,#0c1d38,#122c50 70%,#193c5e);background-attachment:fixed}
.home-app>header{position:relative;z-index:3}
.home-hero{display:flex;align-items:center;position:relative;isolation:isolate;min-height:445px;margin:0;padding:46px 0 60px;background:none;border:0;border-radius:0;overflow:visible}
.home-hero::before{content:'';position:absolute;z-index:-1;inset:-30px auto -30px 50%;width:min(1580px,100vw);transform:translateX(-50%);background:url(cyclon-current-assets-banner-inicio-cyclon-v2.png) center/cover no-repeat;mask-image:linear-gradient(0deg,transparent,#000 18%,#000 85%,transparent),linear-gradient(90deg,transparent,#000 12%,#000 91%,transparent);mask-composite:intersect;pointer-events:none}
.home-hero::after{content:none}
.home-hero>div:first-child{position:relative;width:49%;padding:0;z-index:1}
.home-hero h1{font-size:clamp(39px,4.4vw,62px);font-weight:550;line-height:1.12;letter-spacing:-.055em;color:#f1faff;text-shadow:0 3px 25px #081a3530;margin:25px 0 32px}
.home-hero .eyebrow{font-size:10px;color:#d9f1ff;letter-spacing:.18em;max-width:none}
.home-hero .hero-link{display:inline-flex;color:#eff9ff;gap:19px;font-size:13px}
.home-chooser,.home-location,.home-app footer{max-width:none}
.home-chooser{position:relative;z-index:1;border:0;padding:0 0 28px;margin-top:-12px}
.hero-actions .home-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;max-width:960px;margin:auto}
.intent-link{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0 0 15px;min-height:0;border:0;border-radius:0;background:none;color:#eefaff;box-shadow:none;text-decoration:none;transition:transform .22s ease}
.category-art{position:relative;display:block;aspect-ratio:1.55;overflow:hidden;border:0;border-radius:0;background:none;mask-image:radial-gradient(ellipse 68% 72% at 50% 48%,#000 35%,transparent 76%)}
.category-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%;filter:brightness(.9) saturate(.75);transform:scale(1.01);transition:transform .35s ease,filter .25s ease}
.intent-link .option-copy{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:17px;text-align:center;padding:0;position:relative;margin-top:-3px}
.intent-link .option-copy strong{font-size:19px;font-weight:600;color:#e3f2fc;transition:color .2s}
.intent-link .option-copy::after{content:'↗';font-size:19px;color:#b9def4;transition:transform .22s,color .22s}
.intent-link::after{content:'';position:absolute;bottom:0;left:34%;right:34%;height:2px;background:#cbeeff;opacity:0;transform:scaleX(.3);transition:opacity .22s,transform .22s}
.intent-link:hover,.intent-link:focus-visible{background:none;border:0;box-shadow:none;transform:translateY(-4px)}
.intent-link:hover img,.intent-link:focus-visible img{filter:brightness(1.12) saturate(.9);transform:scale(1.055)}
.intent-link:hover .option-copy strong,.intent-link:focus-visible .option-copy strong{color:#fff}
.intent-link:hover .option-copy::after,.intent-link:focus-visible .option-copy::after{transform:translate(3px,-2px);color:#fff}
.intent-link:hover::after,.intent-link:focus-visible::after{opacity:1;transform:scaleX(1)}
.intent-link:focus-visible{outline:2px solid #dbf3ff;outline-offset:6px;border-radius:8px}
.intent-link:active{transform:scale(.985)}
.home-location{padding:24px 0;grid-template-columns:32px 1fr 24px;gap:17px;border-top:1px solid #bbdef52b;background:none;border-radius:0}
.home-location>span{font-size:15px}.home-location small{font-size:13px;color:#e1f0fb}.home-app footer{margin-top:18px}
@media(max-width:650px){
 .home-hero{display:block;min-height:465px;padding:32px 0 0}
 .home-hero>div:first-child{width:100%;padding:0}
 .home-hero h1{font-size:39px;line-height:1.13;margin:17px 0 0;max-width:320px}
 .home-hero .eyebrow{font-size:9px;letter-spacing:.14em}
 .home-hero .hero-link{display:none}
 .home-hero::before{top:160px;bottom:-5px;width:100vw;background-size:auto 292px;background-position:right bottom;mask-image:linear-gradient(0deg,transparent,#000 18%,#000 70%,transparent 100%);mask-composite:add}
 .home-chooser{margin-top:0;padding:0 0 27px}
 .hero-actions .home-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 -6px}
 .intent-link{padding:0 0 13px;gap:8px;border-radius:0}
 .category-art{aspect-ratio:1/1.08;mask-image:radial-gradient(ellipse 78% 70% at 50% 48%,#000 35%,transparent 77%)}
 .category-art img{object-position:center;transform:scale(1.08)}
 .intent-link .option-copy{gap:6px;margin-top:-3px}.intent-link .option-copy strong{font-size:14px}.intent-link .option-copy::after{font-size:14px}
 .home-location{padding:22px 0;gap:13px}.home-location>span{font-size:14px}.home-location small{font-size:12px}.home-app footer{font-size:10px}
}
@media(max-width:360px){.home-hero h1{font-size:35px}.home-hero{min-height:445px}.intent-link .option-copy strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.intent-link,.category-art img,.intent-link::after,.intent-link .option-copy::after{transition:none}.intent-link:hover,.intent-link:focus-visible,.intent-link:active,.intent-link:hover img,.intent-link:focus-visible img{transform:none}}
@media(max-width:650px){.home-hero::after{content:'';position:absolute;z-index:0;pointer-events:none;top:159px;left:50%;transform:translateX(-50%);width:100vw;height:100px;background:linear-gradient(180deg,#122a49, #122a4900)}.home-hero>div:first-child{z-index:1}}
@media(max-width:650px){.home-hero::after{content:none}.home-hero::before{top:125px;mask-image:linear-gradient(0deg,transparent 0%,#000 17%,#000 62%,transparent 94%);mask-composite:add}}
/* Nitidez: conservar el centro y la silueta; suavizar sólo el borde exterior. */
.category-art{mask-image:radial-gradient(ellipse 85% 96% at 50% 48%,#000 64%,transparent 100%)}
.category-art img{filter:brightness(1.04) saturate(.92)}
.intent-link:hover img,.intent-link:focus-visible img{filter:brightness(1.12) saturate(1)}
@media(max-width:650px){.category-art{mask-image:radial-gradient(ellipse 94% 92% at 50% 48%,#000 62%,transparent 100%)}.category-art img{transform:scale(1.01)}}
.category-art{mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent),linear-gradient(0deg,transparent,#000 13%,#000 87%,transparent);mask-composite:intersect}
@media(max-width:650px){.category-art{mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent),linear-gradient(0deg,transparent,#000 13%,#000 87%,transparent);mask-composite:intersect}}
/* Selector de perfiles: imágenes completas, cuadradas y alineadas. */
.home-chooser{margin-top:12px;padding:18px 0 34px}
.hero-actions .home-options{max-width:810px;gap:34px;margin:0 auto}
.intent-link{gap:18px;padding:12px 12px 18px;border:1px solid transparent;border-radius:22px;transition:background .18s,transform .18s,border-color .18s}
.category-art{aspect-ratio:1;mask-image:none!important;mask-composite:add;border-radius:16px;overflow:hidden;background:#102751;border:2px solid transparent}
.category-art img{object-fit:cover;object-position:center;filter:none;transform:none;transition:transform .2s}
.intent-link .option-copy{margin:0;justify-content:center;gap:0}
.intent-link .option-copy strong{font-size:21px;font-weight:650;color:#e6f3ff}
.intent-link .option-copy::after,.intent-link::after{content:none}
.intent-link:hover,.intent-link:focus-visible{background:#cce8fa15;border:1px solid #cce8fa38;transform:translateY(-3px);border-radius:22px}
.intent-link:hover .category-art,.intent-link:focus-visible .category-art{border-color:#edfaff}
.intent-link:hover img,.intent-link:focus-visible img{filter:none;transform:scale(1.025)}
.intent-link:focus-visible{outline:2px solid #d8f0ff;outline-offset:3px}
.intent-link:active{transform:scale(.98);background:#cce8fa24}
@media(max-width:650px){.home-chooser{padding:12px 0 28px;margin-top:4px}.hero-actions .home-options{gap:7px;margin:0 -5px}.intent-link{padding:6px 5px 12px;gap:12px;border-radius:16px}.category-art{aspect-ratio:1;border-radius:12px;border-width:1px}.category-art img{transform:none}.intent-link .option-copy strong{font-size:14px}.intent-link:hover,.intent-link:focus-visible{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.intent-link,.category-art img{transition:none}.intent-link:hover,.intent-link:focus-visible,.intent-link:active,.intent-link:hover img,.intent-link:focus-visible img{transform:none}}
/* Foco tipo perfil: una sola línea sobre la imagen y una superficie tenue. */
.intent-link:focus-visible{outline:none;background:#cce8fa1c;border-color:transparent}
.intent-link:focus-visible .category-art{border-color:#f1fbff;box-shadow:0 0 0 1px #f1fbff}
.intent-link:active .category-art{border-color:#f1fbff}
.intent-link:active{background:#cce8fa1c}
/* Cuatro perfiles: fila en escritorio, dos por fila en móvil. */
.hero-actions .home-options{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1050px;gap:22px}
@media(max-width:650px){.hero-actions .home-options{grid-template-columns:repeat(2,minmax(0,1fr));max-width:390px;margin:0 auto;gap:12px 15px}.intent-link{padding:8px 8px 14px;gap:12px}.intent-link .option-copy strong{font-size:16px}.category-art{border-radius:15px}.home-chooser{padding-top:4px}}
