/* SATA Domótica: una casa conectada, sin imágenes ni bibliotecas externas. */
.sata-domotica { --d-ac:#59d9ff; --d-ac2:#a884ff; position:relative; isolation:isolate; overflow:hidden; display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.95fr); gap:2rem; min-height:500px; margin:0 0 1.5rem; padding:clamp(2rem,5vw,4.2rem); border:1px solid #253c61; border-radius:22px; background:radial-gradient(circle at 75% 22%,#2c3167 0,#141b39 30%,#090e21 72%); color:#f5f8ff; box-shadow:0 24px 52px -34px #091127; }
.sata-domotica__trama { position:absolute; z-index:-1; inset:0; opacity:.32; background-image:linear-gradient(rgba(89,217,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(89,217,255,.13) 1px,transparent 1px); background-size:34px 34px; mask-image:linear-gradient(90deg,#000,transparent 80%); }
.sata-domotica__texto { align-self:center; max-width:570px; }.sata-domotica__sobrelinea { margin:0 0 .75rem; color:#9eeaff; font-size:.72rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }.sata-domotica h1 { margin:0; max-width:10ch; color:#fff; font-size:clamp(2.6rem,5.3vw,4.8rem); line-height:.93; letter-spacing:-.07em; }.sata-domotica__intro { max-width:53ch; margin:1.35rem 0 0; color:#bccbe9; line-height:1.66; }.sata-domotica__acciones { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.65rem; }.sata-domotica__cta,.sata-domotica__contacto { display:inline-flex; align-items:center; justify-content:center; min-height:45px; padding:.7rem 1rem; border-radius:8px; color:#fff!important; font-size:.89rem; font-weight:750; text-decoration:none!important; transition:transform .2s ease,background .2s ease; }.sata-domotica__cta { background:linear-gradient(110deg,var(--d-ac),#8978ff); color:#0a1130!important; }.sata-domotica__contacto { border:1px solid rgba(206,224,255,.48); }.sata-domotica__cta:hover,.sata-domotica__contacto:hover { transform:translateY(-2px); }.sata-domotica__contacto:hover { background:rgba(255,255,255,.1); }
.sata-domotica__casa { display:grid; grid-template-rows:minmax(250px,1fr) auto auto; gap:.72rem; position:relative; align-self:center; min-height:448px; padding:1rem; border:1px solid rgba(150,190,255,.28); border-radius:18px 18px 10px 10px; background:linear-gradient(180deg,rgba(10,18,47,.2),rgba(7,13,30,.78)); box-shadow:inset 0 1px rgba(255,255,255,.07),0 14px 35px -25px #000; }.sata-domotica__escena { position:relative; min-height:250px; overflow:visible; border-bottom:1px solid rgba(150,190,255,.16); }.sata-domotica__escena-etiqueta { position:absolute; z-index:1; top:.2rem; left:.35rem; display:inline-flex; align-items:center; gap:.45rem; margin:0; padding:.42rem .7rem; border:1px solid rgba(155,226,255,.44); border-radius:999px; background:rgba(7,18,46,.78); color:#dff8ff; font-size:.82rem; font-weight:850; letter-spacing:.13em; line-height:1; text-transform:uppercase; transition:border-color .45s ease,color .45s ease; }.sata-domotica__escena-etiqueta::before { width:.5rem; height:.5rem; border-radius:50%; background:var(--d-ac); box-shadow:0 0 10px var(--d-ac); content:""; }.sata-domotica__red-carrusel { position:absolute; z-index:1; top:.35rem; right:.35rem; display:flex; align-items:center; gap:.35rem; color:#93a7cf; font-size:.55rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.sata-domotica__red-carrusel i { position:relative; display:block; width:1.9rem; height:.84rem; border:1px solid rgba(154,191,242,.45); border-radius:999px; background:rgba(7,18,46,.78); }.sata-domotica__red-carrusel b { position:absolute; top:.13rem; left:.14rem; width:.48rem; height:.48rem; border-radius:50%; background:#59d9ff; box-shadow:0 0 9px #59d9ff; transition:transform .55s cubic-bezier(.22,1,.36,1),background .45s ease,box-shadow .45s ease; }
.sata-domotica__casa-ilustracion { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }.sata-domotica-casa__zigbee { display:none; }.sata-domotica-casa__techo { fill:#0c1526; }.sata-domotica-casa__borde { fill:none; stroke:#5a76a8; stroke-width:2.2; stroke-linejoin:round; stroke-linecap:round; }.sata-domotica-casa__cuerpo { fill:#0e1728; stroke:#40577f; stroke-width:1.4; }.sata-domotica-casa__halo { fill:url(#sata-domotica-calida); opacity:0; animation:sata-domotica-encender 6.6s ease-in-out infinite; }.sata-domotica-casa__halo.halo-dos,.sata-domotica-casa__bombilla.bombilla-dos { animation-delay:.45s; }.sata-domotica-casa__halo.halo-tres,.sata-domotica-casa__bombilla.bombilla-tres { animation-delay:.9s; }.sata-domotica-casa__halo.halo-cuatro,.sata-domotica-casa__bombilla.bombilla-cuatro { animation-delay:1.35s; }.sata-domotica-casa__halo-zigbee { fill:url(#sata-domotica-zigbee); opacity:0; animation:sata-domotica-encender-zigbee 6.6s ease-in-out infinite; }.sata-domotica-casa__halo-zigbee.halo-dos { animation-delay:.38s; }.sata-domotica-casa__halo-zigbee.halo-tres { animation-delay:.76s; }.sata-domotica-casa__halo-zigbee.halo-cuatro { animation-delay:1.14s; }.sata-domotica-casa__halo-zigbee.halo-cinco { animation-delay:1.52s; }.sata-domotica-casa__halo-zigbee.halo-seis { animation-delay:1.9s; }.sata-domotica-casa__mueble { fill:#16233a; stroke:#40577f; stroke-width:1.1; }.sata-domotica-casa__onda { fill:none; stroke:var(--d-ac); stroke-width:1.5; opacity:0; transform-box:fill-box; transform-origin:center; animation:sata-domotica-emitir 6.6s ease-out infinite; transition:opacity .55s ease; }.sata-domotica-casa__onda.onda-dos { animation-delay:.35s; }.sata-domotica-casa__onda.onda-tres { animation-delay:.7s; }.sata-domotica-casa__tabiques,.sata-domotica-casa__cables { fill:none; stroke:#40577f; stroke-width:1.2; }.sata-domotica-casa__malla { fill:none; stroke:#6dffbd; stroke-width:1.55; stroke-linecap:round; stroke-linejoin:round; opacity:0; filter:drop-shadow(0 0 4px rgba(109,255,189,.72)); transition:opacity .6s ease; }.sata-domotica-casa__bombilla { fill:#3a4a63; animation:sata-domotica-filamento 6.6s ease-in-out infinite; transition:fill .5s ease; }.sata-domotica-casa__nodo { fill:#6dffbd; stroke:#d9ffec; stroke-width:1.2; animation:sata-domotica-nodo-zigbee 6.6s ease-in-out infinite; }.sata-domotica-casa__nodo-ondas.nodo-dos { animation-delay:.38s; }.sata-domotica-casa__nodo-ondas.nodo-tres { animation-delay:.76s; }.sata-domotica-casa__nodo-ondas.nodo-cuatro { animation-delay:1.14s; }.sata-domotica-casa__nodo-ondas.nodo-cinco { animation-delay:1.52s; }.sata-domotica-casa__nodo-ondas.nodo-seis { animation-delay:1.9s; }.sata-domotica-casa__hub-anillo { fill:#0e1728; stroke:#59d9ff; stroke-width:1.4; }.sata-domotica-casa__hub { fill:var(--d-ac); animation:sata-domotica-hub 3.3s ease-in-out infinite; }.sata-domotica-casa__vision { fill:#59d9ff; opacity:.09; animation:sata-domotica-vision 4.4s ease-in-out infinite; }.sata-domotica-casa__camara { fill:#152238; stroke:#5a76a8; stroke-width:1.2; }.sata-domotica-casa__baliza { fill:#59d9ff; animation:sata-domotica-hub 2.2s ease-in-out infinite; }.sata-domotica-casa__suelo { fill:#080f1e; }
.sata-domotica__zonas { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.55rem; }.sata-domotica__zona { position:relative; display:grid; gap:.18rem; min-width:0; padding:.65rem .7rem; border:1px solid rgba(156,195,255,.32); border-radius:10px; background:rgba(8,16,40,.86); color:#fff; text-align:left; cursor:pointer; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }.sata-domotica__zona:hover,.sata-domotica__zona.es-activa { transform:translateY(-3px); border-color:var(--d-ac); box-shadow:0 0 0 1px rgba(89,217,255,.25),0 0 26px -9px var(--d-ac); }.sata-domotica__zona b { font-size:.8rem; }.sata-domotica__zona small { color:#aebbd9; font-size:.66rem; line-height:1.25; }.sata-domotica__punto { position:absolute; top:-7px; right:-7px; width:11px; height:11px; border:2px solid #dff8ff; border-radius:50%; background:var(--d-ac); box-shadow:0 0 14px 3px var(--d-ac); }.sata-domotica__zona--ambiente .sata-domotica__punto { background:#a884ff; box-shadow:0 0 14px 3px #a884ff; }.sata-domotica__zona--conexion .sata-domotica__punto { background:#6dffbd; box-shadow:0 0 14px 3px #6dffbd; }
.sata-domotica__red-recomendacion { display:grid; gap:.16rem; padding:.58rem .72rem; border:1px solid rgba(130,205,255,.22); border-radius:9px; background:linear-gradient(90deg,rgba(48,154,221,.13),rgba(10,21,49,.24)); transition:border-color .45s ease,background .45s ease; }.sata-domotica__red-recomendacion p { margin:0; color:#8eb7e8; font-size:.57rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.sata-domotica__red-recomendacion strong { color:#e6f7ff; font-size:.78rem; }.sata-domotica__red-recomendacion span { color:#b5c8e7; font-size:.66rem; line-height:1.3; }.sata-domotica__panel { padding:.7rem .78rem; border-left:2px solid var(--d-ac); background:rgba(111,155,255,.09); }.sata-domotica__panel-etiqueta { margin:0 0 .28rem; color:#9eeaff; font-size:.62rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }.sata-domotica__panel strong { display:block; color:#fff; font-size:.85rem; }.sata-domotica__panel span { display:block; margin-top:.38rem; color:#b6c5e4; font-size:.7rem; line-height:1.35; }.sata-domotica__contador { position:absolute; right:clamp(2rem,5vw,4.2rem); bottom:1.15rem; margin:0; color:#aebbd9; font-size:.76rem; }.sata-domotica__contador strong { color:#9eeaff; font-size:1.25rem; }
.sata-domotica[data-sata-zona="ambiente"] { --d-ac:#d884ff; --d-ac2:#ff9dcc; }.sata-domotica[data-sata-zona="conexion"] { --d-ac:#65f5bd; --d-ac2:#73bcff; }.sata-domotica[data-sata-zona="ambiente"] .sata-domotica__trama { opacity:.46; }.sata-domotica[data-sata-zona="conexion"] .sata-domotica__casa { background:linear-gradient(180deg,rgba(7,52,49,.27),rgba(7,22,30,.84)); }
.sata-domotica[data-sata-red="zigbee"] .sata-domotica__escena-etiqueta { border-color:rgba(141,255,196,.58); color:#d8ffe9; }.sata-domotica[data-sata-red="zigbee"] .sata-domotica__escena-etiqueta::before { background:#6dffbd; box-shadow:0 0 10px #6dffbd; }.sata-domotica[data-sata-red="zigbee"] .sata-domotica__red-carrusel b { transform:translateX(1rem); background:#6dffbd; box-shadow:0 0 9px #6dffbd; }.sata-domotica[data-sata-red="zigbee"] .sata-domotica-casa__wifi { display:none; }.sata-domotica[data-sata-red="zigbee"] .sata-domotica-casa__zigbee { display:block; }.sata-domotica[data-sata-red="zigbee"] .sata-domotica-casa__zigbee .sata-domotica-casa__malla { stroke-width:.55; opacity:.24; filter:drop-shadow(0 0 1px rgba(109,255,189,.24)); }.sata-domotica[data-sata-red="zigbee"] .sata-domotica-casa__zigbee .sata-domotica-casa__onda { stroke:#6dffbd; }.sata-domotica[data-sata-red="zigbee"] .sata-domotica-casa__zigbee .sata-domotica-casa__hub { fill:#6dffbd; }
.sata-domotica[data-sata-red="zigbee"] .sata-domotica__red-recomendacion { border-color:rgba(109,255,189,.28); background:linear-gradient(90deg,rgba(46,184,130,.15),rgba(8,31,33,.24)); }.sata-domotica[data-sata-red="zigbee"] .sata-domotica__red-recomendacion p { color:#9cf6c7; }.sata-domotica[data-sata-red="zigbee"] .sata-domotica__red-recomendacion strong { color:#e1ffed; }
.sata-domotica[data-sata-red="zigbee"] .sata-domotica-casa__nodo-ondas .sata-domotica-casa__onda { stroke-width:.72; animation-name:sata-domotica-emitir-zonal; }
.sata-domotica-destacados { margin:0 0 2.3rem; padding:1.35rem; border:1px solid #dce5fa; border-radius:16px; background:linear-gradient(135deg,#f6f8ff,#fff 70%); }.sata-domotica-destacados__cabecera { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1rem; }.sata-domotica-destacados__cabecera p { margin:0 0 .32rem; color:#5669a3; font-size:.72rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }.sata-domotica-destacados h2 { margin:0; color:#18264a; font-size:1.48rem; letter-spacing:-.035em; }.sata-domotica-destacados__cabecera>span { color:#697797; font-size:.8rem; }.sata-domotica-destacados__rejilla { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; }.sata-domotica-dispositivo { display:grid; grid-template-columns:76px 1fr; gap:.8rem; align-items:center; min-width:0; padding:.7rem; border:1px solid #dbe5f5; border-radius:11px; color:#18264a!important; text-decoration:none!important; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }.sata-domotica-dispositivo:hover { transform:translateY(-2px); border-color:#7eabef; box-shadow:0 12px 24px -20px #385a9b; }.sata-domotica-dispositivo__foto { display:grid; place-items:center; height:68px; overflow:hidden; border-radius:8px; background:#eaf0fb; }.sata-domotica-dispositivo__foto img { width:100%; height:100%; object-fit:contain; }.sata-domotica-dispositivo__texto { display:grid; gap:.35rem; min-width:0; }.sata-domotica-dispositivo b { overflow:hidden; font-size:.76rem; line-height:1.26; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }.sata-domotica-dispositivo em { color:#5b70a7; font-size:.72rem; font-style:normal; }.sata-domotica__ancla { scroll-margin-top:1rem; }
@keyframes sata-domotica-flujo { to { filter:hue-rotate(25deg); opacity:.35; } }
@keyframes sata-domotica-encender { 0%,10% { opacity:0; } 24%,64% { opacity:1; } 84%,100% { opacity:0; } }
@keyframes sata-domotica-encender-zigbee { 0%,9% { opacity:0; } 18%,42% { opacity:.82; } 58%,100% { opacity:0; } }
@keyframes sata-domotica-filamento { 0%,10% { fill:#3a4a63; } 24%,64% { fill:#ffd88a; } 84%,100% { fill:#3a4a63; } }
@keyframes sata-domotica-emitir { 0% { transform:scale(.3); opacity:0; } 8% { opacity:.8; } 46%,100% { transform:scale(6); opacity:0; } }
@keyframes sata-domotica-emitir-zonal { 0% { transform:scale(.28); opacity:0; } 10% { opacity:.58; } 54%,100% { transform:scale(2.15); opacity:0; } }
@keyframes sata-domotica-hub { 50% { filter:brightness(1.65); } }
@keyframes sata-domotica-nodo-zigbee { 0%,9% { filter:brightness(.78); } 18%,42% { filter:brightness(1.8); } 58%,100% { filter:brightness(.78); } }
@keyframes sata-domotica-vision { 0%,100% { opacity:.05; } 50% { opacity:.17; } }
@media(max-width:900px) { .sata-domotica { grid-template-columns:1fr; min-height:820px; }.sata-domotica__casa { min-height:430px; }.sata-domotica__contador { right:2rem; }.sata-domotica-destacados__rejilla { grid-template-columns:1fr; } }
@media(max-width:700px) { .sata-domotica,.sata-domotica-destacados { box-sizing:border-box; width:calc(100vw - 44px); max-width:calc(100vw - 44px); }.sata-domotica { min-height:875px; padding:2rem 1.25rem; border-radius:15px; }.sata-domotica h1 { font-size:clamp(2.5rem,12vw,3.5rem); }.sata-domotica__acciones { display:grid; width:min(100%,260px); }.sata-domotica__casa { min-height:490px; margin-top:.7rem; padding:.75rem; }.sata-domotica__escena { min-height:260px; }.sata-domotica__zonas { grid-template-columns:repeat(2,minmax(0,1fr)); }.sata-domotica__zona--conexion { grid-column:span 2; }.sata-domotica__contador { right:1.25rem; bottom:1rem; }.sata-domotica-destacados { padding:1.1rem; }.sata-domotica-destacados__cabecera { align-items:start; flex-direction:column; gap:.4rem; } }
@media(prefers-reduced-motion:reduce) { .sata-domotica__linea,.sata-domotica-casa__halo,.sata-domotica-casa__onda,.sata-domotica-casa__bombilla,.sata-domotica-casa__hub,.sata-domotica-casa__vision,.sata-domotica-casa__baliza { animation:none; } .sata-domotica__zona,.sata-domotica__cta,.sata-domotica__contacto,.sata-domotica-dispositivo { transition:none; } }