/* Estilos compartidos por todas las páginas de elebix.com */
:root{--papel:#F5F3EE;--blanco:#FFFFFF;--tinta:#16161A;--gris:#55534E;--linea:#D9D5CB;--acento:#C2410C;--acento-osc:#F0915F;--suave-osc:#B9B6AE;--mono:'IBM Plex Mono',ui-monospace,monospace;--sans:'IBM Plex Sans',system-ui,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:72px;scroll-padding-bottom:80px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
body{margin:0;background:var(--papel);color:var(--tinta);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
button{font:inherit;color:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--acento);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.contenedor{max-width:1160px;margin:0 auto;padding:0 16px}
.mono{font-family:var(--mono)}
.etiqueta{font:500 13px/1.4 var(--mono);letter-spacing:.03em;color:var(--acento);text-transform:uppercase;margin:0 0 12px}

/* Encabezado: el mismo menú en todas las páginas */
header{position:sticky;top:0;z-index:10;background:var(--papel);border-bottom:1px solid var(--borde)}
header .contenedor{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--alto-cab,56px);position:relative}
.marca{font-weight:600;font-size:20px;letter-spacing:-.03em;text-decoration:none}
.marca b{color:var(--acento)}
.nav-ancha{display:flex;gap:22px;font-size:14px;margin-left:auto}
.nav-ancha a{text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.nav-ancha a:hover,.nav-ancha a[aria-current="page"]{border-bottom-color:var(--acento)}
.acciones{display:flex;align-items:center;gap:8px}
.btn-cab{font:500 14px var(--sans);text-decoration:none;background:var(--oscuro);color:var(--papel);padding:0 14px;min-height:40px;display:inline-flex;align-items:center}
.menu{display:none}
.menu summary{list-style:none;cursor:pointer;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--borde);font-size:18px}
.menu summary::-webkit-details-marker{display:none}
.menu nav{position:absolute;left:0;right:0;top:var(--alto-cab,56px);background:var(--papel);border-bottom:1px solid var(--borde);display:grid}
.menu nav a{padding:14px 16px;text-decoration:none;border-top:1px solid var(--linea);font-size:16px}
.menu nav a[aria-current="page"]{font-weight:600}
@media (max-width:860px){.nav-ancha{display:none}.menu{display:block}}

/* Secciones y textos */
section.bloque{padding:88px 0;border-top:1px solid var(--borde)}
h2{font-size:clamp(28px,4.4vw,44px);line-height:1.08;letter-spacing:-.03em;font-weight:600;margin:0 0 16px;max-width:22ch}
.intro{color:var(--gris);max-width:60ch;margin:0 0 40px;font-size:17px}
@media (max-width:760px){section.bloque{padding:56px 0}.intro{margin-bottom:28px;font-size:16px}h2{margin-bottom:12px}}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font:500 15px var(--sans);text-decoration:none;padding:10px 18px;border:1px solid var(--borde);background:var(--blanco);cursor:pointer}
.btn.lleno{background:var(--oscuro);color:var(--papel);box-shadow:var(--sombra-acento)}
.pronto{display:inline-block;font:500 12px var(--mono);border:1px solid currentColor;padding:1px 8px;white-space:nowrap}
.foto{border:1px solid var(--borde);background:repeating-linear-gradient(-45deg,transparent 0 10px,var(--linea) 10px 11px),var(--blanco);display:grid;place-items:center;font:12px var(--mono);color:var(--gris);text-align:center;padding:12px}

/* Contacto y pie */
.contacto{background:var(--oscuro);color:var(--papel);border-top:0}
.contacto h2{color:var(--papel)}
.contacto .intro{color:var(--suave-osc)}
.contacto .etiqueta{color:var(--acento-osc)}
.correo-fila{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.correo{display:inline-block;font:500 clamp(22px,4vw,40px) var(--sans);letter-spacing:-.02em;color:var(--papel);border-bottom:2px solid var(--acento-osc);text-decoration:none;padding-bottom:4px}
.copiar{border:1px solid var(--oscuro-gris);background:none;color:var(--papel);font:500 13px var(--mono);padding:0 14px;min-height:40px;cursor:pointer}
.sin-js .copiar{display:none}
footer{background:var(--oscuro);color:var(--oscuro-gris);font:13px var(--mono);padding:24px 0;border-top:1px solid var(--oscuro-linea)}
footer .contenedor{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}