/*====================================
 COLORES - Landing Page Lawyer
    Edita estos valores para cambiar
    la paleta general del sitio
====================================*/

:root {
    /*=== COLORES PRINCIPALES ===*/
    --color-primary: #006b9f;
    --color-primary-light: #006b9fc2;
    --color-primary-dark: #005080;

    /*=== COLORES DE FONDO ===*/
    --color-bg-dark: #006b9f;
    --color-bg-dark-30: rgba(2, 2, 2, 0.4);
    --color-bg-dark-60: #006b9fc2;
    --color-bg-dark-90: rgba(34, 34, 34, 0.9);
    --color-bg-light: #f6f6f6;
    --color-bg-white: #fff;

    /*=== COLORES DE TEXTO ===*/
    --color-text-primary: #111;
    --color-text-secondary: #3c3c3c;
    --color-text-light: #aaa;
    --color-text-muted: #999;
    --color-text-white: #fff;

    /*=== COLORES DE NAVBAR ===*/
    --color-navbar-bg: rgba(10, 10, 10, 0.9);
    --color-navbar-link: rgba(255, 255, 255, 0.7);
    --color-navbar-link-hover: #fff;

    /*=== COLORES DE BOTONES ===*/
    --color-btn-w: rgba(255, 255, 255, 0.8);
    --color-btn-border-w: rgba(255, 255, 255, 0.75);
    --color-btn-d: rgba(17, 17, 17, 0.8);
    --color-btn-b: #111111;

    /*=== COLORES DE FORMULARIOS ===*/
    --color-form-border: #eaeaea;
    --color-form-focus: #cacaca;

    /*=== COLORES ESPECIALES ===*/
    --color-red-cta: rgb(255 0 0 / 80%);
    --color-selection: #000;
    --color-selection-text: #fff;

    /*=== COLORES CALLTOUT ===*/
    --color-callout-text: rgba(255, 255, 255, 0.6);
    --color-callout-title: #fff;

    /*=== COLORES FOOTER ===*/
    --color-footer-bg: #006b9f;
    --color-footer-divider: #202020;
    --color-footer-text: #fff;

    /*=== COLORES BORDES ===*/
    --color-border-light: #eaeaea;
    --color-border-medium: #e5e5e5;
}

/*====================================
    APLICACIÓN DE COLORES
    No editar debajo de esta línea
    a menos que se agreguen nuevos
    elementos
====================================*/

/* Request CTA - Fondo rojo del formulario */
.request-cta {
    background-color: var(--color-red-cta) !important;
}

/* Footer */
.footer {
    background: var(--color-footer-bg) !important;
}
.footer .copyright {
    color: var(--color-footer-text);
}
.divider-d {
    border-top: 1px solid var(--color-footer-divider);
}

/* Callout - Texto del banner superior */
.callout-text {
    color: var(--color-callout-text) !important;
}
.callout-title {
    color: var(--color-callout-title);
}

/* Selection */
::selection {
    background: var(--color-selection);
    color: var(--color-selection-text);
}
::-moz-selection {
    background: var(--color-selection);
    color: var(--color-selection-text);
}
::-webkit-selection {
    background: var(--color-selection);
    color: var(--color-selection-text);
}

/* Map */
#map-section {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}
#map-section iframe {
    height: 100%;
    width: 100%;
    border: 0;
}

/* Video Hero - Cover completo con crossfade */
#video_hero_container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-image: url('/assets/images/finance/finance-cas.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.video-player video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    animation: fadeinvid 2s ease-in-out 4s forwards;
}

@keyframes fadeinvid {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Titan caption sobre el video */
.titan-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 102%;
    height: 102%;
}

/* Home section - placeholder background */
.home-section.bg-dark-30 {
    position: relative;
    /* min-height: 100vh; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.home-section.bg-dark-30:before {
    background: rgba(0, 0, 0, 0.4);
}