/* assets/css/marca.css — Identidad de Vertio para las páginas públicas (landing, ingreso, registro, legales).
   Colores y tipografías según assets/marca/MANUAL-DE-MARCA.md */

@font-face { font-family: 'Inter'; src: url('../marca/fuentes/Inter-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../marca/fuentes/Inter-Medium.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('../marca/fuentes/Inter-SemiBold.woff2') format('woff2'); font-weight: 600 800; font-display: swap; }
@font-face { font-family: 'Inter Display'; src: url('../marca/fuentes/InterDisplay-SemiBold.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Inter Display'; src: url('../marca/fuentes/InterDisplay-Bold.woff2') format('woff2'); font-weight: 700 800; font-display: swap; }

:root {
    --azul-vertio: #2563EB;
    --azul-vertio-hover: #1D4FD1;
    --azul-noche: #0B1F3A;
    --celeste: #22B8E6;
    --niebla: #F4F7FB;
    --ink: #0B1F3A;
    --ink-muted: #51627A;
    --borde: #E2E8F1;
    --bs-body-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --bs-link-color: var(--azul-vertio);
    --bs-link-color-rgb: 37, 99, 235;
    --bs-link-hover-color: var(--azul-vertio-hover);
}

body { font-family: var(--bs-body-font-family); color: var(--ink); -webkit-font-smoothing: antialiased; }
h1, h2, h3, .display, .titulo { font-family: 'Inter Display', 'Inter', system-ui, sans-serif; letter-spacing: -0.02em; color: var(--azul-noche); }
.text-muted, .texto-suave { color: var(--ink-muted) !important; }
.cifras { font-variant-numeric: tabular-nums; }

.btn-vertio { --bs-btn-bg: var(--azul-vertio); --bs-btn-border-color: transparent; --bs-btn-color: #fff;
    --bs-btn-hover-bg: var(--azul-vertio-hover); --bs-btn-hover-border-color: transparent; --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: #1A45B8; --bs-btn-active-border-color: transparent; --bs-btn-active-color: #fff;
    --bs-btn-disabled-bg: var(--azul-vertio); --bs-btn-disabled-border-color: transparent; font-weight: 600;
    /* Degradé de la marca: del azul Vertio al celeste del nodo */
    background-image: linear-gradient(120deg, #2563EB 0%, #1F86E8 55%, #22B8E6 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 6px 18px rgba(37, 99, 235, .28); }
.btn-vertio:hover { background-image: linear-gradient(120deg, #1D4FD1 0%, #1A75D6 55%, #1AA6D4 100%); }
.btn-contorno { --bs-btn-color: var(--azul-noche); --bs-btn-border-color: #C9D3E1; --bs-btn-hover-bg: var(--niebla);
    --bs-btn-hover-border-color: var(--azul-noche); --bs-btn-hover-color: var(--azul-noche); font-weight: 600; }
.form-control:focus, .form-select:focus, .form-check-input:focus { border-color: var(--azul-vertio); box-shadow: 0 0 0 .2rem rgba(37, 99, 235, .18); }
.form-check-input:checked { background-color: var(--azul-vertio); border-color: var(--azul-vertio); }

/* Logo: los SVG ya traen la zona de protección en su lienzo */
.logo-vertio { display: inline-block; height: 44px; width: auto; }
.logo-vertio-grande { height: 72px; }

/* Fondo de marca para las pantallas de ingreso y registro */
.fondo-marca { background: radial-gradient(circle at 85% 0%, #17386A 0%, var(--azul-noche) 55%); min-height: 100vh; }
.tarjeta-marca { background: #fff; border: 0; border-radius: 18px; box-shadow: 0 24px 60px rgba(3, 12, 28, .35); }
.pie-publico { color: #9FB0CF; font-size: .8rem; } .pie-publico a { color: #C9D6F0; }