/* RENDRAX · selfserve-light.css · v68.8 · el panel del CLIENTE en claro, con luz (la casa: "tiene que tener luz, vida, activo"). Misma paleta que la landing. */
body.ss { --papel: #F4F1EA; --hoja: #FFFFFF; --hoja-2: #F7F5EF; --carbon: #111318; --tinta: #111318; --gris: #5B6170; --gris-2: #7C8494;
  --linea: rgba(17,19,24,.12); --linea-2: rgba(17,19,24,.22); --naranja: #1D4ED8; --naranja-2: #3B6CF0; --naranja-oscuro: #1640B5; --verde: #1FAE7A; --verde-2: #1FAE7A;
  --rojo: #C2410C; --ambar: #B7791F; --sombra: 6px 6px 0 rgba(17,19,24,.9); --sombra-2: 4px 4px 0 rgba(17,19,24,.9); --radio: 16px; background: var(--papel); color: var(--tinta); }
body.ss .barra { background: var(--papel); border-bottom: 2px solid var(--tinta); backdrop-filter: none; }
body.ss .marca { color: var(--tinta); }
body.ss .marca-r { color: var(--tinta); background: var(--tinta); color: #D7F35A; border-radius: 7px; padding: 0 7px; margin-right: 6px; font-size: 16px; }
body.ss .barra-nav a, body.ss .barra-nav .enlace { color: var(--tinta); font-weight: 600; text-decoration: none; }
body.ss .barra-nav a:hover, body.ss .barra-nav .enlace:hover { color: var(--naranja); }
body.ss .ss-lang { color: var(--tinta); border: 2px solid var(--tinta); background: #fff; border-radius: 8px; }
body.ss .hoja { background: var(--hoja); border: 2px solid var(--tinta); box-shadow: var(--sombra); border-radius: 18px; }
body.ss .hoja-cabecera { background: var(--hoja); color: var(--tinta); }
body.ss .hoja-cabecera:before { background: radial-gradient(closest-side, rgba(215,243,90,.9), transparent 70%); }
body.ss .titulo, body.ss .titulo-2, body.ss .ss-h2 { color: var(--tinta); }
body.ss .ss-kicker { color: var(--tinta); background: #D7F35A; display: inline-block; padding: 4px 10px; border-radius: 6px; border: 2px solid var(--tinta); font-weight: 700; }
body.ss .ss-sub, body.ss .ss-cuota-txt, body.ss .ss-red, body.ss .ss-pieza-meta, body.ss .ss-nota, body.ss .ss-slider { color: var(--gris); }
body.ss .boton { background: #fff; color: var(--tinta); border: 2px solid var(--tinta); box-shadow: 3px 3px 0 var(--tinta); border-radius: 10px; }
body.ss .boton:hover { background: #D7F35A; color: var(--tinta); transform: translate(-1px, -1px); box-shadow: 4px 4px 0 var(--tinta); }
body.ss .boton-principal { background: var(--naranja); color: #fff; border-color: var(--tinta); }
body.ss .boton-principal:hover { background: var(--naranja-oscuro); color: #fff; }
body.ss .boton[disabled] { opacity: .5; box-shadow: none; }
body.ss .hoja-cabecera .boton { background: #fff; color: var(--tinta); border-color: var(--tinta); }
body.ss .ss-cuota-num { color: var(--tinta); } body.ss .ss-cuota-num b { color: var(--naranja); }
body.ss .ss-barra { background: rgba(17,19,24,.1); border: 2px solid var(--tinta); height: 12px; }
body.ss .ss-barra span { background: #D7F35A; }
body.ss .ss-pasos li { color: var(--gris); border: 2px solid var(--linea-2); background: #fff; }
body.ss .ss-pasos li.activo { color: var(--tinta); border-color: var(--naranja); }
body.ss .ss-pasos li.ok { color: var(--tinta); border-color: var(--verde); background: #EAF8F1; }
body.ss .ss-kit input, body.ss .ss-kit select, body.ss .ss-kit textarea, body.ss .ss-pagar input[type=email], body.ss .ss-redo-form input { background: #fff; color: var(--tinta); border: 2px solid var(--tinta); }
body.ss .ss-kit label, body.ss .ss-pagar label { color: var(--tinta); }
body.ss .ss-ganchos, body.ss .ss-caption pre, body.ss .ss-muestra-marco { background: var(--hoja-2); color: var(--tinta); border: 2px solid var(--linea-2); }
body.ss .ss-plan-cuerpo { border: 2px solid var(--tinta); background: #fff; box-shadow: 4px 4px 0 var(--tinta); }
body.ss .ss-plan input:checked + .ss-plan-cuerpo { background: var(--tinta); color: #fff; box-shadow: 6px 6px 0 var(--naranja); }
body.ss .ss-plan input:checked + .ss-plan-cuerpo ul, body.ss .ss-plan input:checked + .ss-plan-cuerpo .ss-precio small { color: #D6DAE3; }
body.ss .ss-plan input:checked + .ss-plan-cuerpo .ss-piezas { color: #D7F35A; }
body.ss .ss-plan-cuerpo ul { color: var(--gris); } body.ss .ss-plan-cuerpo li { border-top: 1px solid var(--linea); }
body.ss .ss-piezas { color: var(--naranja); } body.ss .ss-pop { background: #D7F35A; color: var(--tinta); border: 2px solid var(--tinta); }
body.ss .ss-dia { background: #fff; border: 2px solid var(--linea-2); } body.ss .ss-dia.hoy { border-color: var(--naranja); box-shadow: 3px 3px 0 var(--naranja); }
body.ss .ss-dia-n { color: var(--gris); font-weight: 700; }
body.ss .ss-mini { background: var(--hoja-2); color: var(--gris); }
body.ss .ss-pieza { background: #fff; border: 2px solid var(--tinta); box-shadow: 5px 5px 0 var(--tinta); border-radius: 16px; }
body.ss .ss-pieza-img { background: var(--hoja-2); } body.ss .ss-pieza-holder { color: var(--gris); }
body.ss .ss-tag { background: var(--tinta); color: #D7F35A; }
body.ss .ss-pieza-tit { color: var(--tinta); }
body.ss .ss-chip-estado { background: #fff; color: var(--tinta); border: 2px solid var(--tinta); }
body.ss .estado-lista .ss-chip-estado { background: #D7F35A; } body.ss .estado-generando .ss-chip-estado { background: #FFD6C2; } body.ss .estado-error .ss-chip-estado { background: #FFE1E1; color: var(--rojo); }
body.ss .ss-dl-menu, body.ss .ss-redo-form { background: #fff; border: 2px solid var(--tinta); box-shadow: 4px 4px 0 var(--tinta); }
body.ss .ss-dl-fila { color: var(--gris); border-top: 1px solid var(--linea); } body.ss .ss-dl-fila a { background: var(--tinta); color: #D7F35A; }
body.ss .ss-ok { background: #EAF8F1 !important; color: var(--verde) !important; }
body.ss .ss-mezcla-cab { color: var(--tinta); } body.ss .ss-slider output { color: var(--tinta); }
body.ss .ss-vistas .boton-principal { background: var(--tinta); color: #D7F35A; }
body.ss .aviso { background: #fff; color: var(--tinta); border: 2px solid var(--tinta); border-left-width: 8px; box-shadow: var(--sombra-2); }
body.ss .aviso-ok { border-left-color: var(--verde); } body.ss .aviso-error { border-left-color: var(--rojo); }
body.ss .pie { color: var(--gris); border-top: 2px solid var(--tinta); } body.ss .pie a { color: var(--tinta); }
body.ss .ss-check-grande { background: #D7F35A; color: var(--tinta); border: 2px solid var(--tinta); }
body.ss .ss-plan-chip { background: var(--hoja-2); border: 2px solid var(--linea-2); color: var(--tinta); }
body.ss .ss-logo { background: #fff; border: 2px solid var(--linea-2); }
body.ss .ss-vacio-mes { background: linear-gradient(135deg, #fff, #F3F9D9); }
body.ss .ss-conectar .boton { background: var(--hoja-2); }
body.ss .enlace-rojo { color: var(--rojo) !important; }
/* v68.67 (la casa, 2-nov: "boton pisado arriba en menu"): en pantallas angostas la barra se apila en dos filas limpias, nada se pisa */
body.ss .barra { flex-wrap: wrap; row-gap: 10px; }
body.ss .barra .marca { white-space: nowrap; }
body.ss .barra-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 4px; }
body.ss .barra-nav a, body.ss .barra-nav .enlace { white-space: nowrap; padding: 6px 8px; margin-left: 0; border-radius: 999px; }
body.ss .ss-lang { margin-right: 6px; }
@media (max-width: 860px) {
  body.ss .barra { padding: 10px 12px; }
  body.ss .barra-nav { flex-basis: 100%; }
  body.ss .barra-nav a, body.ss .barra-nav .enlace { font-size: 13px; padding: 6px 7px; }
}