/* PRUEBAS */


/* CSS used here will be applied after bootstrap.css */
/* Para evitar conflictos con el css principal escribir el selector :is(#contenedor_contenido,#SCW_modal) espacio y resto de selectores antes de la regla css en cuestión */
button{
    cursor: pointer;
}
.carousel {
    margin-top: 20px;
}

.item .thumb {
    width: 25%;
    cursor: pointer;
    float: left;
}

.item .thumb img {
    width: 100%;
    margin: 2px;
}

.item img {
    width: 100%;
}

.slider-handle {
    background-color: var(--gris-1) 7 !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid var(--negro-principal) !important;
    background-image: -webkit-linear-gradient(top, var(--gris-1) 7 0, var(--gris-1) 7 100%) !important;
    background-image: -o-linear-gradient(top, var(--gris-1) 7 0, var(--gris-1) 7 100%) !important;
    background-image: linear-gradient(to bottom, var(--gris-1) 7 0, var(--gris-1) 7 100%) !important;
}

.modalContainer {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.modalContainer .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid lightgray;
    border-top: 10px solid #58abb7;
    width: 60%;
}

.modalContainer .close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.modalContainer .close:hover,
.modalContainer .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.enlace-whatsapp {
    color: var(--blanco-secundario);
    font: normal normal normal 17px/20px var(--fuente-principal);
}


/* FIN PRUEBAS */

.ficha_anuncio .anuncio_redes .redes_sociales .red_social {
    margin-bottom: 0!important;
}

.ficha_anuncio .anuncio_redes .redes_sociales div {
    font-size: 12px;
    padding: 0;
}

.redes_sociales .red_social {
    display: inline-table;
    vertical-align: middle;
    margin-bottom: 2em;
}

.titulo-seccion {
    letter-spacing: 0px;
    color: var(--naranja-acento);
    opacity: 1;
    font: normal normal normal 39px/47px var(--fuente-principal) Med;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.prueba {
    color: red;
}

@media (min-width: 992px) {
    .col-md-4 {
        width: 33.33333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        text-align: center;
        padding-left: 0px !important;
    }
    .col-md-8 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        padding-left: 0px !important;
    }
}

:is(#contenedor_contenido,#SCW_modal) label {
    text-align: left;
    font: normal normal normal 16px/24px var(--fuente-principal);
    letter-spacing: 0px;
    color: var(--gris-1);
    opacity: 1;
    padding-top: -50px;
    margin-right: 20px;
    display: inline-block;
    margin-bottom: .5rem;
}


/* ESTILOS DE LA VISTA DE PRODUCTOS */

.titulo {
    letter-spacing: 0px;
    color: var(--negro-principal);
    opacity: 1;
    font-size: 24px;
    font-weight: normal;
    padding-left: 10px;
    text-align: start;
}
@media (min-width:996px) {
    .titulo{
        font-size: 42px;
    };
    
}

.contenedor-fotos-productos {
    max-width: 714px;
    height: auto;
    padding-right: 38px;
}

.galeria-videos-titulo {
    text-align: left;
    font: normal normal normal 20px/24px var(--fuente-principal) Med;
    letter-spacing: 0px;
    color: var(--naranja-acento);
    opacity: 1;
    margin-left: 8px;
    margin-top: 10px;
}

.bloque-video {
    padding: 0;
    justify-content: center;
    display: flex;
}

.tamanio-video {
    max-width: 214px;
    max-height: 160px;
    margin-top: 21px;
}

.contenedor-productos {
    max-width: 391px;
}

.precio, .precio-cuadricula {
    font-weight: normal;
    letter-spacing: 0px;
    opacity: 1;
    /* padding-left: 10px; */
    color: var(--negro-principal);
    font-size: 1.6rem;
    font-weight: 500;
}

.texto_entrada {
    /* margin-top: 10px; */
    font-size: 18px;
    /* margin-left: 20px; */
}

.redes_sociales {
    margin-left: 20px;
}

.boton-mas-informacion-producto, .boton-enviar-amigo {
    background: var(--naranja-acento) 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 100%;
    height: 59px;
    border: 0;
    text-align: center;
    font: normal normal normal 16px/31px var(--fuente-principal);
    letter-spacing: 0px;
    color: var(--blanco-secundario);
    opacity: 1;
    margin-bottom: 10px;
}

.boton-compartir {
    background: #62B363 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 99%;
    height: 59px;
    border: 0;
    text-align: center;
    font-size: 26px;
    font: normal normal normal 26px/31px var(--fuente-principal);
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    
}

.boton-enviar-amigo {
   
    background: var(--gris-1) 0% 0% no-repeat padding-box;
    
}

.boton-enviar-whatsapp {
    width: 98%;
    background: #62B363 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 39px;
    border: 0;
    text-align: center;
    font: normal normal normal 17px/20px var(--fuente-principal);
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.contenedor-gris {
    background: var(--gris-2) 0% 0% no-repeat padding-box;
    border-radius: 7px;
    opacity: 1;
    padding: 5%;
}

.productos {
    width: 100%;
    padding-left: 10px;
}

.contenedor-gris-letras-rojas, .letras-rojas {
    
    letter-spacing: 0px;
    color: var(--negro-principal);
    opacity: 1;
    font-weight: 700;
    padding: 10px;
}
.letras-rojas {
    padding: 0px;
}

.contenedor-gris-letras-negras {
    text-align: left;
    font-size: 20px/24px;
    letter-spacing: 0px;
    color: var(--gris-1);
    opacity: 1;
}



.letras-negras {

    text-align: left;
    font-size: 16px/19px;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-top: 20px;
}

.botones-productos {
    padding: 0;
    margin: 0;
    margin-bottom: 11px;
    width: 49%;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}


/* VER FILTROS */

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.card>hr {
    margin-right: 0;
    margin-left: 0;
}

.card>.list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.card>.list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link+.card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header+.list-group .list-group-item:first-child {
    border-top: 0;
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 1px);
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .card-deck .card {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
}

.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.card-group>.card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-group {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .card-group>.card {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0;
    }
    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0;
    }
    .card-group>.card:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .card-group>.card:first-child .card-img-top,
    .card-group>.card:first-child .card-header {
        border-top-right-radius: 0;
    }
    .card-group>.card:first-child .card-img-bottom,
    .card-group>.card:first-child .card-footer {
        border-bottom-right-radius: 0;
    }
    .card-group>.card:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .card-group>.card:last-child .card-img-top,
    .card-group>.card:last-child .card-header {
        border-top-left-radius: 0;
    }
    .card-group>.card:last-child .card-img-bottom,
    .card-group>.card:last-child .card-footer {
        border-bottom-left-radius: 0;
    }
    .card-group>.card:only-child {
        border-radius: 0.25rem;
    }
    .card-group>.card:only-child .card-img-top,
    .card-group>.card:only-child .card-header {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }
    .card-group>.card:only-child .card-img-bottom,
    .card-group>.card:only-child .card-footer {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0;
    }
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
        border-radius: 0;
    }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0;
}

.accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0;
}

.accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.bloque-ver-filtros {
    /* min-width: 350px; */
    /* height: 39px; */
    background: var(--negro-principal) 0% 0% no-repeat padding-box;
    opacity: 1;
}

.lista {
    background:  var(--negro-principal) 0% 0% no-repeat padding-box !important;
    color: var(--blanco-secundario) !important;
    border: 0 !important;
    cursor:pointer;
    padding:1%;
    
}

.cuadricula {
    background: var(--negro-principal) 0% 0% no-repeat padding-box !important;
    color: var(--blanco-secundario) !important;
    border: 0 !important;
    cursor:pointer;
    padding:1%;
    
}
.cuadricula:hover,.lista:hover {
    background: var(--naranja-acento) 0% 0% no-repeat padding-box !important;
    color: var(--blanco-secundario) !important;
    border: 0 !important;
}

.bloque-negro-filtros {
    background: var(--negro-principal) 0% 0% no-repeat padding-box;
    opacity: 1;
    top: 241px;
    left: 1407px;
    height: 39px;
    float: right;
    padding: 0 15px;
}
a.bloque-negro-filtros:hover {
    color:var(--naranja-acento);
}
.ver-filtros {
    text-align: center;
    color: var(--blanco-secundario);
    padding-top: 10px;
}

.boton_aplicar_filtros {
    
    color: var(--blanco-secundario);
    background:var(--naranja-acento);
    border: 0;
    height: auto;
    padding: 12px 30px;
    font-size: 19px;
    margin: auto;
    margin-bottom: 3px;
    cursor: pointer;
    transition: .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    min-width: 200px;
}
.boton_aplicar_filtros:hover {
    color: var(--naranja-acento);
    background: var(--blanco-secundario);
    transition: .3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.boton_borrar_filtros {
    color: var(--blanco-secundario);
    background-color:var(--gris-1) ;
    border: 0;
    height: auto;
    padding: 12px 30px;
    font-size: 19px;
    margin: auto;
    margin-bottom: 3px;
    cursor: pointer;
    transition: .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    min-width: 200px;
}
.boton_borrar_filtros:hover {
    color: var(--gris-1) ;
    background-color:var(--blanco-secundario);
    transition: .3s cubic-bezier(0.075, 0.82, 0.165, 1);    
}
.boton_borrar_filtros a{
    color: inherit;
    text-decoration: none;
}

.borrar-filtros {
    text-align: center;
}

.hueco {
    margin-top: 12px;
}


/* VER FILTROS DESPLEGABLE */

.desplegable {
    height: auto;
    background: var(--negro-principal) 0% 0% no-repeat padding-box;
    opacity: 1;
}

.contenido-desplegable {
    width: 100%;
}

.titulos-desplegable {
    text-align: center;
    font: normal normal normal 22px/27px var(--fuente-principal) Med;
    letter-spacing: 0px;
    color: var(--naranja-acento);
    opacity: 1;
}

.seleccion {
    height: 39px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 7px;
    opacity: 1;
    margin-bottom: 10px;
    padding: 0px;
}

input[type='range']:focus {
    outline: none;
}

input[type='range'],
input[type='range']::-webkit-slider-runnable-track,
input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
}

input[type=range]::-webkit-slider-thumb {
    background-color: #777;
    width: 20px;
    height: 20px;
    border: 3px solid #333;
    border-radius: 50%;
    margin-top: -9px;
}

input[type=range]::-moz-range-thumb {
    background-color: #777;
    width: 15px;
    height: 15px;
    border: 3px solid #333;
    border-radius: 50%;
}

input[type=range]::-ms-thumb {
    background-color: #777;
    width: 20px;
    height: 20px;
    border: 3px solid #333;
    border-radius: 50%;
}

input[type=range]::-webkit-slider-runnable-track {
    background-color: #777;
    height: 3px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    outline: none;
}

input[type=range]::-moz-range-track {
    background-color: #777;
    height: 3px;
}

input[type=range]::-ms-track {
    background-color: #777;
    height: 3px;
}

input[type=range]::-ms-fill-lower {
    background-color: HotPink
}

input[type=range]::-ms-fill-upper {
    background-color: var(--negro-principal);
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}

.custom-range {
    width: 100%;
    padding-left: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-range:focus {
    outline: none;
}

.custom-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-moz-focus-outer {
    border: 0;
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}

@media screen and (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        transition: none;
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}

@media screen and (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        transition: none;
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

@media screen and (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        transition: none;
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem;
}

.valores-derecha {
    padding: 0;
    margin-bottom: 5px;
    margin-left: 15px;
    flex-grow: 1;
    flex-basis: 0;
}

.valores-izquierda {
    padding: 0;
    margin-bottom: 5px;
    text-align: right;
    flex-grow: 1;
    flex-basis: 0;
    margin-right: 15px;
}

.valores-derecha-anyo {
    padding: 0;
    margin-bottom: 5px;
    margin-left: 15px;
    flex-grow: 1;
    flex-basis: 0;
}

.valores-izquierda-anyo {
    padding: 0;
    margin-bottom: 5px;
    text-align: right;
    flex-grow: 1;
    flex-basis: 0;
    margin-right: 15px;
}

.col-lg,
.col-lg-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
}

.row-desplegable {
    display: flex;
    flex-wrap: wrap;
}


/* VISTA DE LOS PRODUCTOS */

#color-gris-columna {
    background: var(--blanco-secundario) 0% 0% no-repeat padding-box;
    padding-right: 0px;
    padding-left: 0px;
}

#color-gris-columna-cuadricula {
    background: var(--blanco-secundario) 0% 0% no-repeat padding-box;
    padding:5%;
    min-height: 490px;
}
#color-gris-columna img{
    object-fit: cover;
}

:is(#contenedor_contenido,#SCW_modal) .titulo-producto, .titulo-cuadricula{
    text-align: left;
    font: normal normal 500 normal 24px/34px var(--fuente-principal);
    letter-spacing: 0px;
    color: var(--gris-1) ;
    opacity: 1;
    transition: var(--transicion-principal);
    text-transform: capitalize;
}
:is(#contenedor_contenido,#SCW_modal) .titulo-producto:hover, .titulo-cuadricula:hover {   
    color: var(--naranja-acento);
    transition: var(--transicion-principal);
}
.caracteristicas, .caracteristicas-cuadricula {
    margin-top: 20px;
    text-align: left;
    font-size: 16px;
    color: var(--negro-principal);
    opacity: 1;
    font-weight:600;
    line-height: 20px;
}

.caracteristicas span,.caracteristicas-cuadricula span{
    color: var(--negro-principal);
    opacity: 1;
    padding-right: 40px;
    font-size: 16px;
    font-weight: 400;
}

.boton-mas-informacion, .boton-mas-informacion-cuadricula {
    background: var(--naranja-acento) 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 100%;
    height: 60px;
    text-align: center;
    color: var(--blanco-secundario);
    border: 0;
    transition: var(--transicion-principal)
    
}
.boton-mas-informacion:hover, .boton-mas-informacion-cuadricula:hover {
    background: var(--blanco-secundario) 0% 0% no-repeat padding-box;
    color: var(--naranja-acento);  
    border: 1px solid var(--naranja-acento);
    transition: var(--transicion-principal)
}

.boton-ver-ficha , .ver-ficha-cuadricula {
    /* background: var(--gris-1) ;
    opacity: 1;
    width: 100%;
    height: 39px;
    text-align: center;
    color:var(--blanco-secundario);
    padding-top: 8px;
    transition: var(--transicion-principal) */
}
.boton-ver-ficha:hover {
    /* background: var(--gris-2);
    color:var(--gris-1) ; 
    transition: var(--transicion-principal)   */
}
.boton-ver-ficha-cuadricula a, .boton-ver-ficha a {
    color: var(--blanco-secundario);
}
.boton-ver-ficha-cuadricula a:hover, .boton-ver-ficha a:hover {
    color: var(--gris-1);
}
.boton-ver-ficha-cuadricula, .boton-ver-ficha {
    background: var(--gris-1)  0% 0% no-repeat padding-box;
    opacity: 1;
    width: 100%;
    height: 60px;
    text-align: center;
    color: var(--blanco-secundario);
    border: 0;
    /* margin-bottom: 40px; */
}
.boton-ver-ficha-cuadricula:hover, .boton-ver-ficha:hover {
    background: var(--gris-2);
    color:var(--gris-1) ; 
    transition: var(--transicion-principal)
}

.ver-ficha-cuadricula {
    /* color: var(--negro-principal);
    text-decoration: none; */
}

.imagen-producto {
    width: 105%;
    object-fit: cover;
    height: 100%;
}

.separador {
    margin-top: 27px;
}

.separacion {
    max-width: 277px !important;
}


/* FORMULARIO AMIGO */

.formulario-amigo {
    padding: 20px;
    margin: 20px;
    background: #F1F1F1 0% 0% no-repeat padding-box;
    border-radius: 24px;
    opacity: 1;
}

.caja-pequeña {
    width: 100%;
    height: 66px;
    text-align: left;
    letter-spacing: 0px;
    color: rgb(138, 138, 138);
    opacity: 1;
    margin-bottom: 17px;
    background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(112, 112, 112);
    border-image: initial;
    border-radius: 7px;
    padding: 0px 0px 0px 17px;
}

.caja-grande {
    /* width: 100%;
    height: 195px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 7px;
    opacity: 1;
    padding: 0 0 0 17px;
    margin-bottom: 17px;
    text-align: left;
    letter-spacing: 0px;
    color: #8A8A8A;
    opacity: 1; */
}

.titulo-amigo {
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-top: 6px;
    margin-bottom: 27px;
    font-size: 24px;
}

#boton-enviar-formulario-amigo {
    width: 277px;
    height: 59px;
    background: var(--naranja-acento) 0% 0% no-repeat padding-box;
    border-radius: 7px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    font: normal normal normal 20px/24px var(--fuente-principal);
    padding-top: 15px;
}


/* BLOQUE VER MAS */

.bloque-ver-mas {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 39px;
    margin-bottom: 27px;
}

.ver-mas {
    margin-top: 50px;
    width: 449px;
    background: #464646 0% 0% no-repeat padding-box;
    opacity: 1;
    text-align: center;
    padding-top: 5px;
    color: var(--blanco-secundario);
    font-size: 21px;
    margin-bottom: 25px;
}


/* MODAL SOLICITAR MÁS INFORMACION */


/* @media (min-width: 576px) {
    .modal-dialog {
        max-width: 1159px;
        margin: 1.75rem auto;
    }
}

.modal-dialog {
    position: relative !important;
    width: auto !important;
    pointer-events: none !important;
}

.modal-content {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 24px;
    opacity: 1;
    height: auto;
    max-width: 1159px;
} */

#titulo-modal {
    margin-top: 52px;
    border-bottom: 0;
    text-align: left;
    font: normal normal normal 39px/47px var(--fuente-principal) Med;
    letter-spacing: 0px;
    color: var(--naranja-acento);
    opacity: 1;
    margin-left: 45px;
}

.modal-title {
    width: auto;
    height: auto;
}
#menu-modal {
    background-color: var(--blanco-secundario);
    margin-top: 3%;
}
:is(#contenedor_contenido,#SCW_modal) .modal-body{
    padding: 6%;
}
:is(#contenedor_contenido,#SCW_modal) .modal-content{
    background-color: var(--blanco-secundario);
}
:is(#contenedor_contenido,#SCW_modal) .modal-content form{
    padding: 15px 0px 15px 15px;
}
:is(#contenedor_contenido,#SCW_modal) .boton-oferta{
    padding: 5%;
    background: var(--gris-1);
    color: var(--blanco-secundario);
    text-align: center;
    border-radius: 7px;
}
:is(#contenedor_contenido,#SCW_modal) .checkbox {
    padding-left: 0px;
}

.botonModalMenu {
    background: var(--gris-1) 0% 0% no-repeat padding-box;
    border-radius: 7px;
    opacity: 1;
    color: var(--blanco-secundario);
    padding: 10px 15px;
    margin-bottom: 10px;
    border: 0;
    font-size: 1rem;
    letter-spacing: 0px;
    opacity: 1;
    width: 100%;
}

#menu-modal button.active {
    background: var(--negro-principal) 0% 0% no-repeat padding-box;    
}

.menuDerechoModal {
    background: #F1F1F1 0% 0% no-repeat padding-box;
    border-radius: 24px;
    opacity: 1;
    width: auto;
    height: auto;
}

.menuTelefonos {
    background: #F1F1F1 0% 0% no-repeat padding-box;
    border-radius: 24px;
    opacity: 1;
    width: auto;
    height: auto;
    padding: 17px 85px 17px 89px;
}

.menuWhatsapp {
    background: #F1F1F1 0% 0% no-repeat padding-box;
    border-radius: 24px;
    opacity: 1;
    width: auto;
    height: auto;
    padding: 17px 85px 17px 89px;
}

.caja-grande {
    width: 100%;
    /* height: 195px; */
    background: var(--blanco-secundario) 0% 0% no-repeat padding-box;
    border: 1px solid var(--gris-1);
    border-radius: 7px;
    opacity: 1;
    padding: 5%;
    margin-bottom: 17px;
    text-align: left;
    font: normal normal normal 16px/24px var(--fuente-principal);
    letter-spacing: 0px;
    color: var(--gris-1);
    opacity: 1;
}

.caja-pequeña {
    width: 100%;
    /* height: 66px; */
    background: var(--blanco-secundario) 0% 0% no-repeat padding-box;
    border: 1px solid var(--gris-1);
    border-radius: 7px;
    opacity: 1;
    padding: 0 0 0 17px;
    text-align: left;
    font: normal normal normal 16px/24px var(--fuente-principal);
    letter-spacing: 0px;
    color: var(--gris-1);
    opacity: 1;
    margin-bottom: 17px;
}

.checkbox-modal {
    width: 18px;
    height: 18px;
    background: var(--blanco-secundario) 0% 0% no-repeat padding-box;
    border: 1px solid var(--gris-1);
    border-radius: 7px;
    opacity: 1;
    margin-bottom: 20px;
    margin-right: 10px;
}

.linea {
    width: auto;
    border: 1px solid var(--gris-1);
    margin-bottom: 17px;
}

#boton-enviar {
    background: var(--naranja-acento) 0% 0% no-repeat padding-box;
    border-radius: 7px;
    padding: 15px 30px;
    opacity: 1;
    text-align: center;
    font: normal normal normal 19px/24px var(--fuente-principal);
    letter-spacing: 0px;
    color: var(--blanco-secundario);
    opacity: 1;
}

#boton-cerrar {
    width: 113px;
    height: 59px;
    background: #BEBEBE 0% 0% no-repeat padding-box;
    border-radius: 7px;
    opacity: 1;
    text-align: center;
    font: normal normal normal 20px/24px var(--fuente-principal);
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    float: right;
}

#boton-telefonos, #boton-whatsapp {
    
    background: var(--naranja-acento) 0% 0% no-repeat padding-box;
    border-radius: 7px;
    opacity: 1;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0px;
    color: var(--blanco-secundario);
    opacity: 1;
}

#boton-whatsapp {
    
    background: #62B363 0% 0% no-repeat padding-box;

}

.letra-telefono {
    max-height: 59px;
    max-width: 237px;
    padding-top: 20px;
    text-align: center;
    font: normal normal 600 20px/24px var(--fuente-principal);
    letter-spacing: 0px;
    color: var(--negro-principal);
    opacity: 1;
}

.col-xl {
    position: relative;
    width: 100%;
    min-height: 1 px;
    padding-right: 15 px;
    padding-left: 15 px;
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
}


/* ESTILOS PARA CUADRICULA */

.titulo-cuadricula {
    /* letter-spacing: 0px;
    color: var(--naranja-acento);
    opacity: 1;
    font-size: 30px;
    font-weight: normal;
    text-align: left;
    padding-left: 5px; */
}

.precio-cuadricula {
    /* font-size: 40px;
    font-weight: normal;
    letter-spacing: 0px;
    opacity: 1;
    padding-left: 5px;
    text-align: left; */
}

.descripcion-cuadricula {
    text-align: left;
    font-size: 15px;
    letter-spacing: 0px;
    opacity: 1;
    padding: 5px;
    line-height: 20px;
    font-weight: normal;
}

.descripcion {
    font-size: 15px;
}

.caracteristicas {
    font-size: 15px;
}

.columna-listado {
    padding-left: 0 !important;
    background-color: var(--blanco-secundario);
}

.caracteristicas-cuadricula {
    /* padding-left: 5px;
    margin-bottom: 5px;
    text-align: left;
    font-size: 15px;
    color: var(--negro-principal);
    opacity: 1;
    font-weight: normal;
    line-height: 20px; */
}

.caracteristicas-cuadricula span {
    /* color: var(--negro-principal);
    opacity: 1;
    padding-right: 40px; */
}

.boton-mas-informacion-cuadricula {
    /* background: var(--naranja-acento) 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 45px;
    text-align: center;
    color: var(--blanco-secundario);
    border: 0;
    width: 100%; */
}

.boton-ver-ficha-cuadricula {
    /* background: var(--gris-1)  0% 0% no-repeat padding-box;
    opacity: 1;
    width: 100%;
    height: 60px;
    text-align: center;
    color: var(--blanco-secundario);
    border: 0; */
    /* margin-bottom: 40px; */
}