/* ==================================================
   POLÍTICA DE PRIVACIDAD - RJL SERVICIOS
================================================== */


/* ==================================================
   HERO POLÍTICA DE PRIVACIDAD
================================================== */

.legal-hero {

    /* Fondo oscuro corporativo */
    background:
        linear-gradient(
            135deg,
            rgba(20, 20, 20, 0.98),
            rgba(42, 30, 23, 0.96)
        );

    /* Espacio interior */
    padding: 95px 20px;

    /* Centra el contenido */
    text-align: center;

    /* Línea roja inferior */
    border-bottom: 5px solid #d62828;

}


/* ==================================================
   CONTENIDO DEL HERO
================================================== */

.legal-hero-contenido {

    /* Ancho máximo */
    max-width: 850px;

    /* Centra el contenido */
    margin: 0 auto;

}


/* ==================================================
   ETIQUETA SUPERIOR
================================================== */

.legal-etiqueta {

    /* Permite ajustar espacios */
    display: inline-block;

    /* Rojo vivo */
    color: #ff3b3b;

    /* Tamaño */
    font-size: 0.85rem;

    /* Grosor */
    font-weight: 700;

    /* Texto en mayúsculas */
    text-transform: uppercase;

    /* Separación entre letras */
    letter-spacing: 2px;

    /* Espacio inferior */
    margin-bottom: 16px;

}


/* ==================================================
   TÍTULO PRINCIPAL
================================================== */

.legal-hero h1 {

    /* Texto blanco */
    color: #ffffff;

    /* Tamaño */
    font-size: 3rem;

    /* Grosor */
    font-weight: 700;

    /* Espacios */
    margin: 0 0 18px;

}


/* ==================================================
   TEXTO DEL HERO
================================================== */

.legal-hero p {

    /* Gris claro */
    color: #d1d5db;

    /* Tamaño */
    font-size: 1.05rem;

    /* Altura de línea */
    line-height: 1.7;

    /* Elimina margen */
    margin: 0;

}


/* ==================================================
   CONTENIDO PRINCIPAL
================================================== */

.legal-contenido {

    /* Ancho */
    width: 90%;

    /* Ancho máximo */
    max-width: 1050px;

    /* Centrado y separación */
    margin: 70px auto;

}


/* ==================================================
   INTRODUCCIÓN
================================================== */

.legal-introduccion {

    /* Fondo claro */
    background: #f7f7f7;

    /* Línea roja lateral */
    border-left: 5px solid #d62828;

    /* Espacio interior */
    padding: 25px 30px;

    /* Espacio inferior */
    margin-bottom: 45px;

    /* Bordes redondeados */
    border-radius: 0 10px 10px 0;

}


/* ==================================================
   TEXTO DE INTRODUCCIÓN
================================================== */

.legal-introduccion p {

    /* Elimina margen */
    margin: 0;

    /* Color */
    color: #444444;

    /* Tamaño */
    font-size: 1rem;

    /* Altura de línea */
    line-height: 1.8;

}


/* ==================================================
   SECCIONES DE PRIVACIDAD
================================================== */

.legal-seccion {

    /* Espacio inferior interior */
    padding: 0 0 35px;

    /* Separación */
    margin-bottom: 35px;

    /* Línea divisoria */
    border-bottom: 1px solid #e5e5e5;

}


/* ==================================================
   TÍTULOS DE LAS SECCIONES
================================================== */

.legal-seccion h2 {

    /* Posición para la línea decorativa */
    position: relative;

    /* Color oscuro RJL */
    color: #2a1e17;

    /* Tamaño */
    font-size: 1.45rem;

    /* Grosor */
    font-weight: 700;

    /* Espacio */
    margin: 0 0 22px;

    /* Espacio para la línea roja */
    padding-left: 18px;

}


/* ==================================================
   LÍNEA ROJA DE LOS TÍTULOS
================================================== */

.legal-seccion h2::before {

    /* Crea el elemento */
    content: "";

    /* Posición absoluta */
    position: absolute;

    /* Alineación */
    left: 0;

    /* Posición superior */
    top: 3px;

    /* Ancho */
    width: 5px;

    /* Alto */
    height: 24px;

    /* Rojo corporativo */
    background: #d62828;

    /* Bordes redondeados */
    border-radius: 20px;

}


/* ==================================================
   PÁRRAFOS
================================================== */

.legal-seccion p {

    /* Color */
    color: #555555;

    /* Tamaño */
    font-size: 0.95rem;

    /* Altura de línea */
    line-height: 1.9;

    /* Separación */
    margin: 0 0 16px;

}


/* ==================================================
   ÚLTIMO PÁRRAFO
================================================== */

.legal-seccion p:last-child {

    /* Elimina margen inferior */
    margin-bottom: 0;

}


/* ==================================================
   CAJA DE DATOS DEL RESPONSABLE
================================================== */

.legal-datos {

    /* Fondo */
    background: #f8f8f8;

    /* Espacio interior */
    padding: 25px 30px;

    /* Separación superior */
    margin-top: 25px;

    /* Bordes */
    border-radius: 10px;

    /* Línea roja superior */
    border-top: 4px solid #d62828;

}


/* ==================================================
   PÁRRAFOS DE LA CAJA DE DATOS
================================================== */

.legal-datos p {

    /* Separación */
    margin-bottom: 10px;

    /* Altura de línea */
    line-height: 1.6;

}


/* ==================================================
   TEXTO DESTACADO
================================================== */

.legal-datos strong {

    /* Color oscuro */
    color: #2a1e17;

    /* Grosor */
    font-weight: 700;

}


/* ==================================================
   FECHA DE ACTUALIZACIÓN
================================================== */

.legal-actualizacion {

    /* Activa Flexbox */
    display: flex;

    /* Centra verticalmente */
    align-items: center;

    /* Separación */
    gap: 12px;

    /* Fondo oscuro */
    background: #1f1f1f;

    /* Color */
    color: #d1d5db;

    /* Espacio interior */
    padding: 18px 25px;

    /* Bordes */
    border-radius: 8px;

    /* Separación superior */
    margin-top: 45px;

}


/* ==================================================
   ICONO DE ACTUALIZACIÓN
================================================== */

.legal-actualizacion i {

    /* Rojo vivo */
    color: #ff3b3b;

    /* Tamaño */
    font-size: 1.1rem;

}


/* ==================================================
   TEXTO DE ACTUALIZACIÓN
================================================== */

.legal-actualizacion p {

    /* Elimina margen */
    margin: 0;

    /* Tamaño */
    font-size: 0.85rem;

}


/* ==================================================
   RESPONSIVE - TABLET
================================================== */

@media (max-width: 992px) {

    .legal-hero {

        /* Reduce espacio del hero */
        padding: 80px 20px;

    }


    .legal-hero h1 {

        /* Reduce título */
        font-size: 2.5rem;

    }


    .legal-contenido {

        /* Aprovecha mejor el ancho */
        width: 92%;

    }

}


/* ==================================================
   RESPONSIVE - MÓVIL
================================================== */

@media (max-width: 768px) {

    .legal-hero {

        /* Reduce espacio */
        padding: 65px 20px;

    }


    .legal-hero h1 {

        /* Tamaño del título */
        font-size: 2rem;

    }


    .legal-hero p {

        /* Tamaño del texto */
        font-size: 0.95rem;

    }


    .legal-contenido {

        /* Ancho móvil */
        width: 90%;

        /* Reduce separación */
        margin: 50px auto;

    }


    .legal-introduccion {

        /* Reduce espacio interior */
        padding: 22px 20px;

    }


    .legal-seccion h2 {

        /* Reduce títulos */
        font-size: 1.25rem;

    }


    .legal-datos {

        /* Reduce espacio interior */
        padding: 22px 20px;

    }


    .legal-actualizacion {

        /* Alineación móvil */
        align-items: flex-start;

    }

}

/*==================================================
    ENLACES DE CONTACTO
==================================================*/

.legal-datos a{

    color:inherit;

    text-decoration:none;

    font-weight:600;

    transition:all .3s ease;

}

.legal-datos a:hover{

    color:#d62828;

    text-shadow:0 0 8px rgba(214,40,40,.45);

}

/* ==================================================
   AJUSTES DE ACCESIBILIDAD - PRIVACIDAD
================================================== */

.legal-contenido a:focus-visible {
    outline: 3px solid rgba(214, 40, 40, 0.28);
    outline-offset: 3px;
    border-radius: 3px;
}

.legal-seccion p,
.legal-introduccion p,
.legal-datos p {
    overflow-wrap: anywhere;
}

@media (prefers-reduced-motion: reduce) {
    .legal-datos a {
        transition: none !important;
    }

    .legal-datos a:hover {
        text-shadow: none;
    }
}