/* Header sobre el slider */
#ss-row-1 {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: transparent !important;
}

/* Si existe un contenedor del header */
.ss-desktop {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

/* El slider debe comenzar desde arriba */
.sitePage > div:first-child,
.ss-slider,
.ss-carousel {
    margin-top: 0 !important;
}

#ss-row-1 {
    background-image: url("https://ss-cnt-001c.esmsv.com/r/content/host2/f59e2841a5c78845dd3109528b2dc64e/editor/descarga-2026-07-31T122421.webp") !important;
    background-position: center top !important;
    background-repeat: repeat-x !important;
    background-size: auto !important;
    background-color: transparent !important;
    border: none !important;
}
#ss-row-1 {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.container,
.container-fluid,
.container-fluid-full {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

h2 {
    color: #b85162 !important;
}

hr {
    width: 100% !important;
}

.p-4 {
    padding: 0.5rem !important;
}

@media (max-width: 991px) {
    #ss-logo .logo-header {
        max-width: 120px!important;
    }
}

.component-slider-ss .slider-ss .control li, .gallery-ss .slider-ss .control li {
    aspect-ratio: 1;
    color: #ffffff00;
    cursor: pointer;
    z-index: 99;
    background: #00000000;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 48px;
    display: flex;
    position: absolute;
    transform: translateY(-50%);
}

a,
a:hover,
a:focus,
a:active,
a:visited {
    text-decoration: none !important;
}
.component-slider-ss .slider-ss .tns-nav {
    display: none!important;
}

@media (max-width: 767px) {

    /* Reduce el padding de todos los bloques de contacto */
    .ssc-flex[style*="text-align: center"] {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    /* Menos espacio entre icono y texto */
    .add-on,
    .fa-envelope,
    .fa-phone,
    .fa-whatsapp,
    .fa-map-marker {
        margin-right: 2px !important;
    }

    /* Hace el mail un poquito más chico */
    [data-bind*="emailContacto"] {
        font-size: 14px !important;
    }
}

@media (max-width:991px){

    .ss-mobile{
        position: relative;
        padding: 15px !important;
    }

    #ss-logo{
        width: 100%;
        justify-content: center;
    }

    #ss-logo .logo-header{
        max-width: 220px !important;
        max-height: none !important;
        height: auto !important;
    }

    .navbar-toggler{
        position: absolute;
        top: 12px;
        right: 12px;
        margin: 0;
    }

}