/*
 * Botones del landing con el mismo estilo del login:
 * principal con degradado cian → azul y texto navy; secundario de borde suave. Radio 12 px, sin sombra.
 * Se carga después de landing.css (compilado por Tailwind).
 */
a.bg-primary-container,
a.bg-secondary {
    background: linear-gradient(90deg, #22d3ee 0%, #38bdf8 50%, #3b82f6 100%);
    color: #0b1b30;
    border: 0;
    border-radius: 12px;
    box-shadow: none;
    font-weight: 700;
    transition: filter 0.2s ease;
}

a.bg-primary-container:hover,
a.bg-secondary:hover {
    background: linear-gradient(90deg, #22d3ee 0%, #38bdf8 50%, #3b82f6 100%);
    filter: brightness(0.95);
    box-shadow: none;
}

a.bg-surface-container-lowest.text-primary,
a.bg-surface-container-high.text-primary {
    background-color: #ffffff;
    color: #001a3d;
    border: 1px solid #c4e1ff;
    border-radius: 12px;
    box-shadow: none;
    font-weight: 600;
}

a.bg-surface-container-lowest.text-primary:hover,
a.bg-surface-container-high.text-primary:hover {
    background-color: #ffffff;
    border-color: #0072c6;
    color: #0072c6;
}

/* Modo oscuro */
:root.dark a.bg-surface-container-lowest.text-primary,
:root.dark a.bg-surface-container-high.text-primary {
    background-color: rgba(6, 18, 38, 0.55);
    color: #ffffff;
    border-color: rgba(148, 163, 184, 0.38);
}

:root.dark a.bg-surface-container-lowest.text-primary:hover,
:root.dark a.bg-surface-container-high.text-primary:hover {
    border-color: #38bdf8;
    color: #67e8f9;
}