/* Page Banner Widget Styles */

.lt-page-banner {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    height: 180px; /* Default height */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: flex-end; /* Align text to bottom */
    padding-bottom: 25px; /* Spacing from bottom */
    box-sizing: border-box;
}

.lt-page-banner-overlay {
    position: absolute;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0;
    /* Removed default blue overlay background */
    z-index: 1;
}

.lt-page-banner-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1140px; /* Standard boxed width */
    margin: 0 auto;
    padding: 0; /* Removed padding so it aligns exactly to the edge of the 1140px bounding box */
    box-sizing: border-box;
}

.lt-page-banner-title {
    color: #ffffff; /* Default text color */
    font-size: 28px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    font-family: inherit;
    line-height: 1.2;
}

/* Tablet adjustments */
@media (max-width: 1024px) {
    .lt-page-banner {
        height: 180px !important;
        padding-top: 90px !important; /* Espacio para que la cabecera transparente no solape el texto */
        padding-bottom: 15px !important;
        align-items: center !important; /* Centrado vertical del contenedor */
    }
    .lt-page-banner-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .lt-page-banner-title {
        font-size: 26px !important;
        text-align: left !important; /* Alineado a la izquierda */
        line-height: 1.3 !important;
    }
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .lt-page-banner {
        height: 200px !important; /* Altura correcta para mobile */
        padding-top: 95px !important; /* Suficiente espacio para la cabecera en mobile */
        padding-bottom: 15px !important;
        align-items: center !important; /* Centrado vertical en el espacio disponible */
    }
    .lt-page-banner-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .lt-page-banner-title {
        font-size: 24px !important; /* Tamaño de fuente responsivo y legible */
        text-align: left !important; /* Alineado a la izquierda */
        line-height: 1.3 !important;
    }
}