/* ════════════════════════════════════════════════════════════════════ Armonizacion del cotizador (/mujer y /hombre) con www.depi4ever.com.ar El boton "Cotiza ahora" de depi4ever.com.ar manda directo a esta pagina, asi que el salto visual entre los dos sitios se notaba mucho. Aca se replican los tokens de depi4ever: tipografia RNSMiles, fondo blanco, negro de marca #262b2f, acento magenta #b25996 y botones cuadrados. OJO CON LA CASCADA: head.php enlaza este archivo ANTES que site.css, asi que todas las reglas tienen que ganar por especificidad (por eso el prefijo body.page-mujer / body.page-hombre, que sale de la clase que head.php le pone al ). No usar !important. ════════════════════════════════════════════════════════════════════ */ /* ── Fuentes de marca (mismos archivos que sirve depi4ever.com.ar) ── */ @font-face { font-family: 'RNSMiles'; src: url('../fonts/RNSMiles-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'RNSMiles'; src: url('../fonts/RNSMiles-Medium.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'RNSMiles'; src: url('../fonts/RNSMiles-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } /* ── Base de la pagina: blanco + gris de texto de depi4ever ── */ body.page-mujer, body.page-hombre { font-family: 'RNSMiles', 'Montserrat', sans-serif; background-color: #fff; color: #6f6f6f; } /* El header del sitio es beige (#e4dfdc); en estas dos pantallas va blanco para que el pasaje desde depi4ever.com.ar no cambie de fondo. */ body.page-mujer header.header, body.page-hombre header.header { background-color: #fff; border-bottom: 1px solid rgba(38,43,47,0.12); } /* ── Titulos: depi4ever no usa mayusculas forzadas ni tracking positivo ── */ body.page-mujer .main-title, body.page-hombre .main-title { font-family: 'RNSMiles', 'Montserrat', sans-serif; color: #363636; text-transform: none; letter-spacing: -0.75px; font-weight: 700; } body.page-mujer hr, body.page-hombre hr { border-top-color: #e5e5e5; } /* ── Toggle Mujer / Hombre ── Estaba duplicado como