.sin_margen {
    margin-right: 0px;
    margin-left: 0px;
}

.sin_padding {
    padding-left: 0px;
    padding-right: 0px;
}

.sin_flex {
    display: inherit;
}

.sin_padding_der {
    padding-right: 0px;
}

.sin_padding_izq {
    padding-left: 0px;
}

.margen_arriba_1 {
    margin-top: 1%;
}

.margen_arriba_2 {
    margin-top: 2%;
}

.margen_arriba_3 {
    margin-top: 3%;
}

.margen_arriba_4 {
    margin-top: 4%;
}

.margen_arriba_5 {
    margin-top: 5%;
}

.margen_abajo_1 {
    margin-bottom: 1%;
}

.margen_abajo_2 {
    margin-bottom: 2%;
}

.margen_abajo_3 {
    margin-bottom: 3%;
}

.margen_abajo_4 {
    margin-bottom: 4%;
}

.margen_abajo_5 {
    margin-bottom: 5%;
}

.padding_arriba_1 {
    padding-top: 1%;
}

.padding_arriba_2 {
    padding-top: 2%;
}

.padding_arriba_3 {
    padding-top: 3%;
}

.padding_arriba_4 {
    padding-top: 4%;
}

.padding_arriba_5 {
    padding-top: 5%;
}

.padding_abajo_1 {
    padding-bottom: 1%;
}

.padding_abajo_2 {
    padding-bottom: 2%;
}

.padding_abajo_3 {
    padding-bottom: 3%;
}

.padding_abajo_4 {
    padding-bottom: 4%;
}

.padding_abajo_5 {
    padding-bottom: 5%;
}

body {
    font-family: 'Source Sans Pro', sans-serif;
}

.barra_nav {
    background-color: #000 !important;
}

.logo {
    width: 100px;
}

.menu a {
    color: #FFF !important;
    margin-left: 25px;
}

.menu a:hover {
    color: #dedede !important;
}

.navbar-dark .navbar-toggler {
    border-color: rgba(255, 255, 255, .5);
}

.banner_resp {
    display: none !important;
}

.bg_prod_home {
    background-color: #fbfbfb;
    margin-top: 3%;
    margin-bottom: 3%;
}

.tit_seccion {
    text-align: center;
    font-size: 40px;
    margin-top: 30px;
    text-transform: uppercase;
}

.subtit_seccion {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 5%;
    text-transform: uppercase;
}

.bot_prod_home {
    background-color: #FFF;
    display: block;
    padding: 15px;
    border: 1px solid #CCCCCC;
    margin-top: 5%;
}

.bot_prod_home:hover {
    color: #000;
}

.nombre_prod {
    text-align: center;
    font-size: 16px;
    color: #000;
}


.triangulo-equilatero-bottom {
    padding-top: 3%;
    width: 0;
    height: 0;
    border-right: 20px solid transparent;
    border-top: 20px solid transparent;
    border-left: 20px solid transparent;
    border-bottom: 20px solid #7d7d7d;
    margin: 0 auto;
}

.bg_manuales {
    background-image: url('../imagenes/back_manuales.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    margin-bottom: 5%;
    background-attachment: fixed;
}

.tit_manuales {
    color: #FFF;
    font-size: 36px;
    margin-top: 3%;
}

.texto_manuales {
    color: #FFF;
    margin-bottom: 3%;
    margin-top: 2%;
}

.bot_manuales {
    margin-bottom: 3%;
    display: inline-block;
}

.tit_videos {
    color: #FFF;
    font-size: 36px;
    padding-top: 3%;
    margin-bottom: 5%;
}

.texto_videos {
    color: #FFF;
    margin-top: 3%;
    margin-bottom: 3%;
    font-weight: 600;
}

.cuadro_video {
    background-color: #000;
    text-align: center;
    margin-bottom: 5%;
}

.bot_videos {
    margin-bottom: 3%;
    display: inline-block;
}

.carousel_videos_resp {
    display: none;
}

.tit_tiendas {
    color: #FFF;
    font-size: 36px;
    padding-top: 4%;
    margin-bottom: 2%;
}

.bg_tiendas {
    background-image: url('../imagenes/back_tiendas.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    margin-bottom: 5%;
    background-attachment: fixed;
    padding-bottom: 4%;
}

.margen_ico_tienda {
    margin-top: 3%;
}

.tit_contacto {
    color: #000;
    font-size: 36px;
    padding-top: 2%;
    margin-bottom: 2%;
    text-align: center;
}

.cuadro_form {
    background-color: #f6f7f9;
    width: 100%;
    padding: 10px 30px;
    padding-bottom: 30px;
}

.zl-form-input {
    border-radius: 0;
    margin: 10px 0px;
    border: none;
    border-bottom: black thin solid;
    padding: 20px 10px 5px;
    color: black;
    font-size: 13px;
    background-color: transparent;
}

.zl-form-input:focus {
    outline: none;
    background-color: transparent;
    box-shadow: 0 1px 0 0 rgba(0, 123, 255, .25)
}

.btn-zl {
    display: inline-block;
    background-color: white;
    font-weight: 600;
    margin-top: 2%;
}

.tit_mas_info {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 3%;
}

.bot_mail {
    border-bottom: 1px solid #54aa2f;
    padding-bottom: 3px;
    display: inline-block;
    margin-top: 5%;
    color: #000;
}


.footer {
    color: black;
    background-color: white;
    overflow: hidden;
    padding: 5px 0px;
    margin-top: 5%;

}

.footer-container {
    border-top: black thin solid;
    padding: 20px;
    margin: 25px auto 40px;
    overflow: hidden;
}

.footer-logo {


    max-width: 100px;
}

.footer-menu {
    font-weight: 300;
    text-align: right;
}

.footer-menu ul {
    margin: 0px;
    padding: 0px;
}

.footer-menu ul li {
    display: inline-block;
    margin: 0px 0px 0px 10px;
}

.footer-menu ul li a {
    color: black;
    text-decoration: none;
}

.footer-menu ul li a:hover {
    color: #292929;
}

.texto_footer_izq {
    color: #9e9e9e;
    margin-top: 20px;
}

.texto_footer_der {
    color: #9e9e9e;
    margin-top: 20px;
    text-align: right;
}

.footer-logo-resp {
    display: none;
}


/************************* EQUIPOS *********************************************/

.codigo_prod {
    font-weight: 600;
    text-align: center;
    font-size: 26px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.cuadrado_codigo {
    height: 8px;
    width: 8px;
    background-color: #555;
    margin: 0 auto;
    margin-bottom: 15px;
}

.tit_producto {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 3%;
}

.destacado_producto {
    margin-bottom: 3%;
    font-weight: 600;
}

.texto_producto {
    margin-bottom: 11%;
    font-size: 14px;
}

.spec {
    color: #6e6e6e;
    margin-bottom: 8%;
    font-size: 14px;
}

.spec div {
    text-transform: uppercase;
    display: inline-block;
}

.spec span {
    font-weight: 600;
    color: #000;
}

.spec i {
    color: #52aa2f;
    font-size: 22px;
}

.bot_min_slider {
    margin-bottom: 10px;
    display: inline-block;
    /* max-height:100px; */
    /* overflow:hidden; */
}

.bot_min_slider img {
    filter: invert(.1);
    object-fit: cover;
}


.bg_tecnologia {
    background-color: #f6f7f9;
}

.img_d1 {
    max-width: 110%;
}

.img_d2 {
    margin-top: 55%;
}

.tit_tecnologia {
    margin-top: 15%;
}

.linea_negra {
    width: 20%;
    background-color: #000;
    height: 5px;
    margin-top: 5px;
    max-width: 70px;
}

.tit_texto_tecnologia {
    margin-top: 10%;
    font-size: 28px;
}

.texto_tecnologia {
    line-height: 1.2;
}

.tit_confort {
    margin-top: 2%;
}

.caja_ico_confort {
    text-align: center;
    margin-top: 5%;
}

.tit_ico_confort {
    font-weight: 600;
    font-size: 20px;
    margin-top: 5%;
    margin-bottom: 3%;
}

.texto_confort {
    text-align: left;
}

.texto_manuales_prod {
    color: #FFF;
    margin-bottom: 3%;
    margin-top: 2%;
    display: inline-block;
}

.bot_manuales_prod {
  display: flex;
  margin-bottom: 5%;
  margin-left: 3%;
  justify-content: center;
  align-items: center;
  transition: 1s ease all;
  text-decoration: none !important;
  transition: transform 0.3s ease; /* animación más corta y suave */  
}

.bot_manuales_prod img {
  margin-left: 10px;
}

.bot_manuales_prod .texto_manuales_prod {
  display: inline-block; /* necesario para que el scale funcione bien */
}

.bot_manuales_prod:hover {
    transform: scale(1.04);
    /* agranda un 10% */
    text-decoration: none !important;
}

.cuadro_mas_productos {
    background-color: #f6f7f9;
    padding: 40px;
}

.tit_mas_productos {
    font-size: 40px;
    font-weight: 600;
}

.cuadrado_mas_prod {
    width: 10px;
    height: 10px;
    background-color: #000;
    display: inline-block;
    margin-top: 10px;
    margin-right: 8px;
}

.bot_mas_prod {
    margin-top: 8%;
    display: inline-block;
}

.nombre_mas_prod {
    display: inline-block;
    color: #000;
    margin-top: 10px;
}

.bot_anterior {
    color: #000;
}

.bot_anterior:hover {
    color: #000;
}

.bot_siguiente {
    color: #000;
}

.bot_siguiente:hover {
    color: #000;
}

/*************************** MANUALES **********************************/

.manuales-row {
    margin: 50px auto 0px;
    padding: 0px 15px;
    text-align: center;
}

.title_manual {
    font-weight: 600;

    margin-bottom: 5px;

    padding-left: 5px;
}

.ul-manuales {
    list-style: none;
    margin: 0px 0px 20px 0px;
    padding: 0px 15px 0px;
    color: grey;
}

.ul-manuales a {
    color: #3b3b3b;
    text-decoration: none;
}

.ul-manuales a:hover {
    color: #717171;
}

.cuadradito {

    background-color: black;
    width: 15px;
    height: 15px;
    display: inline-block;

}

.zl-titulo {
    font-size: 34px;
    font-weight: 600;
    position: relative;
    padding: 0px 0px 20px;

    text-align: center;
}

.zl-titulo div {
    background-color: black;
    height: 5px;
    width: 35%;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.mensaje-titulo {
    font-size: 40px;
    font-weight: 600;
    margin: 50px 0px 0px;
}

.mensaje-copy {
    padding: 50px 0px;
    text-align: center;
    font-size: 20px;
}

@media (max-width: 767px) {

    .carousel_videos {
        display: none;
    }

    .carousel_videos_resp {
        display: block;
    }

    .menu {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .menu a {
        margin-left: 0;
    }

    .menu li {
        border-bottom: 1px solid #272727;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .navbar-brand {
        margin: 0 auto;
    }

    .caja_thumbs {
        padding-left: 0;
        padding-right: 0;
    }

    .caja_thumbs a {
        padding-left: 3px;
        padding-right: 3px;
    }

    .texto_tecnologia {
        padding-bottom: 25px;
    }

    .spec {
        font-size: 12px;
    }

    .img_d1 {
        max-width: 100%;
    }

    .img_d2 {
        margin-top: 0;
    }
}


@media (max-width: 500px) {

    .banner_resp {
        display: block !important;
    }

    .banner_desk {
        display: none !important;
    }

    .footer-logo {
        display: none;
    }

    .footer-logo-resp {
        display: block;
    }

    .footer-logo-resp img {
        width: 100%;
    }

    .footer-container {
        border: none;
    }

    .footer-menu {
        font-weight: 300;
        text-align: left;
    }

    .footer-menu ul {
        margin: 0px;
        padding: 0px;
    }

    .footer-menu ul li {
        display: block;
        margin: 0px 0px 0px 10px;
        border-bottom: solid thin #000;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }

    .footer-menu ul li a {
        color: black;
        text-decoration: none;
    }

    .texto_footer_izq {
        text-align: center;
    }

    .texto_footer_der {
        text-align: center;
    }


}

/* KINOMAP */

.logo-kinomap {
    position: absolute;
    width: 120px;
    z-index: 1;
}

.video-destacado-kinomap {
    text-align: center;
    margin-bottom: 40px;
}

.main-container-kinomap {
    padding: 25px 0 20px 0;
    background-color: #f6f7f9;
}

.zl-video-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.zl-video-kinomap {
    width: 95vw;
    height: 50vh;
}

.link-kinomap {
    background-color: #f6f7f9;
    text-align: center;
    padding: 20px;
}

.link-kinomap a {
    font-size: 25px;
    color: black;
    text-decoration: none;
    font-weight: 400;
    transition: text-shadow 0.5s ease;
}

.link-kinomap a:hover {
    text-shadow: 0 0 1px black;
}



@media only screen and (min-width: 1280px) {
    .zl-video-kinomap {
        width: 60vw;
        height: 60vh;
    }
}

/* Dropdown de categorias en Equipos (2026-11-04) */
.barra_nav .dropdown-equipos { background-color: #111; border: 0; border-radius: 0; padding: 6px 0; margin-top: 0; }
.barra_nav .dropdown-equipos .dropdown-item { color: #dedede !important; font-size: 15px; padding: 8px 20px; margin-left: 0 !important; }
.barra_nav .dropdown-equipos .dropdown-item:hover, .barra_nav .dropdown-equipos .dropdown-item:focus { background-color: #2b2b2b; color: #fff !important; }
.barra_nav .dropdown-equipos .dropdown-divider { border-top-color: #333; }
@media (max-width: 991px) { .barra_nav .dropdown-equipos { text-align: center; } }
@media (min-width: 992px) { .barra_nav .dropdown-equipos { left: calc(25px + .5rem); } }

/* Dropdown de categorias en el footer (2026-11-04) */
.footer, .footer .footer-container { overflow: visible; }
.footer-menu .footer-dropdown-equipos { display: inline-block; position: relative; }
.footer-menu .dropdown-equipos-footer { background-color: #fff; border: 1px solid #e3e3e3; border-radius: 0; padding: 6px 0; margin-bottom: 6px; left: 0; min-width: 200px; box-shadow: 0 4px 14px rgba(0,0,0,.08); }
.footer-menu .dropdown-equipos-footer .dropdown-item { display: block; color: #000 !important; font-size: 15px; padding: 7px 18px; margin: 0 !important; text-align: left; }
.footer-menu .dropdown-equipos-footer .dropdown-item:hover, .footer-menu .dropdown-equipos-footer .dropdown-item:focus { background-color: #f1f1f1; }
.footer-menu .dropdown-equipos-footer .dropdown-divider { margin: 4px 0; }

/* Pagina de manuales: tarjetas por categoria (2026-11-04) */
.manuales-row { text-align: left; }
.manual-col { display: flex; margin-bottom: 30px; }
.manual-card { width: 100%; background: #fff; border: 1px solid #e6e6e6; padding: 20px 22px 14px; }
.manual-card .cuadradito { vertical-align: middle; }
.manual-card .title_manual { font-size: 17px; padding-left: 8px; margin-bottom: 0; vertical-align: middle; }
.manual-card .ul-manuales { margin: 14px 0 0; padding: 0; }
.manual-card .ul-manuales li { padding: 7px 0; border-bottom: 1px dashed #ececec; font-size: 15px; break-inside: avoid; }
.manual-card .ul-manuales li:last-child { border-bottom: 0; }
.manual-card .ul-manuales a { display: inline-flex; align-items: baseline; }
.manual-card .ul-manuales a::before { content: "\f1c1"; font-family: "Font Awesome 6 Free"; font-weight: 400; margin-right: 8px; color: #9a9a9a; }
.manual-col-full .ul-manuales { column-count: 4; column-gap: 32px; }
.manual-col-full .ul-manuales li:last-child { border-bottom: 1px dashed #ececec; }
@media (max-width: 991px) { .manual-col-full .ul-manuales { column-count: 3; } }
@media (max-width: 767px) { .manual-col-full .ul-manuales { column-count: 2; } }
@media (max-width: 575px) {
  .manual-col { margin-bottom: 18px; }
  .manual-card { padding: 16px 14px 10px; }
  .manual-card .title_manual { padding-left: 0; font-size: 16px; }
  .manual-card .ul-manuales li { font-size: 13.5px; padding: 6px 0; }
  .manual-card .ul-manuales a::before { margin-right: 5px; }
  .manual-col-full .ul-manuales { column-count: 2; column-gap: 14px; }
  .manuales .reduced-container { padding-left: 10px; padding-right: 10px; }
  .manuales .reduced-container > .row { margin-left: -10px; margin-right: -10px; }
  .manuales-row { padding: 0; margin-top: 30px; }
}