:root{--navy:#122641;--blue:#175cdd;--ink:#192c44;--muted:#53657a;--line:#dce4ed;--paper:#f4f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}a{color:var(--blue);text-decoration:none}button{cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:3px solid #db8c00;outline-offset:4px}.cabecera{max-width:1280px;margin:auto;padding:24px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px}.marca{display:flex;gap:12px;align-items:center;color:var(--navy);font-size:21px;font-weight:800}.marca small{display:block;font-size:9px;letter-spacing:2px;font-weight:700;margin-top:2px}.logo,.emblema{width:46px;height:46px;border-radius:50%;object-fit:contain}.emblema{background:var(--blue);color:white;display:grid;place-items:center;font-size:28px}.cabecera nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:600}.cabecera nav a{color:var(--ink)}.acceso{border:1px solid #bfccd9;padding:10px 16px;border-radius:9px}main{max-width:1280px;margin:auto;padding:0 36px}.hero{background:var(--navy);color:#fff;border-radius:24px;min-height:410px;padding:55px 50px;display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center;overflow:hidden}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;display:block;color:#3261a1}.hero .eyebrow{color:#8ccded}h1{font-size:clamp(32px,3.4vw,48px);line-height:1.13;letter-spacing:-1.4px;margin:20px 0}h2{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:10px 0}h3{line-height:1.35}.hero p{color:#d0dceb;max-width:520px;font-size:16px}.boton{border:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--blue);color:#fff;font-size:14px;font-weight:700;padding:13px 19px}.boton:hover{background:#1049b5}.boton:disabled{opacity:.6;cursor:wait}.boton.claro{background:#fff;color:var(--navy);margin-top:12px}.beneficios{display:flex;gap:20px;font-size:11px;color:#cbd8e8;margin-top:23px}.hero-arte{position:relative;min-height:265px;display:flex;align-items:center;justify-content:center;flex-direction:column;perspective:600px}.pantalla{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%;aspect-ratio:1.55;border:9px solid #536a85;border-bottom:14px solid #536a85;border-radius:13px;background:radial-gradient(ellipse at top right,#2d80af,#173961 60%,#102033);box-shadow:18px 22px 0 #07172c45;transform:rotateY(-12deg) rotateX(5deg) rotateZ(-4deg);font-size:84px;font-weight:900;color:#a4def4;text-shadow:4px 5px #0b2439}.pantalla span{font-size:8px;letter-spacing:2px;color:#e6f6ff;text-shadow:none}.hero-arte i{width:99%;height:13px;border-radius:0 0 70% 50%;background:#899db4;transform:rotateZ(-4deg);margin-top:-4px}.hero-arte b{font-size:9px;letter-spacing:2px;margin-top:35px;color:#a6bed8}.catalogo{padding:60px 0 30px}.titulo{display:flex;align-items:end;justify-content:space-between;gap:20px}.contador{font-size:13px;color:var(--muted);white-space:nowrap;padding:8px 13px;border:1px solid var(--line);border-radius:30px}.busqueda{display:flex;gap:10px;margin:28px 0}.busqueda input,.busqueda select{border:1px solid #cbd6e2;background:white;border-radius:9px;padding:13px;color:var(--ink);min-width:0}.busqueda input{flex:1}.busqueda select{max-width:250px}.rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.producto{background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.producto:hover{box-shadow:0 14px 30px #1b3c6414;transform:translateY(-3px)}.foto{height:220px;background:#fff;position:relative;display:grid;place-items:center;border-bottom:1px solid #edf1f6;overflow:hidden}.foto img{position:absolute;width:100%;height:100%;object-fit:contain;padding:24px;background:white}.imagen-fondo{color:#7b8ca3;font-size:64px;font-weight:800}.destacado{position:absolute;top:15px;left:15px;border-radius:6px;background:#e5efff;color:#234b89;font-size:10px;font-weight:800;padding:5px 9px}.ficha{padding:22px;flex:1;display:flex;flex-direction:column;align-items:stretch}.categoria{font-size:10px;letter-spacing:1.5px;color:#45638b;font-weight:800;text-transform:uppercase}.ficha h3{font-size:18px;margin:9px 0 7px;overflow-wrap:anywhere}.codigo{font-size:11px;color:var(--muted)}.disponible{font-size:12px;color:#1f694c;margin:13px 0}.ficha details{font-size:12px;color:var(--muted);margin-bottom:15px}.ficha summary{cursor:pointer;color:#28558a}.descripcion{white-space:normal;overflow-wrap:anywhere;max-height:220px;overflow:auto}.precio{font-size:20px;font-weight:800;color:var(--navy);margin-top:auto}.precio small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin:3px 0 17px}.agregar{width:100%;gap:3px}.paginacion{display:flex;justify-content:center;gap:25px;padding:35px 0;font-size:13px}.vacio{padding:50px;text-align:center;border:1px dashed #b2c2d6;border-radius:14px;background:#fff}.contacto{background:#e6edf6;border:1px solid #d2dfee;border-radius:22px;padding:42px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;margin:5px 0 45px}.contacto p{font-size:14px;color:#41566f}.datos-contacto h3{margin:0}.datos-contacto p{margin:14px 0}.datos-contacto strong{font-size:12px;color:#192c44}.datos-contacto a{font-size:13px;margin-right:12px}footer{max-width:1280px;margin:auto;padding:15px 36px 35px;color:var(--muted);font-size:11px;display:flex;justify-content:space-between;gap:16px}.flotante{position:fixed;bottom:24px;right:30px;z-index:10;background:var(--navy);border:1px solid #7188a5;color:#fff;box-shadow:0 8px 25px #0c23484d;border-radius:30px;padding:15px 23px;font-weight:700}.flotante span{display:inline-grid;place-items:center;background:#fff;color:var(--navy);border-radius:50%;min-width:24px;height:24px;margin-left:15px}dialog{border:0;border-radius:18px;padding:30px;max-width:620px;width:calc(100% - 32px);max-height:85vh;color:var(--ink)}dialog::backdrop{background:#0d203abd;backdrop-filter:blur(3px)}.dialogo-cabecera{display:flex;justify-content:space-between;gap:20px;align-items:center}.dialogo-cabecera button{background:#e9eff7;border:0;font-size:25px;border-radius:50%;width:36px;height:36px}.fila{display:grid;grid-template-columns:1fr 65px 60px;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.fila strong{font-size:13px;overflow-wrap:anywhere}.fila input{width:65px;border:1px solid #aabbce;border-radius:6px;padding:8px}.fila button{border:0;background:transparent;color:#a12535;font-size:12px}.nota{font-size:12px;color:var(--muted);margin:24px 0}.whatsapp{background:#146b4b;width:100%;gap:5px}.whatsapp:hover{background:#10583e}#error{color:#9e2437;font-size:13px}#aviso{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:20;padding:14px 22px;border-radius:10px;background:#122641;color:white;box-shadow:0 5px 22px #14263c33;font-size:14px;max-width:90%}.preview{background:#ffedbf;color:#62450c;padding:10px;text-align:center;font-size:13px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:900px){.cabecera{padding:20px}.cabecera nav{gap:14px}.cabecera nav>a:first-child{display:none}main{padding:0 20px}.hero{padding:35px;gap:15px}.hero-arte{min-height:200px}.rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}.contacto{gap:30px;padding:30px}.beneficios{flex-direction:column;gap:5px}}@media(max-width:600px){.cabecera{padding:17px 16px}.marca{font-size:17px}.marca small{font-size:7px}.emblema,.logo{width:36px;height:36px}.cabecera nav>a:not(.acceso){display:none}.acceso{font-size:11px;padding:8px}.hero{grid-template-columns:1fr;padding:30px 26px;min-height:0;border-radius:17px}.hero-arte{display:none}.hero h1{font-size:34px}.hero p{font-size:14px}main{padding:0 15px}.catalogo{padding-top:35px}.titulo{align-items:start}.titulo h2{font-size:24px}.contador{font-size:10px;padding:6px}.busqueda{flex-wrap:wrap;gap:8px}.busqueda input{flex-basis:100%}.busqueda select{flex:1;max-width:none;font-size:13px}.busqueda .boton{padding:12px 20px}.rejilla{grid-template-columns:1fr;gap:18px}.foto{height:240px}.ficha{padding:20px}.contacto{grid-template-columns:1fr;padding:26px;gap:20px}.contacto h2{font-size:25px}footer{padding:10px 18px 100px;flex-direction:column;gap:4px}.flotante{bottom:16px;right:16px;padding:13px 20px}.fila{grid-template-columns:1fr 58px 45px;gap:8px}.fila input{width:58px}dialog{padding:22px}.beneficios{flex-direction:row;font-size:9px;gap:15px}.paginacion{gap:16px;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Identidad comercial y páginas públicas. */
:root{--navy:#172c35;--blue:#264e59;--ink:#20343b;--muted:#566a70;--line:#dce2df;--paper:#faf9f5}body{font-family:"Segoe UI",Arial,sans-serif}.barra-info{background:var(--navy);color:#f5f4ee;display:flex;justify-content:space-between;padding:8px max(36px,calc((100vw - 1208px)/2));font-size:11px;letter-spacing:.4px}.cabecera{padding-top:25px;padding-bottom:25px;gap:20px}.marca{font-size:19px;min-width:190px}.marca small{font-size:10px;letter-spacing:.5px;max-width:230px;white-space:normal;font-weight:400}.logo{width:54px;height:54px;background:white;border:1px solid var(--line);padding:3px}.emblema{background:var(--navy);font-family:Georgia,serif}.cabecera nav{gap:21px;font-size:12px;white-space:nowrap}.cabecera nav a[aria-current=page]{color:#295e6b;position:relative}.cabecera nav a[aria-current=page]::after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-9px;background:#b18b42}.acceso{border-color:#b9c8c9;background:#fff;padding:11px 13px}.menu-toggle{display:none}.hero{position:relative;background:#172c35;min-height:490px;border-radius:4px;grid-template-columns:1.2fr 1fr;padding:65px 60px}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(38px,4.1vw,61px);letter-spacing:-1.5px;line-height:1.1;max-width:650px}.hero .eyebrow{color:#e2c58d;font-size:11px;letter-spacing:2.8px}.hero p{color:#edf1ee;font-size:16px;max-width:470px}.hero .boton{border-radius:3px;padding:15px 23px}.hero-contenido{position:relative;z-index:2;min-width:0}.banner-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.banner-sombra{position:absolute;inset:0;background:linear-gradient(90deg,#0b202aeb 0%,#112932c7 36%,#142d3640 75%,#142d361a);z-index:1}.hero-visual{position:relative;z-index:1;display:grid;place-items:center;min-height:300px}.hero-visual img{position:relative;max-width:95%;max-height:310px;object-fit:contain;background:#fff;border-radius:8px;padding:25px;box-shadow:0 20px 60px #0716194a;transform:rotate(-5deg)}.hero-visual .firma{font:38px Georgia,serif;color:#f6eee0;text-align:center;position:relative;max-width:100%;overflow-wrap:anywhere}.anillo{position:absolute;border:1px solid #d5c18c38;border-radius:50%;width:370px;height:370px}.anillo.dos{width:270px;height:270px}.banner-controles{display:flex;gap:17px;align-items:center;justify-content:flex-end;padding:16px 0;font-size:11px;color:#566a70}.banner-controles button{width:34px;height:34px;border:1px solid #c9d5d4;background:#fff;color:#264e59}.servicios{display:grid;grid-template-columns:repeat(3,1fr);padding:32px 20px;border-bottom:1px solid var(--line);gap:25px}.servicios>div{position:relative;padding-left:48px}.servicios span{position:absolute;left:0;top:0;font:25px Georgia,serif;color:#b08a48}.servicios strong{font-size:13px;font-weight:650}.servicios p{font-size:12px;color:var(--muted);margin:4px 0}.catalogo{padding-top:56px}.titulo{margin-bottom:25px}.titulo h2,.contacto h2,.sobre-resumen h2{font-family:Georgia,serif;font-weight:400;font-size:34px;letter-spacing:-.6px}.titulo p{font-size:14px;color:var(--muted);max-width:640px}.eyebrow{color:#805f29;font-size:10px;letter-spacing:2px}.enlace{font-size:12px;font-weight:600;color:#264e59;white-space:nowrap;border-bottom:1px solid #aebdbc;padding-bottom:5px}.producto{border-radius:5px;border-color:#e1e5e2;box-shadow:0 5px 12px #263b3c03}.foto{height:245px}.ficha h3{font-size:17px;font-weight:650}.ficha{padding:23px}.categoria{color:#536f75;font-size:9px}.boton{border-radius:4px;background:#264e59}.boton:hover{background:#163f4a}.precio{color:#203a42;font-size:21px}.precio del{display:block;font-size:12px;color:#687778;font-weight:400;margin-bottom:2px}.precio small{font-size:10px}.etiqueta-oferta{background:#843e28;color:#fff}.destacado{border-radius:2px;background:#e9ede7;color:#3c5848;letter-spacing:.7px;text-transform:uppercase;font-size:9px}.sobre-resumen{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;background:#eeeae0;padding:42px;margin:35px 0}.sobre-resumen p{font-size:15px;color:#475b60;line-height:1.9;margin:0 0 20px}.contacto{border-radius:4px;background:#e9eeeb;border:0;gap:85px;padding:48px;margin-top:30px}.contacto h2{font-size:37px}.contacto-wa{width:auto;margin-top:18px;padding:14px 22px;background:#285c47}.pagina-intro{background:#eeeae0;padding:50px 48px;border-left:4px solid #ad8c4f;margin-bottom:20px}.pagina-intro h1{font:48px/1.15 Georgia,serif;letter-spacing:-1px;margin:18px 0}.pagina-intro p{max-width:750px;color:#52676c;font-size:15px;line-height:1.8}.listado{padding-top:30px}.historia{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;padding:65px 35px}.historia-marca{background:#eeeae0;min-height:280px;padding:35px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.historia-marca img{width:150px;height:150px;object-fit:contain;border-radius:50%;background:white}.historia-marca>span{font:96px Georgia,serif;color:#8f723f}.historia h2{font:33px Georgia,serif;letter-spacing:-.5px}.historia p{white-space:normal;font-size:16px;line-height:1.9;color:#475c63;overflow-wrap:anywhere}.valores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:10px 0 55px}.valores article{border:1px solid #d4ddd8;padding:28px;background:#fff}.valores p{font-size:14px;line-height:1.8;color:#475c63;overflow-wrap:anywhere}footer{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d3dcd7;padding-top:30px;margin-top:30px;padding-bottom:0}.footer-empresa strong{font:23px Georgia,serif;color:#253c42}.footer-empresa p{font-size:12px;margin:6px 0 13px}.footer-links{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:20px;font-size:12px}.footer-links a{color:#4b666b}.creditos{grid-column:1/-1;text-align:center;border-top:1px solid #dce2dc;margin-top:22px;padding:18px 0;color:#667577;font-size:10px;letter-spacing:.3px}.flotante{border-radius:5px;background:#193c43;box-shadow:0 8px 25px #0c234833}.flotante span{background:#f0ebdf}.preparacion{min-height:340px}.preparacion .hero-contenido{grid-column:1/-1}
@media(max-width:1100px){.cabecera{flex-wrap:wrap}.cabecera nav{flex:1;justify-content:flex-end;gap:14px}.cabecera nav a:first-child{display:block}.marca{min-width:150px;font-size:17px}.hero{padding:45px}.hero h1{font-size:49px}.hero-visual img{max-width:100%}}
@media(max-width:800px){.cabecera{position:relative;flex-wrap:wrap;gap:15px}.menu-toggle{display:block;border:1px solid #bccbc9;color:#29494f;background:#fff;padding:9px 13px;border-radius:3px;font-size:12px}.cabecera nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;border:1px solid #d6dfda;background:#fff;padding:8px}.cabecera nav.abierto{display:flex}.cabecera nav>a,.cabecera nav>a:not(.acceso),.cabecera nav>a:first-child{display:block;padding:12px 15px;font-size:13px}.cabecera nav a[aria-current=page]::after{display:none}.cabecera nav a[aria-current=page]{background:#f0f2ed}.cabecera nav .acceso{margin-top:8px}.hero{grid-template-columns:1.1fr .9fr;min-height:400px;padding:38px}.hero h1{font-size:42px}.hero-visual{min-height:220px}.anillo{width:240px;height:240px}.anillo.dos{width:190px;height:190px}.servicios{padding:25px 0;gap:15px}.servicios>div{padding-left:33px}.servicios span{font-size:20px}.servicios p{font-size:11px}.sobre-resumen{gap:30px;padding:30px}.historia{gap:35px;padding:40px 0}.contacto{gap:40px}.barra-info{padding-left:20px;padding-right:20px}}
@media(max-width:600px){.barra-info{padding:8px 16px;font-size:9px;gap:15px}.marca{max-width:75%;font-size:17px}.marca small{font-size:9px;letter-spacing:.2px}.logo{width:42px;height:42px}.cabecera nav>a:not(.acceso){display:block}.hero{grid-template-columns:1fr;padding:36px 27px;min-height:410px;border-radius:3px;align-items:center}.hero h1{font-size:42px;line-height:1.12;max-width:100%}.hero p{font-size:14px;line-height:1.8}.banner-foto{object-position:68% center}.banner-sombra{background:linear-gradient(90deg,#10272ee8,#10272ebd)}.hero-visual{display:none}.banner-controles{padding:10px 0}.servicios{grid-template-columns:1fr;gap:17px;padding:24px 10px}.servicios>div{padding-left:45px}.servicios p{font-size:12px}.servicios span{font-size:24px}.servicios strong{font-size:13px}.titulo{align-items:flex-start;gap:14px;flex-wrap:wrap}.titulo h2{font-size:29px}.catalogo{padding-top:33px}.foto{height:255px}.sobre-resumen{grid-template-columns:1fr;gap:13px;padding:27px;margin:25px 0}.sobre-resumen h2{font-size:30px}.contacto{padding:28px;gap:28px;margin-top:25px}.contacto h2{font-size:31px}.pagina-intro{padding:30px 25px}.pagina-intro h1{font-size:38px}.pagina-intro p{font-size:14px}.historia{grid-template-columns:1fr;gap:28px;padding:25px 0}.historia-marca{min-height:230px}.historia h2{font-size:30px}.valores{grid-template-columns:1fr;gap:15px;margin-bottom:30px}.valores article{padding:24px}footer{grid-template-columns:1fr;gap:20px;padding:28px 18px 65px;margin-top:25px}.footer-links{justify-content:flex-start;gap:15px}.creditos{margin-top:0;padding:17px 0 8px}.flotante{padding:12px 17px;font-size:12px}.preparacion{min-height:350px}.enlace{font-size:11px}}

.etiqueta-oferta{background:#843e28;color:#fff}
@media(min-width:601px){.ofertas-inicio .rejilla:has(>.producto:only-child){grid-template-columns:1fr}.ofertas-inicio .producto:only-child{display:grid;grid-template-columns:1.1fr 1fr;max-width:100%}.ofertas-inicio .producto:only-child .foto{height:100%;min-height:310px;border-bottom:0;border-right:1px solid #edf1f6}.ofertas-inicio .producto:only-child .ficha{padding:30px 38px}.ofertas-inicio .producto:only-child h3{font-size:24px}.ofertas-inicio .rejilla:has(>.producto:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Paleta inspirada en la identidad de la empresa: azul, blanco y verde. */
:root{--navy:#103d60;--blue:#155f96;--ink:#18384d;--muted:#516a7a;--line:#d9e5ed;--paper:#f8fbfd}body{background:var(--paper)}.barra-info{background:#134f79}.emblema{background:#155f96}.cabecera nav a[aria-current=page]{color:#155f96}.cabecera nav a[aria-current=page]::after{background:#4b824b}.logo{border-color:#d9e7ef}.boton{background:#155f96}.boton:hover{background:#104a77}.hero{background:#12466c}.hero .eyebrow{color:#d3edce}.banner-sombra{background:linear-gradient(90deg,#0b3454ef,#103d60c9 36%,#12466745 75%,#1246671a)}.anillo{border-color:#b4d4ed55}.eyebrow{color:#376b3f}.servicios span{color:#3c7649}.titulo h2,.contacto h2,.sobre-resumen h2,.pagina-intro h1{color:#143f5e}.enlace,.ficha summary,.footer-links a{color:#155f96}.categoria{color:#3d6680}.precio{color:#124e7b}.etiqueta-oferta{background:#3a6c43}.destacado{background:#e8f3e5;color:#37613a}.sobre-resumen{background:#edf5f0}.contacto{background:#eaf3f9}.contacto-wa,.whatsapp{background:#376f46}.whatsapp:hover{background:#285636}.pagina-intro{background:#eaf3f9;border-left-color:#4b824b}.historia-marca{background:#eaf3f9}.historia-marca>span{color:#155f96}.valores article{border-color:#d9e5ed}.flotante{background:#155f96;border-color:#abc6da}.flotante span{background:#fff;color:#155f96}.creditos{border-color:#d9e5ed}.footer-empresa strong{color:#143f5e}footer{border-color:#d9e5ed}.pasarela{margin:0 0 15px;background:linear-gradient(120deg,#eaf4fc 0%,#fff 55%,#edf6ee 100%);border:1px solid #d7e7f1;border-radius:18px;overflow:hidden;box-shadow:0 14px 40px #154e7909;position:relative}.banners+.pasarela{margin-top:24px}.pasarela-cabecera{display:flex;align-items:center;justify-content:space-between;padding:30px 45px 0;gap:30px}.pasarela-cabecera h1{font:600 22px/1.3 "Segoe UI",Arial,sans-serif;letter-spacing:-.5px;color:#164b73;margin:8px 0 0;max-width:850px}.pasarela-cabecera .eyebrow{letter-spacing:2px;color:#386843;font-size:10px}.pasarela-sello{font-size:8px;letter-spacing:1.7px;color:#506e7f;white-space:nowrap}.escenario{touch-action:pan-y;position:relative;min-height:460px}.escena.producto{display:grid;grid-template-columns:1.05fr 1fr;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none;min-height:460px;overflow:visible;margin:0}.escena-info{padding:42px 15px 36px 45px;align-self:center;position:relative;z-index:1}.escena-categoria{font-size:10px;color:#416a84;letter-spacing:1.6px;text-transform:uppercase;font-weight:650;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.escena-categoria b{font-size:8px;letter-spacing:1px;padding:5px 9px;border-radius:20px;background:#dcefd9;color:#315e35}.escena-info h2{font:650 clamp(29px,3.5vw,45px)/1.13 "Segoe UI",Arial,sans-serif;letter-spacing:-1.3px;color:#103e62;margin:18px 0;overflow-wrap:anywhere}.escena-descripcion{font-size:14px;line-height:1.8;color:#486779;margin:12px 0;max-width:520px;overflow-wrap:anywhere}.escena-codigo{font-size:10px;color:#607a8b;letter-spacing:.8px}.escena-precio{margin:22px 0}.escena-precio strong{font-size:24px;font-weight:750;display:block;color:#155f96}.escena-precio del{font-size:12px;color:#647c8c}.escena-precio small{display:block;color:#587182;font-size:10px;margin-top:3px}.escena-acciones{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.escena-acciones .agregar{width:auto;padding:14px 19px;font-size:12px;box-shadow:0 5px 14px #155f9622}.escena-acciones a{font-size:11px;color:#155f96;border-bottom:1px solid #b9cddd;padding:6px 0}.escena-visual{position:relative;min-width:0;min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 30px 45px;perspective:900px;overflow:hidden}.orbita{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#d4eafb 0%,#e3f1fa80 57%,transparent 70%);border:1px solid #bfd8ec70;box-shadow:0 0 0 27px #c5e0ef15,0 0 0 55px #c5e0ef12;transform:rotateX(14deg)}.escena-imagen{position:relative;width:95%;height:285px;display:grid;place-items:center;background:#fff;border:1px solid #e0ebf1;border-radius:15px;box-shadow:0 22px 38px #17486a17;transform:rotateY(-7deg) rotateZ(-3deg);z-index:1;animation:producto-flotar 7s ease-in-out infinite}.escena-imagen img{position:absolute;inset:0;width:100%;height:100%;padding:19px;object-fit:contain;background:white;border-radius:15px}.sin-foto{color:#6a8596;font-size:12px}.pedestal{position:absolute;width:75%;height:37px;bottom:50px;background:linear-gradient(#fff,#bcd5e5);border-radius:50%;box-shadow:0 13px 25px #17486a16;transform:rotateX(55deg);z-index:0}.escena-marca{position:relative;margin-top:35px;z-index:1;font-size:9px;letter-spacing:3px;font-weight:650;text-transform:uppercase;color:#487187;max-width:95%;overflow-wrap:anywhere;text-align:center}.escena:not([hidden]) .escena-info{animation:producto-entrar .65s ease both}.escena:not([hidden]) .escena-visual{animation:producto-aparecer .8s ease both}.pasarela[data-reproduciendo=false] .escena-imagen{animation-play-state:paused}.pasarela-controles{border-top:1px solid #d9e7ef;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 45px;background:#ffffff94}.pasarela-flechas{display:flex;gap:7px;align-items:center}.pasarela-flechas button{height:34px;min-width:34px;padding:0 10px;border:1px solid #cadde9;background:white;color:#155f96;border-radius:5px;font-size:14px}.pasarela-flechas .pasarela-pausa{font-size:10px;min-width:78px}.pasarela-flechas button:hover{background:#eaf3f9}.pasarela-puntos{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.pasarela-puntos button{border:0;width:26px;height:28px;position:relative;background:transparent;padding:0}.pasarela-puntos button::after{content:"";position:absolute;left:5px;right:5px;top:11px;height:5px;border-radius:4px;background:#bdd1de;transition:background .2s,transform .2s}.pasarela-puntos button[aria-current]::after{background:#3f7849;transform:scaleX(1.3)}.pasarela-contador{color:#55788e;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:1px}
@keyframes producto-entrar{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}@keyframes producto-aparecer{from{opacity:0;transform:translateX(22px) scale(.97)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes producto-flotar{0%,100%{transform:rotateY(-7deg) rotateZ(-3deg) translateY(0)}50%{transform:rotateY(-3deg) rotateZ(-1deg) translateY(-7px)}}
@media(max-width:900px){.pasarela-cabecera{padding:28px 30px 0}.pasarela-cabecera h1{font-size:21px}.pasarela-sello{display:none}.escena-info{padding-left:30px}.escena-info h2{font-size:34px}.escena-visual{padding-left:15px;padding-right:20px}.escena-imagen{height:260px}.orbita{width:260px;height:260px}.pasarela-controles{padding:15px 30px}.escena-acciones{gap:12px}.escena-acciones .agregar{font-size:11px;padding:13px}.escena-descripcion{font-size:13px}}
@media(max-width:600px){.banner-sombra{background:linear-gradient(90deg,#0c3554ed,#103d60be)}.pasarela{border-radius:12px}.pasarela-cabecera{padding:25px 24px 0}.pasarela-cabecera h1{font-size:19px;margin-top:9px}.escena.producto{grid-template-columns:1fr;min-height:0}.escena-visual{grid-row:1;min-height:270px;padding:23px 35px 20px}.escena-imagen{height:210px;width:94%;border-radius:12px;max-width:400px}.escena-imagen img{padding:16px;border-radius:12px}.orbita{width:220px;height:220px}.pedestal{bottom:18px;width:64%;height:25px}.escena-marca{margin-top:24px;font-size:8px}.escena-info{padding:15px 25px 26px}.escena-info h2{font-size:31px;margin:12px 0}.escena-descripcion{font-size:12px;line-height:1.75;max-height:110px;overflow:auto}.escena-precio{margin:16px 0}.escena-precio strong{font-size:22px}.escena-acciones .agregar{font-size:11px;padding:13px 16px}.pasarela-controles{padding:13px 16px;gap:10px;flex-wrap:wrap}.pasarela-puntos{gap:2px;order:3;flex-basis:100%}.pasarela-puntos button{width:25px;height:22px}.pasarela-puntos button::after{top:9px}.pasarela-flechas button{min-width:37px;height:37px}.pasarela-flechas .pasarela-pausa{min-width:84px}.pasarela-contador{margin-left:auto}.escenario{min-height:0}}
@media(prefers-reduced-motion:reduce){.escena-info,.escena-visual,.escena-imagen{animation:none!important}.pasarela-puntos button::after{transition:none}}

.pasarela:has(.escena:only-child) .escena-imagen{animation:none}

/* Encabezado con logotipo, controles con relieve y ampliación de fotografías. */
.cabecera{min-height:106px}.marca.marca-logo{min-width:175px;max-width:245px;min-height:70px;display:flex;align-items:center;justify-content:flex-start}.marca-logo .logo{width:auto;max-width:230px;height:76px;object-fit:contain;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}.cabecera nav{gap:10px}.cabecera nav>a{padding:11px 13px;border:1px solid #cfdfeb;border-radius:9px;background:linear-gradient(180deg,#fff,#edf5fb);color:#16496e;box-shadow:0 4px 0 #c2d5e3,0 7px 13px #17486a10;font-weight:650;transition:transform .2s,box-shadow .2s,background .2s}.cabecera nav>a[aria-current=page]{background:linear-gradient(160deg,#2475ac,#155785);border-color:#1d628f;color:#fff;box-shadow:0 4px 0 #0d3d62,0 8px 16px #155f9630}.cabecera nav>a[aria-current=page]::after{display:none}.cabecera nav .acceso{background:linear-gradient(160deg,#eef7ed,#dfeddd);color:#315f3c;border-color:#c6dcc3;box-shadow:0 4px 0 #acc7a8,0 7px 13px #315f3c12}.boton{border:1px solid #155b8b;border-radius:9px;background:linear-gradient(155deg,#287aad,#155785);box-shadow:0 5px 0 #0e3f63,0 9px 18px #155f9625;transition:transform .2s,box-shadow .2s,filter .2s}.boton.claro{background:linear-gradient(#fff,#eaf3fa);border-color:#c1d7e7;box-shadow:0 5px 0 #a9c6db,0 9px 20px #0c2e4938}.boton.whatsapp{background:linear-gradient(155deg,#4d8a58,#31663f);border-color:#2e643b;box-shadow:0 5px 0 #234b2d,0 9px 18px #315f3c25}.escena-acciones .agregar{box-shadow:0 5px 0 #0e3f63,0 9px 18px #155f9625}.menu-toggle,.banner-controles button,.pasarela-flechas button{background:linear-gradient(#fff,#eaf3fa);border:1px solid #c7ddea;border-radius:7px;box-shadow:0 3px 0 #bbd0df,0 6px 12px #17486a0d;transition:transform .2s,box-shadow .2s}.flotante{border-radius:10px;background:linear-gradient(155deg,#287aad,#155785);box-shadow:0 5px 0 #0d3f64,0 10px 25px #155f9638}.banner-controles{padding:18px 3px;gap:12px}.banner-controles #banner-pausa{width:auto;min-width:78px;padding:0 12px;font-size:11px}.banner:not([hidden]) .hero-contenido{animation:banner-entrada .65s ease both}.banner:not([hidden]) .banner-foto{animation:banner-foto-entrada 1s ease both}.foto img,.escena-imagen img,.hero-visual img{transition:transform .5s cubic-bezier(.2,.65,.25,1),filter .5s;will-change:auto}.foto{background:linear-gradient(140deg,#fff,#f0f6fa)}.foto img{padding:22px}.escena-imagen{overflow:hidden}.producto:focus-within .foto{box-shadow:inset 0 0 0 2px #8eb9d7}.boton:active,.cabecera nav>a:active,.menu-toggle:active,.banner-controles button:active,.pasarela-flechas button:active{transform:translateY(3px);box-shadow:0 1px 0 #9bb8cc,0 3px 7px #17486a14}
@media(hover:hover) and (pointer:fine){.cabecera nav>a:hover,.boton:hover,.menu-toggle:hover,.banner-controles button:hover,.pasarela-flechas button:hover{transform:translateY(-2px);filter:brightness(1.04)}.cabecera nav>a:hover{box-shadow:0 6px 0 #b5ccdd,0 11px 20px #17486a20}.cabecera nav>a[aria-current=page]:hover{box-shadow:0 6px 0 #0d3d62,0 11px 20px #155f9635}.producto .foto:hover img,.producto:focus-within .foto img{transform:scale(1.12)}.escena-visual:hover .escena-imagen img{transform:scale(1.12)}.hero-visual:hover img{transform:rotate(-2deg) scale(1.07)}}
@keyframes banner-entrada{from{opacity:.3;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes banner-foto-entrada{from{opacity:.4;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.cabecera nav{gap:8px}.cabecera nav>a{font-size:11px;padding:10px 11px}.marca.marca-logo{min-width:150px;max-width:205px}.marca-logo .logo{max-width:200px;height:70px}}
@media(max-width:800px){.cabecera nav{gap:10px;padding:13px;border-radius:12px}.cabecera nav>a,.cabecera nav>a:not(.acceso),.cabecera nav>a:first-child{padding:12px 15px;font-size:13px;border-radius:7px}.cabecera nav>a[aria-current=page]{background:linear-gradient(160deg,#2475ac,#155785);color:#fff}.cabecera nav .acceso{margin-top:4px}.marca.marca-logo{min-height:60px}.cabecera{min-height:95px}}
@media(max-width:600px){.marca.marca-logo{min-width:140px;max-width:220px;min-height:58px}.marca-logo .logo{max-width:210px;height:64px}.cabecera{padding-top:14px;padding-bottom:18px;min-height:92px}.boton{border-radius:8px}.banner-controles{gap:10px}.banner-controles button{min-height:36px}.foto img{padding:18px}}
@media(prefers-reduced-motion:reduce){.banner .hero-contenido,.banner .banner-foto{animation:none!important}.foto img,.escena-imagen img,.hero-visual img{transition:none}.cabecera nav>a,.boton,.menu-toggle,.banner-controles button,.pasarela-flechas button{transition:none}}

main,footer{overflow-wrap:anywhere}.contacto>div,.sobre-resumen>div,.historia>div,.valores article{min-width:0}.hero-contenido,.pasarela-cabecera>div{min-width:0}

/* Fondo corporativo: marco azul, líneas geométricas y superficies claras. */
body{position:relative;isolation:isolate;min-height:100vh;background:radial-gradient(ellipse at 0% 55%,#bed6e759,transparent 48%),radial-gradient(ellipse at 100% 90%,#c8dece66,transparent 40%),linear-gradient(135deg,#e4edf5 0%,#f0f5f9 50%,#e1ebf3 100%);color:#18384d;padding-top:1px}
body::before{content:"";position:absolute;top:0;left:0;right:0;height:650px;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 15% 0%,#337fae70,transparent 55%),radial-gradient(ellipse at 95% 40%,#50806f45,transparent 48%),linear-gradient(125deg,#103852,#154e74 50%,#123e57);clip-path:polygon(0 0,100% 0,100% 77%,0 100%)}
body::after{content:"";position:absolute;inset:0 0 auto;height:650px;z-index:-1;pointer-events:none;background-image:linear-gradient(120deg,transparent 38%,#a5d4f10b 38.1%,#a5d4f10b 38.3%,transparent 38.4%),repeating-linear-gradient(0deg,transparent,transparent 79px,#daedfa08 79px,#daedfa08 80px),repeating-linear-gradient(90deg,transparent,transparent 79px,#daedfa08 79px,#daedfa08 80px);clip-path:polygon(0 0,100% 0,100% 77%,0 100%)}
.cabecera{width:calc(100% - 32px);max-width:1280px;margin:18px auto 24px;background:linear-gradient(140deg,#fff,#f2f7fb);border:1px solid #ffffffbc;border-bottom:3px solid #cee0d2;border-radius:16px;box-shadow:0 10px 30px #06263d23;padding-left:28px;padding-right:28px}
main{width:calc(100% - 32px);max-width:1280px;margin:0 auto;padding:24px 28px 1px;background:#f8fbfd;border:1px solid #dce8f1;border-radius:22px;box-shadow:0 18px 50px #163f6012,0 3px 8px #163f6006}
.pasarela{background:radial-gradient(ellipse at 95% 18%,#d4e9f340,transparent 55%),linear-gradient(125deg,#e9f3fc,#fff 60%,#edf5ee);box-shadow:0 12px 30px #164e7910;border-color:#d3e5f1}
.pagina-intro{background:linear-gradient(120deg,#e4eff8,#f5f9fc);border-radius:5px 16px 16px 5px;box-shadow:0 6px 20px #18496808}
.producto{box-shadow:0 5px 18px #173f6008;border-color:#dce6ee}.producto:hover{box-shadow:0 15px 30px #153e6415}.escena.producto{box-shadow:none}
.sobre-resumen{background:linear-gradient(125deg,#edf5ef,#e8f1f5);border:1px solid #d9e7e2;border-radius:14px}.contacto{background:linear-gradient(120deg,#e7f1f9,#f0f6f8 58%,#eaf3ec);border:1px solid #d6e5ec;border-radius:14px;box-shadow:0 6px 22px #18496808}.servicios{background:linear-gradient(90deg,#ffffff00,#fff9,#ffffff00);border-color:#d9e5ec}
footer{width:calc(100% - 32px);max-width:1280px;margin:24px auto 0;padding:30px 28px 0;background:linear-gradient(135deg,#fff,#edf4f8);border:1px solid #d9e5ee;border-radius:18px 18px 0 0;box-shadow:0 -4px 25px #143e5a04}.footer-empresa strong{color:#174d72}.creditos{border-top-color:#d6e2ea;background:#ffffff60;margin-left:-28px;margin-right:-28px;border-radius:0;padding-left:15px;padding-right:15px}.preview{position:relative;z-index:1}
@media(max-width:900px){.cabecera{padding-left:22px;padding-right:22px}main{padding:18px 20px 1px}footer{padding-left:22px;padding-right:22px}.creditos{margin-left:-22px;margin-right:-22px}}
@media(max-width:600px){body::before,body::after{height:500px}.cabecera{width:calc(100% - 20px);margin:12px auto 15px;padding-left:15px;padding-right:15px;border-radius:12px;box-shadow:0 6px 20px #06263d20}main{width:calc(100% - 20px);padding:12px 12px 1px;border-radius:15px;box-shadow:0 12px 30px #163f6012}.pasarela{border-radius:10px}.sobre-resumen,.contacto{border-radius:11px}.pagina-intro{padding-left:22px;padding-right:22px;border-radius:4px 11px 11px 4px}footer{width:calc(100% - 20px);margin-top:18px;padding:25px 18px 65px;border-radius:13px 13px 0 0}.creditos{margin-left:-18px;margin-right:-18px}.escena-info{padding-left:20px;padding-right:20px}}
@media print{body{background:#fff}body::before,body::after{display:none}.cabecera,main,footer{box-shadow:none}}

/* Pie gris con matiz azul y contactos administrables. */
footer.pie-publico{display:block;background:linear-gradient(130deg,#354451,#293844 65%,#26343f);border:1px solid #3e5363;border-top:3px solid #6c98b6;border-radius:18px 18px 0 0;color:#e7f0f7;padding:40px 34px 0;box-shadow:0 -8px 35px #143a5410;margin-top:28px;overflow-wrap:anywhere}.pie-columnas{display:grid;grid-template-columns:1fr 1.25fr .85fr;gap:40px;padding-bottom:30px}.pie-publico .pie-identidad h2{font:650 23px/1.35 "Segoe UI",Arial,sans-serif;color:#fff;letter-spacing:-.4px;margin:0 0 12px}.pie-publico h3{font-size:12px;text-transform:uppercase;letter-spacing:1.4px;color:#f5f9fc;margin:0 0 20px}.pie-identidad>p{color:#cbd9e4;font-size:13px;line-height:1.8;margin:0 0 24px}.pie-publico .pie-logo{width:auto;height:65px;max-width:180px;border:1px solid #d2dce4;border-radius:8px;background:white;padding:7px;object-fit:contain;margin-bottom:18px}.pie-identidad>h3{margin:23px 0 12px}.pie-redes{display:flex;flex-wrap:wrap;gap:10px}.pie-publico .pie-red{width:43px;height:43px;display:grid;place-items:center;border:1px solid #6c8191;border-radius:10px;background:linear-gradient(#4a5d6b,#3a4e5d);color:#fff;box-shadow:0 4px 0 #1c2b36,0 8px 14px #12233035;transition:transform .2s,background .2s}.pie-red svg{width:22px;height:22px}.pie-red:hover{transform:translateY(-3px)}.pie-red-facebook:hover{background:#24659a}.pie-red-instagram:hover{background:linear-gradient(135deg,#6c4b94,#9e426c)}.pie-red-tiktok:hover{background:#1c2e3b}.pie-publico a:focus-visible{outline:3px solid #a6d4f2;outline-offset:4px}.pie-contactos ul{padding:0;margin:0;list-style:none;display:grid;gap:18px}.pie-contactos li{display:flex;align-items:flex-start;gap:12px}.pie-contactos li>svg{width:19px;height:19px;flex-shrink:0;color:#adcedf;margin-top:2px}.pie-contactos li>div{min-width:0}.pie-contactos li span{display:block;font-size:10px;color:#b5c9d7;letter-spacing:.4px;margin-bottom:4px}.pie-contactos li a,.pie-contactos li p{font-size:13px;line-height:1.7;color:#f0f5f9;margin:0;white-space:normal}.pie-contactos li a:hover{color:#c5e5f8;text-decoration:underline;text-underline-offset:3px}.pie-explorar nav{display:grid;gap:12px}.pie-explorar nav a{font-size:12px;color:#dbe8f0;display:flex;justify-content:space-between;gap:12px;max-width:230px}.pie-explorar nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.pie-explorar nav a>span{color:#91b4cb}.pie-sucursales{border-top:1px solid #546876;margin-top:25px;padding-top:20px}.pie-sucursales h3{margin-bottom:14px}.pie-sucursales p{font-size:12px;color:#d6e2eb;line-height:1.7;margin:14px 0}.pie-derechos{font-size:10px;color:#c0d0dc;border-top:1px solid #526574;padding:18px 0}.pie-publico .creditos{margin:0 -34px;padding:16px 20px;background:#202e39;border-top:1px solid #405463;color:#c2d1dd;font-size:10px;letter-spacing:.4px;text-align:center}.pie-columnas>section{min-width:0}.pie-columnas.pie-sin-contactos{grid-template-columns:1.2fr 1fr}
@media(max-width:900px){.pie-columnas{gap:25px;grid-template-columns:1fr 1.25fr}.pie-explorar{grid-column:1/-1}.pie-explorar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 25px}.pie-explorar nav a{max-width:100%}.pie-columnas.pie-sin-contactos .pie-explorar{grid-column:auto}.pie-columnas.pie-sin-contactos .pie-explorar nav{grid-template-columns:1fr}}
@media(max-width:600px){footer.pie-publico{padding:30px 23px 0;border-radius:13px 13px 0 0;margin-top:20px}.pie-columnas,.pie-columnas.pie-sin-contactos{grid-template-columns:1fr;gap:28px;padding-bottom:26px}.pie-explorar,.pie-columnas.pie-sin-contactos .pie-explorar{grid-column:auto}.pie-explorar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}.pie-publico .pie-identidad h2{font-size:22px}.pie-publico h3{font-size:11px;margin-bottom:17px}.pie-identidad>p{font-size:12px}.pie-contactos li a,.pie-contactos li p{font-size:12px}.pie-publico .creditos{margin-left:-23px;margin-right:-23px;padding-bottom:88px}.pie-derechos{font-size:9px;line-height:1.8}.pie-red{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.pie-publico .pie-red{transition:none}}

/* Banners luminosos: imagen con vida y texto sobre un panel localizado. */
.banners .banner{border-radius:16px;border:1px solid #c9ddec;box-shadow:0 12px 30px #123f6020;isolation:isolate}.banners .banner-sombra{background:linear-gradient(90deg,#0b29451f 0%,#0b294509 48%,transparent 80%);pointer-events:none}.banners .banner-foto{filter:brightness(1.06) saturate(1.1) contrast(1.02);transform-origin:65% 50%;opacity:1}.banners .hero-contenido{padding:28px 30px;background:linear-gradient(125deg,#0d3455e8,#123f61d1);border:1px solid #d7edff40;border-radius:17px;box-shadow:0 15px 35px #07253c30;max-width:560px;backdrop-filter:blur(4px)}.banners .hero h1{font-size:clamp(34px,3.8vw,55px);margin:16px 0;color:#fff;text-shadow:0 3px 14px #041b2d4d}.banners .hero p{color:#f1f7fc;line-height:1.75;margin-bottom:10px}.banners .hero .eyebrow{color:#d2edcf}.banners .hero .boton.claro{margin-top:15px;border-radius:9px;box-shadow:0 5px 0 #9bbdd5,0 12px 24px #03223950}.banners .banner::after{content:"";position:absolute;inset:-50% auto -50% -60%;width:30%;background:linear-gradient(100deg,transparent,#ffffff26,transparent);transform:translateX(-100%) skewX(-18deg);pointer-events:none;z-index:1}.banners .banner:not([hidden])::after{animation:banner-reflejo 1.8s .2s ease-out both}.banners .banner:not([hidden]) .banner-foto{animation:banner-zoom-elegante 4.5s ease-out both}.banners[data-multiple=true] .banner:not([hidden]) .banner-foto{animation-duration:60s;animation-timing-function:linear}.banners[data-animando=false] .banner:not([hidden]) .banner-foto{animation-play-state:paused}.banners .banner:not([hidden]) .hero-contenido{animation:banner-panel-entrada .7s ease both}.banners .banner:not([hidden]) .hero-contenido>.eyebrow{animation:banner-texto-entrada .6s .12s ease both}.banners .banner:not([hidden]) .hero-contenido>h1{animation:banner-texto-entrada .65s .2s ease both}.banners .banner:not([hidden]) .hero-contenido>p{animation:banner-texto-entrada .65s .3s ease both}.banners .banner:not([hidden]) .hero-contenido>.boton{animation:banner-texto-entrada .6s .4s ease both}.banner-controles{margin-top:3px}
@keyframes banner-zoom-elegante{from{transform:scale(1) translateX(0)}to{transform:scale(1.045) translateX(-.6%)}}@keyframes banner-panel-entrada{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes banner-texto-entrada{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes banner-reflejo{from{left:-60%;opacity:0}18%{opacity:1}to{left:140%;opacity:0}}
@media(max-width:900px){.banners .hero-contenido{padding:24px}.banners .hero h1{font-size:40px}}
@media(max-width:600px){.banners .banner{padding:25px 20px;min-height:400px;border-radius:11px}.banners .hero-contenido{padding:23px 21px;border-radius:13px;background:linear-gradient(125deg,#0d3455e8,#123f61cc)}.banners .hero h1{font-size:36px;letter-spacing:-1px}.banners .hero p{font-size:13px;line-height:1.8}.banners .banner-foto{transform-origin:68% 50%}.banners .hero .boton.claro{font-size:12px;padding:14px 18px}}
@media(prefers-reduced-motion:reduce){.banners .banner::after{display:none}.banners .banner-foto,.banners .hero-contenido,.banners .hero-contenido>*{animation:none!important;transform:none!important}}

/* Direcciones públicas con mapas: hasta cuatro tarjetas. */
.sedes-web{max-width:1280px;margin:30px auto 64px;padding:0 28px;color:#182d49}.sedes-web>header{margin-bottom:24px}.sedes-web h2{font-size:clamp(26px,3vw,36px);margin:10px 0}.sedes-web>header p{color:#4a6078}.sedes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sede-web{overflow:hidden;border:1px solid #bdcfe0;border-radius:20px;background:#fff;box-shadow:0 8px 0 #dce6f0,0 18px 36px #153e6412}.sede-info{padding:24px}.sede-info h3{margin:0 0 12px;color:#113b65;font-size:23px}.sede-info p{line-height:1.7;color:#354c65;overflow-wrap:anywhere}.sede-info .boton{font-size:14px;padding:12px 18px}.sede-mapa{display:block;width:100%;height:280px;border:0;border-top:1px solid #d2dfed;background:#e9eff5}@media(max-width:700px){.sedes-web{padding:0 18px}.sedes-grid{grid-template-columns:1fr}.sede-info{padding:20px}.sede-mapa{height:240px}}

/* Mapa compacto junto a los datos de cada sucursal. */
.sedes-web{padding:0;margin-bottom:40px}.sedes-grid{gap:20px}.sede-web{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,1.1fr);align-items:stretch;border-radius:15px;box-shadow:0 5px 0 #dce6f0,0 12px 25px #153e6410}.sede-info{padding:20px;align-self:center}.sede-info h3{font-size:20px}.sede-info p{font-size:14px;line-height:1.6}.sede-info .boton{font-size:12px;padding:10px 12px;gap:8px}.sede-mapa{width:100%;max-width:360px;height:230px;align-self:center;justify-self:end;border-top:0;border-left:1px solid #d2dfed}.sede-web.sede-sin-mapa{grid-template-columns:1fr}@media(min-width:701px) and (max-width:1100px){.sedes-grid{grid-template-columns:1fr}.sede-web{grid-template-columns:minmax(0,1fr) minmax(240px,360px)}}@media(max-width:700px){.sedes-web{padding:0}.sedes-grid{grid-template-columns:1fr}.sede-web{grid-template-columns:1fr}.sede-info{padding:20px}.sede-mapa{justify-self:center;max-width:100%;height:220px;border-left:0;border-top:1px solid #d2dfed}}