/* Solo Rimatcom IA. Vista previa: no modifica estilos compartidos. */
body.ai-page{--paper:#020B1C;--ink:#f5f8ff;--navy:#f5f8ff;--muted:#b0bdd1;--brown:#b2dff6;--line:#1d2d49;--coral:#00C8FF;background:#020B1C;color:#f5f8ff;color-scheme:dark}
.ai-page .header{background:#020b1cf2;border-bottom-color:#1d2d49;box-shadow:0 10px 40px #00000020}.ai-page .header nav{background:transparent}.ai-page .header a,.ai-page .header .services-menu summary{color:#dae7f7}.ai-page .header .nav-ai{background:linear-gradient(120deg,#00c8ff14,#814dff26);color:#8de5ff;border-color:#386782}.ai-page .header .nav-contact,.ai-page .header .menu-toggle{border-color:#3d718a;color:#e9f8ff;background:#08162a}.ai-page .services-dropdown{background:#09172d;border-color:#29425f;box-shadow:0 15px 40px #0007}.ai-page .services-dropdown a:hover{background:#132844;color:#8de5ff}.ai-page .hero{position:relative;isolation:isolate;padding-bottom:135px}.ai-page .hero:after{content:'';position:absolute;z-index:-1;pointer-events:none;left:-7%;right:-7%;bottom:-15px;height:310px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201400%20600%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%3E%3Cstop%20stop-color%3D%22%2300C8FF%22/%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%2374e8ff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23814DFF%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M-120%20230%20C120%20500%2C280%20-50%2C560%20190%20S970%20480%2C1400%2080%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%222.4%22%20opacity%3D%220.65%22/%3E%3Cpath%20d%3D%22M-120%20236%20C120%20494%2C280%20-44%2C560%20196%20S970%20474%2C1400%2086%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20242%20C120%20488%2C280%20-38%2C560%20202%20S970%20468%2C1400%2092%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20248%20C120%20482%2C280%20-32%2C560%20208%20S970%20462%2C1400%2098%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20254%20C120%20476%2C280%20-26%2C560%20214%20S970%20456%2C1400%20104%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%222.4%22%20opacity%3D%220.65%22/%3E%3Cpath%20d%3D%22M-120%20260%20C120%20470%2C280%20-20%2C560%20220%20S970%20450%2C1400%20110%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20266%20C120%20464%2C280%20-14%2C560%20226%20S970%20444%2C1400%20116%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20272%20C120%20458%2C280%20-8%2C560%20232%20S970%20438%2C1400%20122%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20278%20C120%20452%2C280%20-2%2C560%20238%20S970%20432%2C1400%20128%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%222.4%22%20opacity%3D%220.65%22/%3E%3Cpath%20d%3D%22M-120%20284%20C120%20446%2C280%204%2C560%20244%20S970%20426%2C1400%20134%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20290%20C120%20440%2C280%2010%2C560%20250%20S970%20420%2C1400%20140%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20296%20C120%20434%2C280%2016%2C560%20256%20S970%20414%2C1400%20146%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20302%20C120%20428%2C280%2022%2C560%20262%20S970%20408%2C1400%20152%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%222.4%22%20opacity%3D%220.65%22/%3E%3Cpath%20d%3D%22M-120%20308%20C120%20422%2C280%2028%2C560%20268%20S970%20402%2C1400%20158%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20314%20C120%20416%2C280%2034%2C560%20274%20S970%20396%2C1400%20164%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20320%20C120%20410%2C280%2040%2C560%20280%20S970%20390%2C1400%20170%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20326%20C120%20404%2C280%2046%2C560%20286%20S970%20384%2C1400%20176%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%222.4%22%20opacity%3D%220.65%22/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;opacity:.8}.ai-page .hero:before{content:'';position:absolute;z-index:-2;inset:-80px -6% 0;background:radial-gradient(ellipse at 5% 65%,#00c8ff10,transparent 52%),radial-gradient(ellipse at 95% 35%,#814dff14,transparent 55%);pointer-events:none}.ai-page h1,.ai-page h2,.ai-page h3{color:#f5f8ff}.ai-page h1 em,.ai-page h2 em{color:#a6dfff}.ai-page h1 em{background:linear-gradient(110deg,#70e5ff 8%,#b3a0ff 95%);background-clip:text;-webkit-background-clip:text;color:transparent}.ai-page .eyebrow,.ai-page .section-kicker{color:#93ddf5}.ai-page .intro{color:#d8e5f4}.ai-page .hero-explanation,.ai-page .cta-note{color:#b4c3d8}.ai-page .status-dot{background:#00c8ff;box-shadow:0 0 12px #00c8ff99}
.ai-page .button.primary{color:#f8fbff;border:1px solid transparent;background:linear-gradient(#071327,#071327) padding-box,linear-gradient(110deg,#00c8ff,#814dff) border-box;box-shadow:0 0 18px #00c8ff12,inset 0 0 18px #814dff0d;transition:box-shadow .2s,transform .2s,background .2s}.ai-page .button.primary:hover{background:linear-gradient(#10213b,#10213b) padding-box,linear-gradient(110deg,#00c8ff,#814dff) border-box;box-shadow:0 0 24px #00c8ff30,0 0 38px #814dff20;transform:translateY(-2px)}
.ai-page .ai-start-panel{background:linear-gradient(145deg,#0b1d34dd,#0d122bdd);border-color:#264365;box-shadow:0 22px 70px #0004,0 0 45px #814dff0b}.ai-page .start-heading>span{color:#bdd6f2;border-color:#385171;background:#0c1b30}.ai-page .start-steps article{background:#08172bd9;border-color:#223753}.ai-page .start-steps p{color:#b7c5d8}.ai-page .start-icon{background:#0d2940;border-color:#225775;color:#67dbfa}.ai-page .start-note{color:#abc4dd;border-color:#28415d}.ai-page .possibilities-intro-copy p,.ai-page .usecase-heading>p:last-child,.ai-page .implementation>div:last-child p{color:#b0bdd1}.ai-page .possibilities-intro-copy span{color:#b5a9f4}
.ai-page .area-jump a,.ai-page .area-jump a:nth-child(n){background:linear-gradient(120deg,#071a30,#0c142b);border-color:#2c4966;color:#d2edfc;border-radius:12px}.ai-page .area-jump a:hover{border-color:#00c8ff;box-shadow:0 0 20px #00c8ff16}.ai-page .area-jump a:nth-child(2){background:linear-gradient(110deg,#081a2d,#15152e)}.ai-page .area-jump a:nth-child(3){border-color:#4d3b7a}.ai-page .jump-label svg{color:#68d9ff}
.ai-page .usecase-section{background:#020b1c;border-color:#1d2d49}.ai-page .usecase-section-1{background:linear-gradient(135deg,#061326,#080e23)}.ai-page .usecase-section-2{background:radial-gradient(ellipse at 100% 50%,#814dff0b,transparent 60%),#020b1c}.ai-page .usecase{border-color:#26364e}.ai-page .usecase:first-child{border-color:#26364e}.ai-page .usecase-title{color:#f1f7ff}.ai-page .usecase-label{color:#82cfe9}.ai-page .usecase-content>p{color:#b7c5d9}.ai-page .area-icon,.ai-page .usecase-section-1 .area-icon,.ai-page .usecase-section-2 .area-icon{color:#60dfff;background:linear-gradient(135deg,#00c8ff14,#814dff15);border-color:#2a516e}.ai-page .usecase-section-2 .area-icon{color:#c2acff;border-color:#4c3c79}.ai-page .usecase-toggle,.ai-page .usecase[open] .usecase-toggle{border-color:#315575;background:#0a1e34}.ai-page .usecase-toggle:before,.ai-page .usecase-toggle:after{background:#7fdfff}.ai-page .usecase[open] .usecase-toggle{box-shadow:0 0 14px #00c8ff15}.ai-page .usecase-tags li{color:#b8d4eb;border-color:#2a425f;background:#0a1a2c}.ai-page .usecase-example,.ai-page .usecase-section-1 .usecase-example,.ai-page .usecase-section-2 .usecase-example{background:linear-gradient(110deg,#071d30,#11152d);border-left-color:#00c8ff}.ai-page .usecase-section-2 .usecase-example{border-left-color:#814dff}.ai-page .usecase-example>span{color:#8ddff4}.ai-page .usecase-example p{color:#b3c4da}.ai-page .closing{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 15% 100%,#00c8ff12,transparent 60%),linear-gradient(115deg,#08172d,#11132e);border-color:#354875;box-shadow:0 0 55px #814dff09}.ai-page .closing:after{content:'';position:absolute;z-index:-1;inset:0;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201400%20600%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22g%22%3E%3Cstop%20stop-color%3D%22%2300C8FF%22/%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%2374e8ff%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23814DFF%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M-120%20230%20C120%20500%2C280%20-50%2C560%20190%20S970%20480%2C1400%2080%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%222.4%22%20opacity%3D%220.65%22/%3E%3Cpath%20d%3D%22M-120%20236%20C120%20494%2C280%20-44%2C560%20196%20S970%20474%2C1400%2086%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20242%20C120%20488%2C280%20-38%2C560%20202%20S970%20468%2C1400%2092%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20248%20C120%20482%2C280%20-32%2C560%20208%20S970%20462%2C1400%2098%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20254%20C120%20476%2C280%20-26%2C560%20214%20S970%20456%2C1400%20104%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%222.4%22%20opacity%3D%220.65%22/%3E%3Cpath%20d%3D%22M-120%20260%20C120%20470%2C280%20-20%2C560%20220%20S970%20450%2C1400%20110%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20266%20C120%20464%2C280%20-14%2C560%20226%20S970%20444%2C1400%20116%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20272%20C120%20458%2C280%20-8%2C560%20232%20S970%20438%2C1400%20122%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20278%20C120%20452%2C280%20-2%2C560%20238%20S970%20432%2C1400%20128%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%222.4%22%20opacity%3D%220.65%22/%3E%3Cpath%20d%3D%22M-120%20284%20C120%20446%2C280%204%2C560%20244%20S970%20426%2C1400%20134%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20290%20C120%20440%2C280%2010%2C560%20250%20S970%20420%2C1400%20140%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20296%20C120%20434%2C280%2016%2C560%20256%20S970%20414%2C1400%20146%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20302%20C120%20428%2C280%2022%2C560%20262%20S970%20408%2C1400%20152%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%222.4%22%20opacity%3D%220.65%22/%3E%3Cpath%20d%3D%22M-120%20308%20C120%20422%2C280%2028%2C560%20268%20S970%20402%2C1400%20158%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20314%20C120%20416%2C280%2034%2C560%20274%20S970%20396%2C1400%20164%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20320%20C120%20410%2C280%2040%2C560%20280%20S970%20390%2C1400%20170%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%221.3%22%20opacity%3D%220.2%22/%3E%3Cpath%20d%3D%22M-120%20326%20C120%20404%2C280%2046%2C560%20286%20S970%20384%2C1400%20176%22%20stroke%3D%22url%28%23g%29%22%20stroke-width%3D%222.4%22%20opacity%3D%220.65%22/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50% 140%;background-size:120% 70%;opacity:.18;pointer-events:none}.ai-page .closing>p:not(.section-kicker),.ai-page .closing .cta-note{color:#b8c9df}.ai-page footer{color:#cad9eb;border-color:#243750}.ai-page footer>span{color:#9cafc7}.ai-page a:focus-visible,.ai-page button:focus-visible,.ai-page summary:focus-visible{outline-color:#00c8ff}.ai-page .skip{background:#00c8ff;color:#020b1c}
@media(max-width:1200px){.ai-page .header nav{background:#051125;border-color:#28405d}.ai-page .header nav a:hover{background:#11243d}}
@media(max-width:800px){.ai-page .hero{padding-bottom:110px}.ai-page .hero:after{height:210px;bottom:-10px;background-size:150% 100%;background-position:center}.ai-page .header nav{background:#051125}.ai-page .ai-start-panel{background:linear-gradient(145deg,#0b1d34,#0d122b)}}
@media(prefers-reduced-motion:reduce){.ai-page .button.primary:hover{transform:none}}
.ai-page .header .nav-ai{border-bottom-color:#814dff}.ai-page .header .ai-sparkles{color:#00c8ff}.ai-page .closing .section-kicker{color:#93ddf5}

/* Fondos más expresivos: cintas de luz vectoriales y halos, sin vídeo ni librerías. */
.ai-page .hero{padding-bottom:195px}.ai-page .hero:after{left:-7%;right:-7%;bottom:-30px;height:520px;background-image:url("light-ribbons.svg");background-size:cover;background-position:center 60%;opacity:.95;mask-image:linear-gradient(transparent,#000 24%,#000 85%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 24%,#000 85%,transparent)}
.ai-page .hero:before{background:radial-gradient(ellipse at 6% 70%,#00c8ff22,transparent 52%),radial-gradient(ellipse at 98% 45%,#814dff25,transparent 55%)}
.ai-page .ai-start-panel{box-shadow:0 20px 70px #0006,0 0 70px #814dff14;backdrop-filter:blur(8px)}
.ai-page .possibilities-intro{position:relative;isolation:isolate}.ai-page .possibilities-intro:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:-30px -5%;background:radial-gradient(ellipse at 85% 55%,#814dff18,transparent 65%)}
.ai-page .usecase-section{position:relative;isolation:isolate;overflow:hidden}.ai-page .usecase-section:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0;background-image:url("light-ribbons.svg");background-repeat:no-repeat;background-size:1100px auto;background-position:-670px 100%;opacity:.16;mask-image:linear-gradient(transparent,#000 60%);-webkit-mask-image:linear-gradient(transparent,#000 60%)}
.ai-page .usecase-section-1:before{background-position:calc(100% + 680px) 45%;transform:scaleY(-1);opacity:.18}.ai-page .usecase-section-2:before{background-position:-690px 80%;opacity:.2}.ai-page .usecase-heading{text-shadow:0 2px 20px #020b1c}
.ai-page .closing{padding-bottom:105px;background:radial-gradient(ellipse at 15% 90%,#00c8ff22,transparent 60%),radial-gradient(ellipse at 95% 50%,#814dff25,transparent 65%),#061126}.ai-page .closing:after{inset:0;background-image:url("light-ribbons.svg");background-size:cover;background-position:center 55%;opacity:.46;mask-image:linear-gradient(transparent 18%,#000 80%);-webkit-mask-image:linear-gradient(transparent 18%,#000 80%)}.ai-page .closing .button{position:relative;z-index:1;background:linear-gradient(#071327,#071327) padding-box,linear-gradient(110deg,#00c8ff,#814dff) border-box}
@media(max-width:800px){.ai-page .hero{padding-bottom:185px}.ai-page .hero:after{height:370px;bottom:-25px;background-size:900px auto;background-position:48% 75%}.ai-page .ai-start-panel{backdrop-filter:none}.ai-page .usecase-section:before{opacity:.1}.ai-page .closing{padding-bottom:85px}.ai-page .closing:after{background-size:auto 470px;background-position:50% 100%;opacity:.3}}
.ai-page .usecase-section:before{mask-image:linear-gradient(to right,#000,transparent 43%);-webkit-mask-image:linear-gradient(to right,#000,transparent 43%)}.ai-page .usecase-section-1:before{mask-image:linear-gradient(to left,#000,transparent 43%);-webkit-mask-image:linear-gradient(to left,#000,transparent 43%)}
/* Escena espacial animada propia, exclusiva de la vista previa de IA. */
.ai-page #ai-cosmos{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.ai-page main,.ai-page footer{position:relative;z-index:1}.ai-page .hero:before,.ai-page .hero:after,.ai-page .usecase-section:before,.ai-page .closing:after,.ai-page .possibilities-intro:before{display:none}.ai-page .hero{padding-bottom:115px;min-height:calc(100svh - 100px)}.ai-page .usecase-section{background:#020b1c96}.ai-page .usecase-section-1{background:#061326b8}.ai-page .usecase-section-2{background:#020b1c96}.ai-page .possibilities-intro{background:transparent}.ai-page .ai-start-panel{background:linear-gradient(145deg,#0a1b32e8,#10132be8);backdrop-filter:blur(10px)}.ai-page .closing{background:linear-gradient(120deg,#06172bd9,#11132cd9);padding-bottom:65px;backdrop-filter:blur(8px)}.ai-page .usecase-example{backdrop-filter:blur(6px)}.ai-page .cosmos-toggle{position:fixed;z-index:30;bottom:15px;right:18px;padding:9px 13px;border:1px solid #385774;border-radius:25px;background:#061326e8;color:#c7d8eb;font:12px 'Avenir Next',Arial,sans-serif;cursor:pointer}.ai-page .cosmos-toggle:hover{border-color:#00c8ff;color:white}.ai-page .header{background:#020b1cdb}
@media(max-width:800px){.ai-page .hero{padding-bottom:70px;min-height:0}.ai-page .ai-start-panel,.ai-page .closing,.ai-page .usecase-example{backdrop-filter:none}.ai-page .cosmos-toggle{bottom:12px;right:12px;font-size:11px;padding:8px 11px}}
@media(prefers-reduced-motion:reduce){.ai-page #ai-cosmos{opacity:.7}}
/* Variación de iconografía: blanco, violeta y tinta sobre superficies claras. */
.ai-page .start-steps article:nth-child(1) .start-icon{color:#f5f8ff;background:#ffffff0b;border-color:#ffffff33}
.ai-page .start-steps article:nth-child(2) .start-icon{color:#c8b6ff;background:#814dff19;border-color:#814dff66}
.ai-page .start-steps article:nth-child(3) .start-icon{color:#020b1c;background:#f1f5fb;border-color:#fff}
.ai-page .start-steps article:nth-child(4) .start-icon{color:#e7defe;background:#814dff22;border-color:#9b7ae066}
.ai-page .area-jump a:nth-child(1) .jump-label svg{color:#fff}
.ai-page .area-jump a:nth-child(2) .jump-label svg{color:#c4aaff}
.ai-page .area-jump a:nth-child(3) .jump-label svg{color:#e1e8f1}
.ai-page .usecase-section .usecase:nth-child(4n+1) .area-icon{color:#f8faff;background:#ffffff0c;border-color:#b6c4db55}
.ai-page .usecase-section .usecase:nth-child(4n+2) .area-icon{color:#c6b0ff;background:#814dff22;border-color:#9873ef66}
.ai-page .usecase-section .usecase:nth-child(4n+3) .area-icon{color:#020b1c;background:#e9edf5;border-color:#ffffffb3}
.ai-page .usecase-section .usecase:nth-child(4n) .area-icon{color:#8bdced;background:#00c8ff0c;border-color:#6595aa55}
.ai-page .usecase-section-1 .usecase:nth-child(1) .area-icon{color:#cab8ff;background:#814dff22;border-color:#9873ef66}
.ai-page .usecase-section-1 .usecase:nth-child(2) .area-icon{color:#020b1c;background:#e9edf5;border-color:#ffffffb3}
.ai-page .usecase-section-1 .usecase:nth-child(3) .area-icon{color:#f8faff;background:#ffffff0c;border-color:#b6c4db55}
.ai-page .usecase-section-2 .usecase:nth-child(1) .area-icon{color:#020b1c;background:#e9edf5;border-color:#ffffffb3}
.ai-page .usecase-section-2 .usecase:nth-child(2) .area-icon{color:#c6b0ff;background:#814dff22;border-color:#9873ef66}
.ai-page .example-label svg{color:#e8e1ff}.ai-page .usecase-section-1 .example-label svg{color:#c7adff}.ai-page .usecase-section-2 .example-label svg{color:#fff}
.ai-page .header .nav-icon{color:#e7edf7}.ai-page .whatsapp-cta-icon{color:white}
/* Ajuste aprobado en revisión: sin bloques blancos ni fondos celestes en expandir. */
.ai-page .start-steps article:nth-child(3) .start-icon{color:#f5f8ff;background:#ffffff0b;border-color:#ffffff33}
.ai-page .usecase-section .usecase:nth-child(4n+3) .area-icon,.ai-page .usecase-section-1 .usecase:nth-child(2) .area-icon,.ai-page .usecase-section-2 .usecase:nth-child(1) .area-icon{color:#f5f8ff;background:#ffffff0b;border-color:#b6c4db55}
.ai-page .usecase .usecase-toggle,.ai-page .usecase[open] .usecase-toggle{background:transparent;border-color:#ffffff;box-shadow:none}
.ai-page .usecase-toggle:before,.ai-page .usecase-toggle:after{background:#ffffff}

/* Portada: una máquina de automatización sutil, debajo del título. */
.ai-page .hero.automation-hero{display:flex;flex-direction:column;gap:0;min-height:0;padding-top:65px;padding-bottom:65px;text-align:center}.automation-hero .hero-copy{width:100%;max-width:none}.ai-page .automation-hero .hero-copy>.eyebrow{justify-content:center;font-size:11px;letter-spacing:1.4px}.ai-page .automation-hero h1{font-size:clamp(40px,5vw,68px);line-height:1.08;letter-spacing:-2.8px;margin:22px 0 0}.automation-machine{width:min(100%,1000px);position:relative;margin:22px auto 14px;isolation:isolate}.automation-svg{display:block;width:100%;height:auto;overflow:visible}.automation-labels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:0 6%;font-size:12px;color:#9eacc0;letter-spacing:.15px}.automation-labels span:nth-child(2){color:#c8bddf}.automation-message{max-width:740px;margin:auto}.ai-page .automation-message .intro{max-width:none;font-size:18px;line-height:1.65}.ai-page .automation-message .hero-explanation{max-width:580px;margin:12px auto 20px;font-size:15px;line-height:1.75}.automation-message .cta-note{font-size:12px}.input-drop{animation:block-arrives 7.5s cubic-bezier(.22,.6,.3,1) infinite}.drop-1{animation-delay:-2.5s}.drop-2{animation-delay:-5s}.conveyor-line{animation:conveyor-flow 8s linear infinite}.transport-packet{animation:packet-forward 6s cubic-bezier(.45,0,.2,1) infinite;transform-box:view-box;opacity:0}.packet-1{animation-delay:-2s}.packet-2{animation-delay:-4s}.processor-ring{animation:processor-breathe 6s ease-in-out infinite}.core-dot{animation:core-light 3s ease-in-out infinite}.result-check{stroke-dasharray:15;stroke-dashoffset:0;animation:complete-action 6s ease-in-out infinite}.output-1 .result-check{animation-delay:-2s}.output-2 .result-check{animation-delay:-4s}.output-dot{animation:core-light 6s ease-in-out infinite}.output-1 .output-dot{animation-delay:-2s}.output-2 .output-dot{animation-delay:-4s}.signal{animation:signal-flow 6s ease-in-out infinite;opacity:0}.signal-1{animation-delay:-2s}.signal-2{animation-delay:-4s}
@keyframes block-arrives{0%{transform:translateY(-85px);opacity:0}12%{opacity:0}23%{opacity:1}43%{transform:translateY(35px);opacity:1}55%,100%{transform:translateY(43px);opacity:0}}
@keyframes conveyor-flow{to{stroke-dashoffset:-112}}
@keyframes packet-forward{0%,8%{transform:translate(0,0);opacity:0}20%{opacity:.8}43%{transform:translate(49px,0);opacity:.8}64%{transform:translate(70px,-58px);opacity:.8}80%{transform:translate(119px,-58px);opacity:0}100%{transform:translate(119px,-58px);opacity:0}}
@keyframes processor-breathe{0%,100%{stroke-opacity:.45}50%{stroke-opacity:1;filter:drop-shadow(0 0 5px #814dff30)}}
@keyframes core-light{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes complete-action{0%,16%{stroke-dashoffset:15;opacity:.2}35%,80%{stroke-dashoffset:0;opacity:.9}100%{opacity:.2}}
@keyframes signal-flow{0%,20%{transform:translateX(-20px);opacity:0}35%{opacity:.75}65%,100%{transform:translateX(35px);opacity:0}}
.ai-page.scene-paused .automation-machine *{animation-play-state:paused!important}
@media(max-width:800px){.ai-page .hero.automation-hero{padding-top:45px;padding-bottom:48px}.ai-page .automation-hero h1{font-size:clamp(39px,7vw,57px);letter-spacing:-1.7px}.automation-machine{margin:22px 0}.automation-labels{font-size:11px;padding:0;gap:8px}.ai-page .automation-message .intro{font-size:17px}.ai-page .automation-message .hero-explanation{font-size:15px;max-width:580px}}
@media(max-width:540px){.ai-page .automation-hero h1{font-size:clamp(34px,8.9vw,45px);letter-spacing:-1.5px}.ai-page .automation-hero .hero-copy>.eyebrow{font-size:9px;letter-spacing:.55px}.automation-svg{width:116%;max-width:none;margin-left:-8%}.automation-labels{font-size:10px;line-height:1.5;grid-template-columns:1fr 1.1fr 1fr}.automation-machine{margin-top:30px;margin-bottom:24px}.ai-page .automation-message .intro{font-size:17px}.ai-page .automation-message .hero-explanation{font-size:14px}.automation-message .cta-note{font-size:11px}.ai-page .automation-message .button{font-size:13px}}
@media(prefers-reduced-motion:reduce){.automation-machine *{animation:none!important}.input-drop{opacity:.65;transform:translateY(18px)}.transport-packet{opacity:.5;transform:translate(42px,0)}.signal{opacity:.5}}

/* Tres microanimaciones de apoyo; la portada mantiene el protagonismo. */
.ai-page .usecase-heading>p:not(.section-kicker){font-size:17px;line-height:1.8;color:#b0bdd1;margin-top:25px;max-width:345px}
.section-machine{max-width:320px;width:100%;margin-top:29px;opacity:.8;pointer-events:none}.section-machine svg{width:100%;height:auto;display:block;overflow:visible}.section-machine *{animation-play-state:paused!important}.section-machine.in-view *{animation-play-state:running!important}.scene-paused .section-machine *{animation-play-state:paused!important}.mini-flow{animation:mini-flow 13s linear infinite}.mini-message{animation:mini-message 10s ease-in-out infinite}.mm-1{animation-delay:-5s}.mini-response,.mini-decision{animation:mini-ready 10s ease-in-out infinite}.mini-doc{animation:mini-doc 12s ease-in-out infinite}.md-1{animation-delay:-4s}.md-2{animation-delay:-8s}.mini-scan{animation:mini-scan 8s ease-in-out infinite}.mini-doc-check{animation:mini-ready 12s ease-in-out infinite}.mini-chart{stroke-dasharray:250;animation:mini-chart 14s ease-in-out infinite}.mini-node{animation:mini-node 14s ease-in-out infinite}.mn-1{animation-delay:.5s}.mn-2{animation-delay:1s}.mn-3{animation-delay:1.5s}.mn-4{animation-delay:2s}.mn-5{animation-delay:2.5s}
@keyframes mini-flow{to{stroke-dashoffset:-98}}
@keyframes mini-message{0%,10%{transform:translateX(-8px);opacity:.2}30%,50%{transform:translateX(5px);opacity:.9}75%,100%{transform:translateX(19px);opacity:.15}}
@keyframes mini-ready{0%,20%,100%{opacity:.25}45%,75%{opacity:1}}
@keyframes mini-doc{0%,15%{transform:translateX(-7px);opacity:.4}50%,65%{transform:translateX(10px);opacity:.9}100%{transform:translateX(17px);opacity:.4}}
@keyframes mini-scan{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(29px);opacity:.8}}
@keyframes mini-chart{0%,10%{stroke-dashoffset:250;opacity:.3}60%,85%{stroke-dashoffset:0;opacity:.9}100%{stroke-dashoffset:0;opacity:.3}}
@keyframes mini-node{0%,15%,100%{opacity:.2}45%,75%{opacity:1}}
@media(max-width:800px){.section-machine{max-width:300px;margin-top:18px;margin-bottom:0}.ai-page .usecase-heading>p:not(.section-kicker){max-width:560px;margin-top:18px}}
@media(max-width:540px){.section-machine{max-width:260px;margin-top:12px;opacity:.75}}
@media(prefers-reduced-motion:reduce){.section-machine *{animation:none!important}.mini-chart{stroke-dashoffset:0}}
/* Sin separadores horizontales: continuidad visual entre las secciones de IA. */
.ai-page #posibilidades,.ai-page .usecase-section{border-top:0}
.ai-page .usecase,.ai-page .usecase:first-child{border-top:0;border-bottom:0}
/* Fondo espacial continuo: las secciones dejan ver la misma escena. */
.ai-page .usecase-section,.ai-page .usecase-section-1,.ai-page .usecase-section-2,.ai-page #posibilidades,.ai-page .implementation{background:transparent;border-top:0;border-bottom:0}
/* Separadores de sección discretos, sobre el fondo continuo. */
.ai-page #posibilidades,.ai-page .usecase-section,.ai-page .implementation{position:relative}
.ai-page #posibilidades:after,.ai-page .usecase-section:after,.ai-page .implementation:after{content:'';position:absolute;top:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(153,170,199,.08) 20%,rgba(187,188,218,.2) 50%,rgba(153,170,199,.08) 80%,transparent);pointer-events:none}
.ai-page #posibilidades:after,.ai-page .implementation:after{left:0;right:0}
/* Tarjetas de acordeón con contorno tenue y transición de apertura. */
.ai-page .usecase-list{display:grid;gap:13px}
.ai-page .usecase,.ai-page .usecase:first-child{border:1px solid rgba(148,169,201,.18);border-radius:18px;background:rgba(9,20,38,.48);overflow:hidden;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}
.ai-page .usecase:hover{border-color:rgba(173,193,221,.32);background:rgba(13,26,46,.65)}
.ai-page .usecase[open]{border-color:rgba(163,151,204,.35);background:rgba(13,24,43,.72);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.ai-page .usecase summary{padding:24px 22px;outline-offset:-4px}
.ai-page .usecase-content{padding:0 22px 25px 99px}
.ai-page .usecase summary:focus-visible{outline:2px solid #a9c8e6;outline-offset:-3px;border-radius:17px}
@media(max-width:1050px){.ai-page .usecase-content{padding-left:92px}}
@media(max-width:540px){.ai-page .usecase,.ai-page .usecase:first-child{border-radius:15px}.ai-page .usecase summary{padding:20px 16px;gap:11px}.ai-page .usecase-title{font-size:20px}.ai-page .usecase-content{padding:0 17px 21px}.ai-page .usecase summary:focus-visible{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.ai-page .usecase{transition:none}}
/* Cierre con su propia atmósfera espacial, sin ondas. */
.ai-page .closing{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 88% 12%,rgba(129,77,255,.21),transparent 53%),radial-gradient(ellipse at 4% 95%,rgba(0,146,187,.14),transparent 58%),linear-gradient(130deg,#061024,#0d1027 70%,#12112d);border-color:rgba(142,137,192,.32);box-shadow:inset 0 1px 0 rgba(219,216,255,.04),0 20px 65px rgba(0,0,0,.12);backdrop-filter:none}
.ai-page .closing:before{content:'';position:absolute;inset:-25px;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 8% 22%,#d8e7ff 0 1px,transparent 1.8px),radial-gradient(circle at 21% 76%,#8294c2 0 .8px,transparent 1.5px),radial-gradient(circle at 34% 13%,#b9abd9 0 .8px,transparent 1.5px),radial-gradient(circle at 73% 21%,#cebdff 0 1px,transparent 2px),radial-gradient(circle at 91% 67%,#b5dcf2 0 1px,transparent 1.8px),radial-gradient(circle at 81% 87%,#8f9bbd 0 .8px,transparent 1.5px),radial-gradient(circle at 56% 91%,#bac2e5 0 .8px,transparent 1.6px),radial-gradient(circle at 13% 48%,#8eaac4 0 .6px,transparent 1.4px),radial-gradient(circle at 95% 11%,#c6beea 0 .7px,transparent 1.5px);opacity:.55;animation:closing-stardrift 32s ease-in-out infinite alternate}
.ai-page .closing:after{content:'';display:block;position:absolute;z-index:-1;pointer-events:none;width:520px;height:520px;inset:auto -290px -380px auto;border:1px solid rgba(173,151,229,.17);border-radius:50%;background:none;box-shadow:0 0 0 28px rgba(129,77,255,.025),0 0 0 65px rgba(129,77,255,.018);opacity:1;mask-image:none;-webkit-mask-image:none}
@keyframes closing-stardrift{from{transform:translate(0,0);opacity:.35}to{transform:translate(-9px,7px);opacity:.65}}
.ai-page.scene-paused .closing:before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.ai-page .closing:before{animation:none}}
/* Cierre negro con estrellas más definidas. */
.ai-page .closing{background:radial-gradient(ellipse at 12% 100%,rgba(32,54,72,.12),transparent 60%),#020305;border-color:rgba(173,187,207,.24)}
.ai-page .closing:before{background-image:radial-gradient(circle at 8% 22%,#ffffff 0 1.25px,transparent 2px),radial-gradient(circle at 21% 76%,#cbd5e4 0 1px,transparent 1.8px),radial-gradient(circle at 34% 13%,#e8eef8 0 1px,transparent 1.8px),radial-gradient(circle at 73% 21%,#ffffff 0 1.4px,transparent 2.3px),radial-gradient(circle at 91% 67%,#f5f8ff 0 1.25px,transparent 2px),radial-gradient(circle at 81% 87%,#d6e0ed 0 1px,transparent 1.8px),radial-gradient(circle at 56% 91%,#e5ecf7 0 1.1px,transparent 1.8px),radial-gradient(circle at 13% 48%,#dbe7f4 0 1px,transparent 1.7px),radial-gradient(circle at 95% 11%,#f4f8ff 0 1.1px,transparent 1.9px),radial-gradient(circle at 45% 7%,#d7e2f0 0 .8px,transparent 1.6px),radial-gradient(circle at 5% 89%,#ffffff 0 1px,transparent 1.9px),radial-gradient(circle at 87% 42%,#c6d8ee 0 .9px,transparent 1.7px);opacity:.9;animation-name:closing-stardrift-bright}
.ai-page .closing:after{border-color:rgba(171,191,211,.12);box-shadow:0 0 0 28px rgba(170,190,210,.012),0 0 0 65px rgba(170,190,210,.008)}
@keyframes closing-stardrift-bright{from{transform:translate(0,0);opacity:.7}to{transform:translate(-9px,7px);opacity:1}}
/* Transición azul exterior a negro central, conservando las estrellas. */
.ai-page .closing{background:radial-gradient(ellipse at center,rgba(2,3,5,1) 0%,rgba(2,3,5,.98) 32%,rgba(3,8,17,.94) 57%,rgba(5,15,34,.78) 82%,rgba(6,18,40,.45) 100%);border-color:rgba(140,163,197,.14);box-shadow:inset 0 0 65px 15px rgba(8,24,51,.3),0 16px 60px rgba(0,0,0,.08)}
/* Cierre integrado al espacio general, sin recuadro. */
.ai-page .closing{border:0;border-radius:0;box-shadow:none;overflow:visible;background:none;backdrop-filter:none}
.ai-page .closing:after{content:'';display:block;position:absolute;z-index:-2;inset:-70px -6%;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:radial-gradient(ellipse at center,rgba(0,0,0,.94) 0%,rgba(0,1,4,.86) 30%,rgba(1,5,13,.48) 55%,rgba(2,11,28,0) 77%);opacity:1;pointer-events:none}
.ai-page .closing:before{mask-image:radial-gradient(ellipse at center,#000 25%,transparent 77%);-webkit-mask-image:radial-gradient(ellipse at center,#000 25%,transparent 77%)}