:root { --rojo: #D71921; --rojo-oscuro: #A51018; --negro: #1A1A1A; --gris-claro: #F5F5F5; --gris-borde: #DEDEDE; --texto: #444; --texto-claro: #777; --font: 'Poppins', sans-serif; } /* Branding por marca — sobreescribe --rojo/--rojo-oscuro segun branding.class (empleositio/marcas.py), aplicado en el de master.html. Todo lo que usa var(--rojo)/var(--rojo-oscuro) en este archivo se actualiza solo; las reglas con rgba(215,25,33,...) hardcodeado (no usan var()) se sobreescriben aparte al final de este archivo. */ .tfs-class { --rojo: #002146; --rojo-oscuro: #003366; } .geolis-class { --rojo: #dbaf00; --rojo-oscuro: #b89100; } .emgas-class { --rojo: #f1bd4e; --rojo-oscuro: #d9a53a; } .cand-wrapper { min-height: calc(100vh - 64px); display: flex; align-items: center; justify-content: center; background: var(--gris-claro); padding: 40px 16px; font-family: var(--font); } .cand-card { background: #fff; border-radius: 20px; padding: 48px 44px; width: 100%; max-width: 420px; box-shadow: 0 8px 40px rgba(0,0,0,0.08); text-align: center; } .cand-logo { width: 130px; margin-bottom: 28px; } .cand-titulo { font-size: 24px; font-weight: 700; color: var(--negro); margin: 0 0 8px; } .cand-sub { font-size: 14px; color: var(--texto-claro); margin: 0 0 36px; line-height: 1.6; } /* Botones OAuth */ .btn-oauth { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; padding: 13px 20px; border-radius: 10px; font-size: 15px; font-weight: 600; font-family: var(--font); text-decoration: none !important; border: none; cursor: pointer; transition: transform 0.15s, box-shadow 0.15s; margin-bottom: 12px; } .btn-oauth:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(0,0,0,0.12); } .btn-linkedin { background: #0077B5; color: #fff !important; } .btn-google { background: #fff; color: var(--negro) !important; border: 1.5px solid var(--gris-borde); } .btn-oauth img { width: 20px; height: 20px; object-fit: contain; } .cand-divider { display: flex; align-items: center; gap: 12px; margin: 24px 0; color: var(--texto-claro); font-size: 13px; } .cand-divider::before, .cand-divider::after { content: ''; flex: 1; height: 1px; background: var(--gris-borde); } .cand-aviso { font-size: 12px; color: var(--texto-claro); line-height: 1.7; margin-top: 28px; } .cand-error { background: #FFF0F1; border: 1px solid #FFCED1; color: var(--rojo); border-radius: 8px; padding: 10px 14px; font-size: 13px; margin-bottom: 20px; } .cand-back { display: inline-block; margin-top: 20px; font-size: 13px; color: var(--texto-claro); text-decoration: none; } .cand-back:hover { color: var(--rojo); }