/* ==================================================
   PÁGINAS LEGALES - RJL SERVICIOS
================================================== */


/* ==================================================
   HERO DE LAS PÁGINAS LEGALES
================================================== */

.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 decorativa inferior */
    border-bottom: 5px solid #d62828;

}


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

.legal-hero-contenido {

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

    /* Centrado */
    margin: 0 auto;

}


/* ==================================================
   ETIQUETA SUPERIOR DEL HERO
================================================== */

.legal-etiqueta {

    /* Elemento en línea */
    display: inline-block;

    /* Color rojo corporativo */
    color: #ff3b3b;

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

    /* Grosor */
    font-weight: 700;

    /* Letras mayúsculas */
    text-transform: uppercase;

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

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

}


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

.legal-hero h1 {

    /* Color blanco */
    color: #ffffff;

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

    /* Grosor */
    font-weight: 700;

    /* Elimina márgenes */
    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
================================================== */

.legal-contenido {

    /* Ancho del contenido */
    width: 90%;

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

    /* Centra el contenido */
    margin: 70px auto;

}


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

.legal-introduccion {

    /* Fondo gris muy 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 LA 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 LEGALES
================================================== */

.legal-seccion {

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

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

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

}


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

.legal-seccion h2 {

    /* Posición para decoración */
    position: relative;

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

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

    /* Grosor */
    font-weight: 700;

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

    /* Espacio izquierdo */
    padding-left: 18px;

}


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

.legal-seccion h2::before {

    /* Crea la línea */
    content: "";

    /* Posición */
    position: absolute;

    /* Alineación izquierda */
    left: 0;

    /* Parte superior */
    top: 3px;

    /* Ancho */
    width: 5px;

    /* Alto */
    height: 24px;

    /* Rojo RJL */
    background: #d62828;

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

}


/* ==================================================
   PÁRRAFOS DE LAS SECCIONES
================================================== */

.legal-seccion p {

    /* Color de texto */
    color: #555555;

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

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

    /* Espacio inferior */
    margin: 0 0 16px;

}


/* ==================================================
   ÚLTIMO PÁRRAFO DE CADA SECCIÓN
================================================== */

.legal-seccion p:last-child {

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

}


/* ==================================================
   CAJA DE DATOS DEL TITULAR
================================================== */

.legal-datos {

    /* Fondo claro */
    background: #f8f8f8;

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

    /* Margen superior */
    margin-top: 25px;

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

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

}


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

.legal-datos p {

    /* Espacio */
    margin-bottom: 10px;

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

}


/* ==================================================
   TEXTO DESTACADO DE LOS DATOS
================================================== */

.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;

    /* Margen superior */
    margin-top: 45px;

}


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

.legal-actualizacion i {

    /* Rojo RJL */
    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 */
        padding: 80px 20px;

    }


    .legal-hero h1 {

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

    }


    .legal-contenido {

        /* Más ancho disponible */
        width: 92%;

    }

}


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

@media (max-width: 768px) {

    .legal-hero {

        /* Reduce el hero */
        padding: 65px 20px;

    }


    .legal-hero h1 {

        /* Título móvil */
        font-size: 2rem;

    }


    .legal-hero p {

        /* Texto móvil */
        font-size: 0.95rem;

    }


    .legal-contenido {

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

        /* Reduce márgenes */
        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 */
        padding: 22px 20px;

    }


    .legal-actualizacion {

        /* Ajusta contenido */
        align-items: flex-start;

    }

}


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

.legal-datos p a{

    color: #555555;

    text-decoration: none;

    font-weight: 600;

    transition: color .3s ease, text-shadow .3s ease;

}

.legal-datos p a:hover{

    color: #d62828;

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

}

/* ==================================================
   AJUSTES DE ACCESIBILIDAD - PÁGINAS LEGALES
================================================== */

.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-contenido a {
        transition: none !important;
    }
}