/* Estilo visual de elebix.com: "Grafito". Crema, grafito y bronce; títulos con serifa clásica (Source Serif 4);
   bordes suaves y sombras difusas. Va después de los estilos de cada página y define colores, bordes,
   sombras y tipografías. */

:root{
  --papel:#F7F6F3;--blanco:#FFFFFF;--tinta:#17191C;--gris:#5C6068;--linea:#E6E3DD;
  --borde:#DCD8D0;--oscuro:#17191C;--oscuro-texto2:#C9CBD0;--oscuro-gris:#8A8E96;--suave-osc:#A9ADB4;
  --oscuro-linea:#2E3136;--oscuro-pista:#2A2D32;--oscuro-hover:#22252A;
  --acento:#9A5B22;--acento-osc:#D9A066;--sobre-acento:#FFFFFF;--tachado:#80838A;--cuadricula:rgba(23,25,28,.035);
  --sombra-chica:0 1px 2px rgba(23,25,28,.06),0 4px 12px rgba(23,25,28,.06);
  --sombra-media:0 2px 4px rgba(23,25,28,.05),0 12px 28px rgba(23,25,28,.09);
  --sombra-grande:0 4px 8px rgba(23,25,28,.05),0 24px 48px rgba(23,25,28,.10);
  --sombra-acento:0 1px 2px rgba(23,25,28,.10),0 6px 16px rgba(23,25,28,.12);
  --sombra-acento-grande:var(--sombra-grande);
  --radio:14px;--radio-chico:8px;
  --titulos:'Source Serif 4',Georgia,serif;--peso-titulos:600;--tracking:-.015em;
  --etiqueta-fuente:var(--sans);--etiqueta-tracking:.14em;--etiqueta-tam:12px;
  --logo:'Geist',var(--sans);
  --alto-cab:64px;
}

/* Tipografía de títulos y etiquetas */
h1,h2,.titular h1,.persona h3,.fila h3,.pasos b,.condiciones h3,.caso .quien h3,.proy b,.calc .grande,.cifras b,.correo{
  font-family:var(--titulos);font-weight:var(--peso-titulos);letter-spacing:var(--tracking)}
.caso .quien h3{font-size:18px;line-height:1.3}
.etiqueta{font-family:var(--etiqueta-fuente);letter-spacing:var(--etiqueta-tracking);font-size:var(--etiqueta-tam)}

/* Logo: "elebi" + la x con nodo */
.marca{display:inline-flex;align-items:baseline;font:700 30px/1 var(--logo);letter-spacing:-.05em;color:var(--tinta);text-decoration:none}
@media (max-width:760px){.marca{font-size:26px}}
.marca-x{width:.74em;height:.74em;margin-left:-.03em;transform:translateY(.1em);flex:none}
.marca-x path{stroke:currentColor}
.marca-x rect{fill:var(--acento)}

/* Bordes redondeados */
.btn,.btn-cab,.copiar,.menu summary,.sintoma,.campo-otro textarea,.aviso-movil,.total-movil,.fila.destacada,.nodo,.miembro .foto{border-radius:var(--radio-chico)}
.caso,.calc,.proy,.condiciones,.comercio,.resultado,.persona .foto,.referencia{border-radius:var(--radio)}
.moneda,.modos,.campo .plata{border-radius:var(--radio-chico);overflow:hidden}
.resultado,.comercio{overflow:hidden}
.pronto{border-radius:999px}
.calc .total{border-radius:0 var(--radio) var(--radio) 0}
@media (max-width:860px){.calc .total{border-radius:0 0 var(--radio) var(--radio)}}

/* Contornos suaves, botones sin sombra corrida y encabezado translúcido */
.caso,.calc,.proy,.resultado,.sintoma,.comercio{border-color:var(--borde)}
.btn:not(.lleno){border-color:var(--borde)}
.btn.lleno,.btn-cab{box-shadow:none}
.btn.lleno:hover,.btn-cab:hover{background:var(--oscuro-hover)}
header{border-bottom-color:var(--linea);background:color-mix(in srgb,var(--papel) 88%,transparent);backdrop-filter:saturate(1.2) blur(10px)}
.fijo{background-size:32px 32px}
section.bloque{border-top-color:var(--linea)}
.contacto{border-top:0}