:root{
  /* LPZ Propiedades (16/9). Los NOMBRES son los del portal de Fran, del que salió este: «verde»
     acá es el carbón de la marca de Luis. Se dejaron así para no tocar cientos de reglas; lo que
     cambia es el valor. Paleta tomada del logo: naranja de la corona, carbón y gris metal. */
  --verde: #2B2825;
  --verde-claro: #45403A;
  --tinta: #1D1B19;
  --tinta-suave: #56504A;
  --gris: #6E6861;
  --naranja: #F07318;
  --corazon: #FF3B5C;
  --hueso: #F4F3F0;
  --crema: #ECEAE6;
  --borde: #E2DFDA;
  --borde-fuerte: #D8D4CE;
  --naranja-oscuro: #AE500B;
  --naranja-claro: #F6A96A;
  --naranja-suave: #FCEEE2;
  --naranja-palido: #FFC89F;
  --naranja-borde: #F6D9BF;
  --verde-suave: #EFEDE9;
  --verde-palido: #F7F6F3;
  --verde-medio: #3A3531;
  --verde-hondo: #24211E;
  --hueso-2: #F1F0EC;
  --hueso-3: #EEECE8;
  --hueso-4: #EBE9E4;
  --borde-suave: #E5E2DD;
  --whatsapp: #25D366;
  --verde-noche: #1B1917;
  --ok: #1E8A50;
  --ok-claro: #4ADE80;
  --ok-suave: #E4F2EA;
  --borde-2: #C9C4BD;
  --borde-3: #DBD7D1;
  --borde-4: #DCD8D2;
  --borde-5: #ECEAE5;
  /* los dos emprendimientos, con su propia paleta (de sus webs) */
  --torre-terracota: #9C3A20;
  --torre-terracota-claro: #C9542F;
  --torre-crema: #F3EBDD;
  --torre-tinta: #1F1A17;
  --torre-noche: #14100E;
  --aires-verde: #204136;
  --aires-verde-hondo: #1A362E;
  --aires-crema: #E8E4D8;
  --aires-arena: #D9C9A3;
  --aires-noche: #10221C;
}

/* `sc-if` en el editor NO crea un nodo: rinde como fragmento. El envase que
   emite el transpilador sí lo crea, y eso rompe todo layout donde los hijos
   tenían que ser hermanos — en el encabezado, la navegación y el botón
   quedaban adentro de UN solo item de flex. `display:contents` borra la caja
   y deja pasar a los hijos, que es exactamente lo que hacía el fragmento.
   El !important del hidden le gana, así que ocultar sigue funcionando. */
[data-si]{display:contents}
[hidden]{display:none !important}

/* Los hover y foco que el editor guardaba en atributos propios. */
[data-fx~="fx-1"]:hover{background:#D6620D;transform:translateY(-2px);}
[data-fx~="fx-2"]:hover{background:#D6620D;}
[data-fx~="fx-3"]:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(43,40,37,.1),0 28px 56px rgba(43,40,37,.07);}
[data-fx~="fx-4"]:hover{background:#1EB558;}
[data-fx~="fx-5"]:hover{border-color:var(--verde-claro);}
[data-fx~="fx-6"]:hover{background:rgba(255,255,255,.18);}
[data-fx~="fx-7"]:hover{border-color:var(--verde-claro);transform:translateY(-3px);box-shadow:0 1px 2px rgba(43,40,37,.04),0 8px 20px rgba(43,40,37,.08);}
[data-fx~="fx-8"]:hover{transform:scale(1.07);}
[data-fx~="fx-9"]:hover{border-color:var(--verde-claro);transform:translateY(-3px);}

/* Ajustes de contraste medidos sobre el sitio armado, no a ojo. */

/* El verde `--ok` (#1E8A50) con blanco da 4.37 y el badge es texto chico:
   hace falta 4.5. Éste da 4.71 y a ojo es el mismo verde. */
:root{--ok-fuerte:#1D844D}

/* `--gris` daba 4.38 sobre `--hueso-4` (#F3F4EE), la superficie más
   oscura donde se lo usa — cuatro párrafos del recorrido de firmas. Con
   este otro da 4.62 y sobre blanco queda igual de sobrio. */
:root{--gris:#63716C}

/* Los numerales 1-4 del recorrido: `--borde-2` daba 1.44 y son el orden
   de los pasos, no adorno. Éste da 3.14, que es el mínimo para texto
   grande, y los deja igual de discretos. */
:root{--numeral:#878B82}