@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700,800,900');

:root {
    --primario: #101010;
    --secundario: #050505;
    --ternario: #060606;
    --transparencia: #10101026;
    --gris_detalles: #202020;
    --color_boton: #333;

    --familia_fuente_primaria: 'Roboto', sans-serif;
    --familia_fuente_secundaria: 'Open Sans', sans-serif;

    --border-radius: 15px;
}

body {
    color: #fff;
    font-family: var(--familia_fuente_secundaria);
    background-color: #151515;
    /* background-color: pink; */
}

.btn.focus,
.btn:focus,
.btn:hover {
    outline: transparent !important;
}

.text-center {
    text-align: center !important;
}

a,
a:hover,
a:visited,
a:link,
a:active,
a:focus-visible {
    text-decoration: none;
    outline: transparent;
}

p {
    font-size: 16px;
    font-family: var(--familia_fuente_secundaria);
    /* color: #8c8c8c; */
    color: #fff;
}

.full {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.modal p {
    font-size: 14px;
    font-family: var(--familia_fuente_secundaria);
    color: #fff;
}

.modal-footer {
    /* background-color: var(--primario); */
    background-color: #fff;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.enlace-otros {
    color: #b6b6b6;
}

.textaco p {
    font-size: 16px;
    /* text-align: center; */
    color: #fff;
    margin: 0;
    font-family: var(--familia_fuente_secundaria);
}

.antetitulo {
    font-family: var(--familia_fuente_primaria);
    color: #fff;
    font-size: 21px;
    font-weight: 300;
    text-align: left;
}

.titulo {
    font-family: var(--familia_fuente_primaria);
    color: #fff;
    font-size: 52px;
    font-weight: 600;
    text-align: left;
}

.antetitulo_interiores {
    font-family: var(--familia_fuente_primaria);
    color: #fff;
    font-size: 21px;
    font-weight: 300;
    text-align: center;
}

.titulo_interiores {
    font-family: var(--familia_fuente_primaria);
    color: #fff;
    /* font-size: 52px; */
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    margin-top: 10px;
}

.limitar {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.limitar_1 {
    -webkit-line-clamp: 1;
    /* number of lines to show */
}

.limitar_2 {
    -webkit-line-clamp: 2;
    /* number of lines to show */
}

.limitar_3 {
    -webkit-line-clamp: 3;
    /* number of lines to show */
}

.limitar_4 {
    -webkit-line-clamp: 4;
    /* number of lines to show */
}

.limitar_5 {
    -webkit-line-clamp: 5;
    /* number of lines to show */
}

.limitar_6 {
    -webkit-line-clamp: 6;
    /* number of lines to show */
}

.limitar_7 {
    -webkit-line-clamp: 7;
    /* number of lines to show */
}

.limitar_8 {
    -webkit-line-clamp: 8;
    /* number of lines to show */
}

.limitar_9 {
    -webkit-line-clamp: 9;
    /* number of lines to show */
}

.limitar_10 {
    -webkit-line-clamp: 10;
    /* number of lines to show */
}

h1 {
    font-size: 35px;
    font-family: 'Roboto', sans-serif;
}

h2 {
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
}

h3 {
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
}

h6.fino {
    font-size: 16px
}

#socialside {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 29
}

.circulo-w {
    height: 65px;
    width: 65px;
    border-radius: 100px;
    background-color: #87dc75;
    border: 4px solid #fff;
}

.circulo-w img {
    height: 35px;
    width: 35px
}

/* -- circulos -- */
.wrapper-flex,
.wrapper-flex-mobile {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-box;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;

    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}


/* -- row -- */
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.row-eq-height.container:before,
.row-eq-height.container:after,
.row-eq-height.row:before,
.row-eq-height.row:after {
    content: normal;
}

.separa-5 {
    height: 5px;
}

.separa-10 {
    height: 10px;
}

.separa-20 {
    height: 20px;
}

.separa-40 {
    height: 40px;
}

.separa-30 {
    height: 30px;
}

.separa-50 {
    height: 50px;
}

.separa-100 {
    height: 100px;
}

.overflow-x {
    overflow-x: hidden;
}

.overflow-y {
    overflow-y: hidden;
}

.relative {
    position: relative;
}

/*   cabecera   */
.cabecera {
    height: 35px;
    background-color: #141414;
}

.cabecera-escritorio {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 64px;
}

.loginmodal-submit {
    background-color: var(--primario) !important;
    border-color: var(--primario) !important
}

.modal-header {
    /* background-color: var(--ternario); */
    background-color: #fff;
    /* color: #fff; */
    color: #000;
    border-bottom: 0;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

hr {
    border-top: 1px solid #414141;
}


.modal-header {
    position: relative;
}

.modal-body h5 {
    color: #000;
}


.modal-header ::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right,
            transparent 0%,
            #000 25%,
            #000 75%,
            transparent 100%);
}

.modal-footer {
    position: relative;
    border-top: 0;
}


.modal-footer ::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right,
            transparent 0%,
            #000 25%,
            #000 75%,
            transparent 100%);
}

.login-help a {
    color: #fff;
}

.modal-body {
    /* background-color: var(--secundario); */
    background-color: #fff;
}

.modal-header .close {
    margin-top: -2px;
    /* color: #fff; */
    color: #000;
}

.contacto-terminos a {
    color: #838383;
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: #fff;
}

#login-panel {
    position: fixed;
    top: 52px;
    right: -420px;
    width: 420px;
    max-width: 100%;
    height: calc(100vh - 52px);
    background: var(--primario);
    z-index: 99999;
    overflow-y: auto;
    transition: right .35s ease;
    padding: 35px;
    box-shadow: -10px 0 30px rgba(0, 0, 0, .25);
}

#login-panel.abierto {
    right: 0;
}

#login-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .45);
    opacity: 0;
    visibility: hidden;
    transition: .35s;
    z-index: 99998;
}

#login-overlay.abierto {
    opacity: 1;
    visibility: visible;
}

.cerrar-panel {
    position: absolute;
    right: 20px;
    top: 30px;
    border: 0;
    background: none;
    font-size: 34px;
    cursor: pointer;
}

#login-panel input {
    width: 100%;
    margin-bottom: 12px;
    height: 45px;
    padding: 0 12px;
    background-color: #202020 !important;
    border: 1px solid #2e2d2d !important;
    border-radius: var(--border-radius);
}

.loginmodal-submit {
    width: 100%;
}

/* TABLA MIS PEDIOS*/

.tabla_cabecera .row {
    font-weight: 400;
    background-color: #272727;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#tabla_stocks_resultados .row:nth-child(even) {
    background-color: var(--primario)
}

.tabla_stocks .cell {
    padding: 15px;
}

.tabla_stocks .cell-btn {
    padding: 10px
}

.avisono {
    margin: 10px 0px;
    font-size: 18px
}

textarea {
    resize: vertical;
}

/*   menu_principal   */
.menu_interiores {
    background-color: #000;
}

.menu_principal {
    --menu-height: 120px;

    min-height: var(--menu-height);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;

    transition: min-height 0.3s ease, background-color 0.3s ease;
}

.menu_principal_fijo {
    --menu-height: 90px;
    background-color: var(--ternario);
}

.menu_principal .navbar {
    /* min-height: var(--menu-height); */
    margin-bottom: 0;
    transition: min-height 0.3s ease;
}

.menu_principal .navbar-default .navbar-nav>li>a {
    height: var(--menu-height);
    padding: 15px 13px;
    font-family: var(--familia_fuente_primaria);
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 400;

    display: flex;
    justify-content: center;
    align-items: center;

    position: relative;
    overflow: hidden;

    transition: height 0.3s ease, padding 0.3s ease, font-size 0.3s ease, line-height 0.3s ease;
}

.navbar-default {
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #dcdcdc;
    background-color: transparent;
}

.multi-level {
    background-color: #141414;
}

.multi-level>li>a {
    color: #fff;
    font-family: var(--familia_fuente_primaria);
    text-transform: uppercase;
    font-size: 15px;
    padding: 15px 20px;
}

.navbar-nav>li>a:hover {
    color: #dcdcdc !important;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #facaa0;
    background-color: rgba(20, 20, 20, .8);
}

.navbar-right {
    margin-right: 0px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.sidebar-nav li a:hover {
    background-color: var(--ternario);
    color: #fff;
    text-align: center;
}

.navbar-brand a img {
    /* height: 65px; */
    width: 100%;
    height: 100%;
}

a.cerrar_sesion {
    color: #b6b6b6;
}

.botonNavegador {
    float: right;
    height: 100%;
    margin: auto;
}

.menu_principal .btn-navegador {
    /* padding: 12px 50px; */
    padding: 0px 50px !important;
    height: 50px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--familia_fuente_primaria);
    background-color: transparent !important;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 400;
    float: right;
    margin: auto 14px auto 14px;
    transition: .2s;
    border: 1px solid #fff;
    border-radius: 5px;
    width: fit-content;
    transition: 0.3s all linear;
}

.menu_principal.menu_principal_fijo .btn-navegador {
    padding: 10px 45px;
}

.btn-navegador img {
    height: 16px;
    margin: 0 5px 5px 0;
    transition: .2s ease-out;
}

@keyframes hang {
    0% {
        transform: rotate(-50deg);
    }

    50% {
        transform: rotate(50deg);
    }

    100% {
        transform: rotate(-50deg);
    }
}

.btn-navegador:hover img {
    /*
    transform-origin: center;
    animation-name: hang;
    animation-duration: .8s;
    animation-iteration-count: infinite;
    */
    filter: brightness(0);

}

.btn-navegador:hover,
.btn-navegador:focus,
.btn-navegador:active,
.btn-navegador.active,
.open .dropdown-toggle.btn-navegador {
    background-color: #fff !important;
    color: #101010 !important;
}

.zona-privada .flexible {
    display: flex;
    align-items: center;
}

.banner_interiores {
    margin-top: 52px;
}

/* BANNER */
.banner {
    height: 100vh;
    z-index: 1;
}

.banner .splide {
    visibility: visible;
}

.banner .splide__slide img {
    object-fit: cover;
}

.banner-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.banner .overlay_banner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background: rgba(0, 0, 0, 0.40); */
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.59) 92%);
    z-index: 2;
    pointer-events: none;

}

.banner-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
    aspect-ratio: 16/9;
}


/*   banner   */
html {
    scroll-behavior: smooth;
}

.next {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    animation: rebote-next 1.5s ease-in-out infinite;
    cursor: pointer;
    z-index: 2;
}

#seccion_destino {
    scroll-margin-top: 200px;
}


@keyframes rebote-next {

    0%,
    100% {
        transform: translateX(-50%) translateY(0);
    }

    50% {
        transform: translateX(-50%) translateY(12px);
    }
}

.interior_productos_detalle {
    margin-top: 120px;
}

.div-caracteristicas-producto {
    background-color: var(--gris_detalles);
    height: 50px;
    border-radius: var(--border-radius);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Preguntas frecuentes */
.faqAa .panel-group {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 20px 20px;
    width: 100%;
}

.faqAa .panel-group .panel {
    background-color: transparent;
    filter: drop-shadow(0 2px 15px rgba(0, 0, 0, 0.06));
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border: unset;
    position: relative;
    /* width: calc(50% - 10px); */
    width: 100%;
}

.faqAa .panel-default>.panel-heading {
    background-color: var(--gris_detalles);
    padding: 0;
    border-radius: 20px;
    transition: ease 0.1s border-radius !important;
}

.faqAa .panel-group .panel:has(> .collapse.in) .panel-heading,
.faqAa .panel-group .panel:has(> .collapsing) .panel-heading {
    z-index: 1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transition: ease 0s border-radius;
}

.faqAa .panel-title {
    font-size: 16px;
    /* font-weight: 600; */
    font-family: var(--familia_fuente_primaria);
    color: var(--primario);
}

.faqAa .panel-title a {
    border-radius: 10px;
    padding: 0 30px;
    height: 70px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    gap: 0 10px;
    font-weight: 600;
}

.faqAa .panel-body p {
    color: var(--primario__e);
}

.faqAa .drop {
    width: 33px;
    height: 33px;
    border-radius: 15px;
    background-color: var(--primario__e);
    flex-shrink: 0;
    transition: transform ease 0.3s;
}

.faqAa .drop img {
    width: 100%;
    padding: 10px;
    object-fit: contain;
    transform: rotate(180deg);
}

.faqAa .centrado.collapsed .drop>img {
    transform: rotate(0);
}


.faqAa .panel-collapse {
    /* position: absolute; */
    background-color: var(--gris_detalles);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    overflow: hidden;
    width: 100%;
}

.faqAa .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: unset;
    padding: 25px 30px;
    padding-top: 10px;
    max-height: 400px;
    height: fit-content;
    font-family: var(--texto);
}

.faqAa .custom-button {
    background-color: var(--secundario);
    font-weight: 500;
    height: 60px;
}

.faqAa .custom-button::before {
    background-color: var(--light__e);
}

.faqAa .custom-button:hover img {
    filter: none;
}

.overlay_banner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    /* background: rgba(0, 0, 0, 0.23); */
    background: rgba(0, 0, 0, 0.40);
}

.slider_banner .padre_imagen {
    position: relative;
}

.slider_banner .padre_imagen::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 4.02);
    /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.3) 100%); */
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
    z-index: 1;
}

.slider_banner .bx-wrapper {
    height: 100%;
}

.slider_banner {
    /* height: 100vh; */
    height: calc(100vh - 52px);
    width: 100%;
    position: relative;
    overflow: hidden;
}

.slider_banner .slider {
    /* background-color: #141414; */
    height: 100%;
}

.slider_banner .formaBanner {
    position: absolute;
    height: 200px;
    width: 100%;
    bottom: -1px;
    height: 200px;
    overflow: hidden;
    pointer-events: none;
    box-shadow: inset 0px -90px 15px -75px #ffffff;
}

.slider_banner .slider>.bx-wrapper .bx-viewport {
    border: none !important;
    background: transparent !important;
    box-shadow: 0 0 0px #ccc !important;
    width: 100% !important;
    left: 0px !important;
    /* height: 1081px !important; */
    height: 100% !important;
}

.slider_banner .banner {
    transform: none !important;
    height: 100%;
}

.slider_banner .banner .padre_imagen {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.flechas.uno,
.flechas.dos {
    display: none;
}

.slider_banner .banner .padre_imagen .imagen {
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .2s ease-in-out;
}

.slider_banner .overlay {
    position: absolute;
    top: 0;
    height: 1081px;
    width: 100%;
}

.slider_banner .overlayTexto {
    /*
    min-height: 320px;
    */
    width: 500px;
    position: absolute;
    background-color: rgba(20, 20, 20, .8);
    right: 0;
    top: 185px;
    top: 115px;
}

.overlayTexto h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    text-align: left;
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 0 0 30px;
}

.overlayTexto h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 48px;
    text-align: left;
    color: #facaa0;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 0 0 30px;
    word-wrap: break-word;
}

.botonSlide {
    float: right;
    margin: auto;
}


.btn-slider {
    padding: 10px 27px;
    font-family: 'Oswald', sans-serif;
    background-color: var(--primario);
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 400;
    float: right;
    margin: auto 38px auto auto;
    transition: .2s;
}

.btn-slider:hover,
.btn-slider:focus,
.btn-slider:active,
.btn-slider.active,
.open .dropdown-toggle.btn-slider {
    transform: scale(1.1);
}

/* bloque de información */
.imagen-nuestras-villas {
    width: 100%;
    max-width: 570px;
    aspect-ratio: 570 / 450;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    border-radius: var(--border-radius);
}

.seccion-info {
    margin: 0 auto;
    margin-top: 178px;
    margin-bottom: 178px;
    width: 75%;
}

.seccion-info .row {
    align-items: center;
    justify-content: space-between;
}

.seccion-info-row {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 2.25rem;
}

.seccion-info .antetitulo {
    font-family: var(--familia_fuente_primaria);
    color: #fff;
    font-size: 21px;
    font-weight: 300;
    text-align: left;
}

.seccion-info .titulo {
    font-family: var(--familia_fuente_primaria);
    color: #fff;
    font-size: 52px;
    font-weight: 600;
    text-align: left;
}

.seccion-info .textaco {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 0;
    text-align: left;
}

@media (min-width: 1520px) {
    .interior_productos_detalle {
        .custom-container {
            width: 1300px !important;
        }
    }
}

@media (max-width: 850px) {
    .titulo_interiores {
        font-size: 35px;
    }
}

@media (max-width: 1517px) {
    .cabecera-escritorio {
        padding: 0px 13px;
    }
}

@media (min-width: 1200px) and (max-width: 1247px) {
    .menu_principal .navbar-default .navbar-nav>li>a {
        font-size: 14px;
    }

    .menu_principal .navbar-brand {
        height: 80px !important;
    }
}

@media (max-width: 1024px) {
    .imagen-nuestras-villas {
        width: 100%;
        max-width: 420px;
        height: auto;
        margin: 0 auto;
        border: 0;
    }

    .seccion-info {
        margin-top: 100px;
    }

    .seccion-info-row {
        --bs-gutter-x: 2.5rem;
        --bs-gutter-y: 2rem;
    }

    .seccion-info .titulo {
        font-size: 44px;
    }
}

@media (max-width: 767.98px),
(max-width: 1024px) and (orientation: portrait) {
    .seccion-info .antetitulo {
        font-size: 28px;
    }

    .seccion-info .titulo {
        font-size: 40px;
    }
}

@media (max-width: 480px) {
    .imagen-nuestras-villas {
        width: 100%;
        max-width: 320px;
        height: auto;
        margin: 0 auto;
        border: 0;
    }

    .seccion-info {
        margin-top: 72px;
    }

    .seccion-info-row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 1.5rem;
    }

    .seccion-info .antetitulo {
        font-size: 24px;
    }

    .seccion-info .titulo {
        font-size: 32px;
    }

    .seccion-info .textaco {
        font-size: 15px;
    }
}

/*   informacion   */

.informacion h3 {
    font-family: var(--familia_fuente_primaria);
    font-size: 23px;
    text-align: center;
    color: #8c8c8c;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0;
}

.informacion h2 {
    font-family: var(--familia_fuente_primaria);
    font-size: 35px;
    text-align: center;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0;
}

.informacion .textaco p {
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin: 0;
}

.informacion .linea {
    width: 194px;
    height: 4px;
    background-color: var(--primario);
    border-left: 66px solid #efefef;
    border-right: 66px solid #efefef;
    margin: 0 auto;
}

/*   productos   */
.productos .custom-container {
    width: 90%;
    margin: 0 auto
}

.producto-imagen {
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius);
}

.aniadir {
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 2;

    width: 50px !important;
    height: 50px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #fff;
    transition: transform .25s ease, background-color .25s ease;
    border-radius: var(--border-radius);
}

.aniadir img {
    width: 50px;
    height: 50px;
}

.producto-imagen:hover .aniadir {
    transform: scale(1.08);
}

.productos h2 {
    font-size: 45px;
    font-family: var(--familia_fuente_primaria);
    text-align: left;
    color: #fff;
    margin: 0;
    font-weight: 100;
}

.productos span {
    font-weight: 600;
}

.linea {
    width: 100%;
    height: 1px;
    background-color: #4f4f4f;
}


.contenidoProductos div {
    /* padding-left: 7.5px;
    padding-right: 7.5px; */
}

.nombre_producto {
    color: #fff;
    font-family: var(--familia_fuente_primaria);
    font-size: 18px;
    margin-top: 35px;
    text-align: center;
    height: 52px;
    margin-bottom: 20px;
}

.claseProducto {
    cursor: pointer;
    overflow: hidden;
    border-radius: var(--border-radius);
}

.precio {
    border: 1px solid #424242;
    border-radius: var(--border-radius);
    width: 100%;
    height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--familia_fuente_primaria);
    transition: 0.3s all linear;
}

.claseProducto:hover p {
    color: #dcdcdc;
}

.claseProducto:hover .cajas {
    transform: scale(1.1);
}

.precio:hover {
    background-color: var(--secundario);
}

.precio p {
    margin-bottom: 0;
    color: #fff;
    font-weight: 700;
    font-style: italic;
    font-size: 20px;
}

.overlayProducto {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cajas {
    position: relative;
    aspect-ratio: 426 / 520;
    border-radius: var(--border-radius);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .2s ease-in-out;
}

.boton_productos {
    width: 24px;
    height: 24px;
}

.btn-productos {
    font-family: var(--familia_fuente_primaria);
    background-color: #fff;
    color: #000 !important;
    font-size: 16px;
    border: 1px solid #fff;
    border-radius: var(--border-radius);
    transition: 0.3s all linear;
    height: 65px;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 60px;
    gap: 10px;
}

.btn-productos:hover,
.btn-productos:focus,
.btn-productos:active,
.btn-productos.active,
.btn-productos:hover .boton_productos path,
.open .dropdown-toggle.btn-productos {
    background-color: transparent;
    color: #ffffff !important;
    stroke: #fff !important;
}

.btn-productos path {
    stroke: #000 !important;
}

.btn-productos:hover path {
    stroke: #fff !important;
}

.flechas {
    position: absolute;
    z-index: 1;
    color: #434345;
    font-size: 70px;
}

.flechas.uno {
    top: 280px;
    left: -75px;
}

.flechas.dos {
    top: 280px;
    right: -75px;
}

.select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    /* ancho deseado */
}

.select-wrapper .select-icon {
    font-size: 10px;
}

.select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 8px 2.5rem 8px 8px;
    /* espacio para el icono */
    border-radius: var(--border-radius);
}

/* Icono en la derecha */
.select-wrapper .select-icon {
    position: absolute;
    right: 1.75rem;
    top: 70%;
    transform: translateY(-50%);
    pointer-events: none;
    /* para que no bloquee clicks */
    color: #fff;
    /* color del icono */
}

.select-wrapper .select-icon-2 {
    position: absolute;
    right: 1.75rem;
    /* top: 50%; */
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    /* para que no bloquee clicks */
    color: #fff;
    /* color del icono */
}

#buscar_palabra {
    background-color: #202020;
    border: 1px solid #2e2d2d;
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

/* producto detalle */
.interior_productos_detalle {
    .custom-container {
        width: 90%;
        margin: 0 auto;
    }
}

.form-control[disabled],
.form-control {
    /* background-color: #202020; */
    background-color: #f5f5f5;
    /* border: 1px solid #2e2d2d; */
    border: 1px solid #d3d3d3;
    border-radius: var(--border-radius);
    height: 44px;
}

.ug-thumb-wrapper {
    border-radius: var(--border-radius) !important;
}

.modal-content {
    border-radius: var(--border-radius);
}

.ug-thumb-overlay {
    border-radius: var(--border-radius) !important;
}

.ug-thumb-image {
    border-radius: var(--border-radius) !important;
}

/* SERVICIOS */
.custom-container {
    width: 90%;
    margin: 0 auto;
}

.caja_servicio {
    overflow: hidden;
    border-radius: var(--border-radius);
    transition: 0.3s all linear;
}

.padre_img {
    overflow: hidden;
    border-radius: var(--border-radius);
}

.img_servicios {
    width: 100%;
    aspect-ratio: 578 / 748;
    object-fit: cover;
    border-radius: var(--border-radius);
    transition: 0.3s all linear;
    overflow: hidden;
}

.caja_servicio:hover .img_servicios {
    transform: scale(1.1);
}

.caja_servicio:hover .titulo_servicios {
    color: #dcdcdc;
}

.titulo_servicios {
    font-family: var(--familia_fuente_primaria);
    margin-top: 25px;
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    transition: 0.3s all linear;
}

.servicios .row-eq-height {
    justify-content: center;
}

/* Parallax */
.parallax {
    position: relative;
}

.parallax::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.73);
    z-index: 1;
}

.parallax > * {
    position: relative;
    z-index: 2;
}

.parallax .botones_parallax {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.parallax h2 {
    font-size: 75px;
    font-family: var(--familia_fuente_primaria);
    text-align: center;
    color: #fff;
    margin: 0;
    font-weight: 800;
}

.btn-parallax img {
    width: 20px;
    height: 20px;
}

.btn-parallax:nth-child(1) {
    font-family: var(--familia_fuente_primaria);
    background-color: transparent;
    color: #fff !important;
    font-size: 16px;
    border: 1px solid #fff;
    border-radius: var(--border-radius);
    transition: 0.3s all linear;
    height: 65px;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 70px;
    gap: 10px;
}

.btn-parallax:nth-child(1):hover {
    background-color: #fff;
    color: var(--ternario) !important;
}

.btn-parallax:nth-child(1):hover img {
    filter: brightness(0);
}

.btn-parallax:nth-child(2) {
    font-family: var(--familia_fuente_primaria);
    background-color: #fff;
    color: var(--ternario) !important;
    font-size: 16px;
    border: 1px solid var(--ternario);
    border-radius: var(--border-radius);
    transition: 0.3s all linear;
    height: 65px;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 70px;
    gap: 10px;
}

.btn-parallax:nth-child(2):hover {
    background-color: transparent;
    color: #fff !important;
    border: 1px solid #fff;
}

.btn-parallax:nth-child(2) img {
    filter: brightness(0) !important;
}

.btn-parallax:nth-child(2):hover img {
    filter: brightness(1) !important;
}

/* --- SECCIÓN INTRO --- */
.seccion-introduccion {
    /* background-color: var(--ternario); */
}

.seccion-introduccion .custom-container {
    width: 80%;
    margin: 0 auto;
}

.introduccion-antetitulo {
    font-family: var(--tipografia-texto);
    color: var(--color-antetitulo);
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0;
}

.introduccion-titulo {
    font-family: var(--tipografia);
    color: var(--color-titulo);
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 15px;
}

.introduccion-enlaces {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.introduccion-enlace {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 64px;
    padding: 10px 30px 10px 0px;
    font-family: var(--familia_fuente_primaria);
    font-size: 30px;
    font-weight: 600;
    text-decoration: none;
    color: #fff
}

.introduccion-enlace:not(:last-of-type) {
    border-bottom: 1px solid #3c3c3c;
}

.introduccion-enlace .enlace {
    text-align: left !important;
    margin: 20px 20px 20px 15px;
    transition: 0.3s all linear;
}

.introduccion-enlace:hover {
    color: #9c9c9c;
    text-decoration: none;
}

.introduccion-enlace-icono {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    margin-left: 18px;
    border-radius: 5px;
    background-color: #ffffff;
}

.introduccion-enlace-icono img {
    display: block;
    max-width: 16px;
    max-height: 16px;
}

.introduccion-marco-imagen {
    position: relative;
    width: 570px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 10px;
    margin: 0 auto;
}

.img_flecha {
    width: 20px;
    height: 20px;
}

.introduccion-foto {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1200px) {
    .seccion-introduccion .row {
        flex-direction: column;
        gap: 50px;
    }

    .interior_productos_detalle {
        margin-top: 52px;
    }

    .redes_iconitos {
        position: absolute;
        bottom: 0;
    }

    .navbar-header .boton-abrir-reducido {
        opacity: 1;
        transition: opacity 300ms linear;
        filter: invert(1);
        width: 20px;
        height: 20px;
        position: relative;
        top: -5px;
    }

    .navbar-header .boton-cerrar-reducido {
        position: absolute;
        width: 40px !important;
        left: 9px;
        top: 21px;
        transition: opacity 300ms linear;
        opacity: 0;
        filter: invert(1);
        height: 20px;
    }

    body:not(.toggled) .navbar-header .boton-abrir-reducido {
        opacity: 1;
    }

    body:not(.toggled) .navbar-header .boton-cerrar-reducido {
        opacity: 0;
    }

    body.toggled .navbar-header .boton-abrir-reducido {
        opacity: 0;
    }

    body.toggled .navbar-header .boton-cerrar-reducido {
        opacity: 1;
    }

    .fa-unlock-alt:before {
        color: #fff;
    }
}

@media (max-width: 992px) {
    #preciosProducto {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .precio {
        border: none;
    }

    .precio_anterior {
        font-weight: 500;
    }


    .linear-gradient {
    border: 0;
    height: 1px;
    background: linear-gradient(
        to right,
        transparent 0%,
        #424242 25%,
        #424242 75%,
        transparent 100%
    );
    margin: 0;
    width: 90%;
}

    .parallax h2 {
        font-size: 65px
    }

    .cont_caja {
        position: unset !important;
        top: 0 !important;
    }

    /* .fondo_banner {
        height: 400px !important; */
    /* } */

    .titulo_interiores {
        font-size: 45px;
    }

    /* Seccion Intro */
    .seccion-introduccion .columna {
        text-align: center !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .marco_movil {
        width: 100%;
    }

    .seccion-introduccion .introduccion-antetitulo {
        font-size: 20px;
        margin-top: 20px;
    }

    .seccion-introduccion .introduccion-titulo {
        font-size: 40px !important;
    }

    .seccion-introduccion .container .row {
        flex-direction: column-reverse;
    }

    .introduccion-marco-imagen {
        margin-bottom: 40px;
    }
}



/*   caracteristicas   */

.caracteristicas {
    position: relative;
    min-height: 375px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.overlayCaracteristicas {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .63);
}

.overlayCaracteristicas .ellipses {
    height: auto;
    width: fit-content;
    margin: 0 auto;
}

.contenedorEllipse {
    float: left;
    margin-bottom: 20px;
}

@media (min-width: 1200px) {
    .cols-x-7 {
        width: calc(100% / 7) !important;
    }

    /* Cabecera */
    .menu_principal .navbar-brand {
        position: absolute;
        top: 50%;
        left: 50%;

        height: 95px;

        transform: translate(-50%, -50%);
        transform-origin: center;

        transition: height 0.45s cubic-bezier(0.22, 1, 0.36, 1);
    }

    .menu_principal.menu_principal_fijo .navbar-brand {
        height: 85px;
    }
}

.ellipses {
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;

}

.ellipses .ellipse {
    width: 139px;
    height: 139px;
    border-radius: 70px;
    background-color: var(--primario);
    margin: 0;
    box-shadow: 5px 10px 25px -2px #000000;
}

.ellipses .ellipse .contenidoEllipse {
    width: 70px;
}

.imagenEllipse {
    width: 100%;
    height: 100%;
}

.ellipses .ellipse .contenidoEllipse img {
    height: 56px;
    margin: 0 auto 10px auto;
}

.ellipses .ellipse p {
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    text-align: center;
    color: #ffffff;
    font-weight: 100;
    letter-spacing: .2px;
    text-transform: uppercase;
    margin: 0;
}


/*   marcas   */
.sliderMarcas {
    position: relative;
    width: 100%;
    border-top: 1px solid #646464;
    height: 242px;
}

.sliderMarcas .splide__track {
    overflow: hidden;
    height: 100%;
}

.sliderMarcas .splide__list {
    align-items: center;
    height: 100%;
    width: 100%;
}

.sliderMarcas .splide__slide {
    box-sizing: border-box;
}

.sliderMarcas .imagen {
    width: 100%;
    height: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* Flechas */
.sliderMarcas .splide__arrow {
    width: 40px;
    height: 40px;
}

.sliderMarcas .splide__arrow--prev {
    left: -50px;
}

.sliderMarcas .splide__arrow--next {
    right: -50px;
}

/*   footer   */
.footer-info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 100px;
}

.footer-info>* {
    flex: 0 1 auto;
}

.contacto_pie {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    font-size: 15px
}

.contacto_pie>a {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    font-size: 16px
}

.contenedor_imagen_contactos {
    width: 60px;
    height: 60px;
    border: 1px solid #646464;
    border-radius: var(--border-radius);
    display: flex;
    justify-content: center;
    align-items: center;
}

.contenedor_imagen_contactos img {
    width: 27px;
    height: 27px;
    margin: 0 auto
}

.padre_redes img {
    width: 27px;
    height: 27px;
}

.terminos {
    background-color: #151515;
    padding: 34px;
    font-family: var(--familia_fuente_secundaria);
    text-align: center;
}

.terminos p {
    font-size: 16px !important;
}

.copy_enlace {
    background-color: var(--secundario);
    padding: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    font-family: var(--familia_fuente_secundaria);
}

.copy_enlace p {
    font-size: 14px !important;
}

.redes_pie {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.iconos_pie {
    height: 50px;
    width: 150px;
    background-color: #fff;
    transition: 0.3s all linear;
    border-radius: var(--border-radius);
}

.iconos_pie:nth-child(even) {
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    margin: 0 auto
}

.iconos_pie a {
    display: flex;
    justify-content: center;
    gap: 10px;
    text-transform: none;
    color: var(--primario)
}

.iconos_pie img {
    height: 15px;
}

.iconos_pie:hover {
    background-color: #101010 !important;
    border: 1px solid #fff;
}

.iconos_pie:hover a {
    color: #dcdcdc
}


.iconos_pie:hover img {
    filter: brightness(9.5);
}

.centrado_pie {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.redes_iconitos {
    gap: 20px;
    margin-top: 20px;
}

.redes_iconitos>a>img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer {
    background-color: #0b0b0b;
}

.footer a {
    color: white;
    font-size: var(--familia_fuente_secundaria);
    transition: 0.3s all linear;
}

.footer a:hover {
    color: #9c9c9c;
}

.logoFooter img {
    width: 300px;
}

.textoFooter p span {
    font-size: 13px;
    text-align: center;
    color: #ffffff;
    font-weight: 100;
    text-transform: uppercase;
    margin: 0;
}

.textoFooter p {
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    font-weight: 500;
    margin: 0;
    font-family: var(--familia_fuente_secundaria);
}

.textoFooter p a:hover {
    color: #9c9c9c;
}

/* PERFIL */
.table_perfil {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 25px 10px;
}

.table_perfil td {
    width: 50%;
    max-width: 50%;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.titulo_perfil {
    background-color: #202020;
    padding: 15px;
    border-radius: var(--border-radius);
    width: 50%;
}

.contenido_perfil {
    padding: 15px;
    border-radius: var(--border-radius);
    width: 50%;
}

@media (max-width: 991px) {
    .table_perfil {
        width: 100%;
        table-layout: auto;
        border-spacing: 0 10px;
        text-align: center;
    }

    .table_perfil td,
    .table_perfil .titulo_perfil,
    .table_perfil .contenido_perfil {
        width: 100%;
        max-width: 100%;
    }
}

/* INTERIORES */
.btn-favs {
    font-family: var(--familia_fuente_primaria);
    background-color: transparent !important;
    color: #fff !important;
    font-size: 16px;
    border: 1px solid #fff !important;
    border-radius: var(--border-radius);
    transition: 0.3s all linear;
    height: 65px;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 60px;
    gap: 10px;
    margin: 0 auto;
    outline: transparent;
}

.btn-favs:hover,
.btn-favs:focus,
.btn-favs:active,
.btn-favs.active,
.open .dropdown-toggle.btn-favs {
    background-color: var(--primario) !important;
    color: #ffffff !important;
}

.fondo_banner {
    height: 150px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/* - Adjuntos - */

.tipografia,
.titulo-contenido {
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--familia_fuente_primaria);
    font-size: 18px;
    font-weight: 400;
}

.titulo-contenido {
    color: #2f3668;
}

.tipografia i {
    color: #b6b6b6;
}

.listado {
    text-align: justify;
}

.listado ul,
.listado li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    border-radius: var(--border-radius);
}

.listado li {
    padding: 20px;
    background-color: var(--gris_detalles);
}

.listado li a,
.listado li.alt a {
    font-size: 14px;
    font-family: var(--familia_fuente_secundaria);
    font-weight: 400;
    color: #fff;
}

.listado li.alt {
    background-color: transparent;
}

.listado li.alt a {
    color: #fff;
    text-decoration: none;
}

.listado a {
    color: #fff;
    text-decoration: none;
}

.listado a:hover,
.listado li.alt a:hover {
    color: #ff9000;
    text-decoration: none;
}

/************************************
*             PAGINACION            *
************************************/

.btn-pagination {
    color: #FFFFFF;
    background-color: #000;
    border-color: #424242 !important;
    border-radius: var(--border-radius);
}

.btn-pagination:hover,
.btn-pagination:focus,
.btn-pagination:active,
.btn-pagination.active,
.open .dropdown-toggle.btn-pagination {
    color: #FFFFFF;
    background-color: var(--primario);
    border-color: #424242;
}

.btn-pagination:active,
.btn-pagination.active,
.open .dropdown-toggle.btn-pagination {
    background-image: none;
}

.btn-pagination.disabled,
.btn-pagination[disabled],
fieldset[disabled] .btn-pagination,
.btn-pagination.disabled:hover,
.btn-pagination[disabled]:hover,
fieldset[disabled] .btn-pagination:hover,
.btn-pagination.disabled:focus,
.btn-pagination[disabled]:focus,
fieldset[disabled] .btn-pagination:focus,
.btn-pagination.disabled:active,
.btn-pagination[disabled]:active,
fieldset[disabled] .btn-pagination:active,
.btn-pagination.disabled.active,
.btn-pagination[disabled].active,
fieldset[disabled] .btn-pagination.active {
    background-color: #000;
    border-color: #000;
}

.btn-pagination .badge {
    color: #000;
    background-color: #FFFFFF;
}

.btn-pagination {
    padding: 10px 20px;
    font-size: 14px;
    margin: 0 15px;
    border: 1px solid;
}

/* Noticias */

.noticias,
.post_details ul,
.popular {
    list-style: none;
    padding: 0;
    margin: 0;
}

.noticia a {
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color: #e93727;
}

.noticias .imagen {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.noticias .imagen:after {
    content: "";
    padding-top: 50%;
    display: block;
}

.not-imagen {
    background-color: #ededed;
}

.full-width {
    width: 100%;
}

.noticia .titular {
    margin-bottom: 0px;
}

.noticia .titular h1 {
    color: #e93727;
    margin-bottom: 10px;
}

.noticia .titular a>h3 {
    margin-bottom: 17px;
    font-size: 26px;
    text-transform: uppercase;
    text-align: left;
    color: #141414;
    font-family: 'Oswald', sans-serif;
}

.noticia .post_details {
    color: #ffffff;
    background-color: #c1671a;
    padding: 10px;
    border-bottom: solid 5px #141414;
    text-align: right;
    font-size: 13px;
}

.post_details li {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #fff;
}

.noticia-detalle-fecha small {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    color: #302224;
}

.post_details i {
    color: #fff;
}

.noticia-detalle-fecha i {
    color: #c1671a;
}

.noticia .contenido {
    padding: 5px 15px 10px;
    background-color: #fffdf8;
    border: 1px solid #ffefcc;
}

.contenido_noticia_lista {
    border: 1px solid #fee3d2;
    padding: 0px 20px;
    background-color: #fef3eb;
}

.noticia-detalle-fecha {
    text-align: right;
    color: #2b2b2b;
}

.sidebar h5 {
    font-size: 18px;
    text-transform: uppercase;
    color: #141414;
    font-family: 'Oswald', sans-serif;
}

.sidebar .input-group-btn {
    height: 100%;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.sidebar .input-group-btn button {
    height: 100%;
    border: 1px solid #c1661b;
    background-color: #c1661b;
    color: #ffffff;
}

.sidebar .input-group-btn i {
    font-size: 16px;
}

.popular {
    font-size: 13px;
}

.popular li {
    padding: 10px 0;
    border-bottom: dotted 1px #ece2c9;
}

.popular .imagen {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
    border-radius: 3px;
    background-size: cover;
    background-position: center center;
}

.popular a.title {
    color: #141414;
}

.popular a.texto-breve {
    color: #5f5f5f;
    font-weight: 300;
}

.popular a.title:hover,
.popular a.title:focus,
.popular a.title:active {
    color: #c1661b;
}

.contenido_noticia_lista p {}

.bloque.noticia {
    margin-bottom: 40px;
}

/************************************
*            MULTIFORMA             *
************************************/

.bloque_imagen_lista ul {
    list-style: none;
    padding: 0
}

.bloque_imagen_lista i {
    color: #fff
}

.bloque_cabecera .bloque_titulo {
    background-color: var(--gris_detalles);
    padding: 15px;
    border-radius: var(--border-radius);
}

.bloque_cabecera .bloque_interior {
    background-color: #20202061;
    padding: 30px 15px;
    border-radius: var(--border-radius);
    margin-top: 10px;
}

.bloque_cabecera .bloque_titulo h3 {
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--familia_fuente_primaria);
    font-weight: 300
}

.bloque_cabecera .imagen {
    width: 100%;
    border-radius: var(--border-radius)
}

.ug-thumb-wrapper {
    border-radius: var(--border-radius)
}

.bloque_cabecera h4 {
    text-transform: uppercase;
    font-size: 22px;
    font-family: var(--familia_fuente_primaria);
    color: #fff;
    /* text-align: center; */
}

/*.bloque_cabecera .texto{font-size:18px;font-weight:300}*/
.bloque_imagen_lista .imagen {
    width: 100%;
    object-fit: cover;
    margin-bottom: 30px;
    border-radius: var(--border-radius);
}

.bloque_imagen_lista h4 {
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 10px;
    font-family: var(--familia_fuente_primaria);
    color: #fff;
    font-size: 22px
}

.bloque_puntos ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.bloque_puntos ul li {
    margin-bottom: 15px
}

.bloque_puntos ul li>p>.fa {
    font-size: 20px;
    color: #fff
}

.bloque_contenido .titulo {
    background-color: var(--gris_detalles);
    padding: 15px 10px;
    border-radius: var(--border-radius);
}

.bloque_contenido .titulo h4 {
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    font-size: 16px;
    font-family: var(--familia_fuente);
    font-weight: 300
}

.bloque_contenido .bloque {
    padding: 0 10px
}

.bloque_desplegable .fondo,
.bloque_documentos .fondo {
    background-color: var(--gris_detalles);
    padding: 20px;
    margin-bottom: 40px;
    border-radius: 7px;
}

.bloque_desplegable .panel-group,
.bloque_documentos .panel-group {
    margin: 0
}

.bloque_desplegable h2,
.bloque_documentos h2 {
    margin: 0;
    margin-bottom: 20px;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: var(--familia_fuente_primaria);
    color: #fff
}

.bloque_desplegable .panel-default {
    border-color: var(--primario);

    border-radius: var(--border-radius);
}

.bloque_desplegable .panel-default>.panel-heading {
    background-color: var(--primario);
    color: #fff;
    border-color: var(--primario);

    border-radius: 13px;
}

.bloque_desplegable h2 .fa {
    color: #fff
}

.bloque_desplegable .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent;
}

.bloque_imagenes img {
    width: 100%;
    border-radius: var(--border-radius);
}

.bloque_imagenes .flexible {
    display: flex;
    align-items: center
}


.panel-body .btn-corporativo2 {
    padding: 8px 15px
}

.bloque_desplegable p {
    color: #000
}

.bloque_imagenes img {
    width: 100%;
    object-fit: cover;
    border-radius: var(--border-radius);
}

.swipebox .imagen-detalle {
    height: 300px;
    width: 400px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    background-position: center;
    background-size: cover;
    border: 1px solid #ececec;
    aspect-ratio: 1/1;
}

.swipebox .imagen {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: var(--border-radius);
    aspect-ratio: 1/1;
}

.swipebox.alt .imagen {
    background-size: cover;
}

.mini-noticia a {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
}

.mini-noticia:hover a.title {
    color: #282828;
}

/*control img noticias*/
.contenido_texto img,
/* ESTILOS CKEDITOR */

/*
 * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
 */

.textaco {
    & .image {
        display: table;
        clear: both;
        text-align: center;

        /* Make sure there is some space between the content and the image. Center image by default. */
        /* The first value should be equal to --ck-spacing-large variable if used in the editor context
	 	to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */
        margin: 0.9em auto;

        /* Make sure the caption will be displayed properly (See: https://github.com/ckeditor/ckeditor5/issues/1870). */
        min-width: 50px;

        & img {
            /* Prevent unnecessary margins caused by line-height (see #44). */
            display: block;

            /* Center the image if its width is smaller than the content's width. */
            margin: 0 auto;

            /* Make sure the image never exceeds the size of the parent container (ckeditor/ckeditor5-ui#67). */
            max-width: 100%;

            /* Make sure the image is never smaller than the parent container (See: https://github.com/ckeditor/ckeditor5/issues/9300). */
            min-width: 100%;

            /* Keep proportions of the block image if the height is set and the image is wider than the editor width.
			See https://github.com/ckeditor/ckeditor5/issues/14542. */
            height: auto;
        }
    }

    & .image-inline {
        /*
		 * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).
		 * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
		 * This strange behavior does not happen with inline-flex.
		 */
        display: inline-flex;

        /* While being resized, don't allow the image to exceed the width of the editing root. */
        max-width: 100%;

        /* This is required by Safari to resize images in a sensible way. Without this, the browser breaks the ratio. */
        align-items: flex-start;

        /* When the picture is present it must act as a flex container to let the img resize properly */
        & picture {
            display: flex;
        }

        /* When the picture is present, it must act like a resizable img. */
        & picture,
        & img {
            /* This is necessary for the img to span the entire .image-inline wrapper and to resize properly. */
            flex-grow: 1;
            flex-shrink: 1;

            /* Prevents overflowing the editing root boundaries when an inline image is very wide. */
            max-width: 100%;
        }
    }
}

.ck.ck-editor__editable {

    /*
	 * Inhertit the content styles padding of the <figcaption> in case the integration overrides `text-align: center`
	 * of `.image` (e.g. to the left/right). This ensures the placeholder stays at the padding just like the native
	 * caret does, and not at the edge of <figcaption>.
	 */
    & .image>figcaption.ck-placeholder::before {
        padding-left: inherit;
        padding-right: inherit;

        /*
		 * Make sure the image caption placeholder doesn't overflow the placeholder area.
		 * See https://github.com/ckeditor/ckeditor5/issues/9162.
		 */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /*
	 * See https://github.com/ckeditor/ckeditor5/issues/15115.
	 */
    & .image {
        z-index: 1;

        /*
		 * Make sure the selected image always stays on top of its siblings.
		 * See https://github.com/ckeditor/ckeditor5/issues/9108.
		 */
        &.ck-widget_selected {
            z-index: 2;
        }
    }

    /*
	 * See https://github.com/ckeditor/ckeditor5/issues/15115.
	 */
    & .image-inline {
        z-index: 1;

        /*
		 * Make sure the selected inline image always stays on top of its siblings.
		 * See https://github.com/ckeditor/ckeditor5/issues/9108.
		 */
        &.ck-widget_selected {
            z-index: 2;

            /*
			 * Make sure the native browser selection style is not displayed.
			 * Inline image widgets have their own styles for the selected state and
			 * leaving this up to the browser is asking for a visual collision.
			 */
            & ::selection {
                display: none;
            }
        }
    }

    /* Keep proportions of the inline image if the height is set and the image is wider than the editor width.
	See https://github.com/ckeditor/ckeditor5/issues/14542. */
    & .image-inline img {
        height: auto;
    }

    /* The inline image nested in the table should have its original size if not resized.
	See https://github.com/ckeditor/ckeditor5/issues/9117. */
    & td,
    & th {
        & .image-inline img {
            max-width: none;
        }
    }
}

@import "@ckeditor/ckeditor5-ui/theme/mixins/_mediacolors.css";

:root {
    --ck-color-image-caption-background: hsl(0, 0%, 97%);
    --ck-color-image-caption-text: hsl(0, 0%, 20%);
    --ck-color-image-caption-highlighted-background: hsl(52deg 100% 50%);
}

/* Content styles */
.textaco .image>figcaption {
    display: table-caption;
    caption-side: bottom;
    word-break: break-word;
    color: var(--ck-color-image-caption-text);
    background-color: var(--ck-color-image-caption-background);
    padding: .6em;
    font-size: .75em;
    outline-offset: -1px;

    /* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */
    @media (forced-colors: active) {
        background-color: unset;
        color: unset;
    }
}

/* Editing styles */
.ck.ck-editor__editable .image>figcaption.image__caption_highlighted {
    @mixin ck-media-default-colors {
        animation: ck-image-caption-highlight .6s ease-out;
    }

    @media (prefers-reduced-motion: reduce) {
        animation: none;
    }
}

@keyframes ck-image-caption-highlight {
    0% {
        background-color: var(--ck-color-image-caption-highlighted-background);
    }

    100% {
        background-color: var(--ck-color-image-caption-background);
    }
}

.ck.ck-image-insert-url {
    width: 400px;
    padding: var(--ck-spacing-large) var(--ck-spacing-large) 0;

    & .ck-image-insert-url__action-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

.ck.ck-editor__editable {
    & img.image_placeholder {
        background-size: 100% 100%;
    }
}

/* Preserve aspect ratio of the resized image after introducing image height attribute. */
.textaco img.image_resized {
    height: auto;
}

.textaco .image.image_resized {
    max-width: 100%;
    /*
	The `<figure>` element for resized images must not use `display:table` as browsers do not support `max-width` for it well.
	See https://stackoverflow.com/questions/4019604/chrome-safari-ignoring-max-width-in-table/14420691#14420691 for more.
	Fortunately, since we control the width, there is no risk that the image will look bad.
	*/
    display: block;
    box-sizing: border-box;

    & img {
        /* For resized images it is the `<figure>` element that determines the image width. */
        width: 100%;
    }

    &>figcaption {
        /* The `<figure>` element uses `display:block`, so `<figcaption>` also has to. */
        display: block;
    }
}

.ck.ck-editor__editable {

    /* The resized inline image nested in the table should respect its parent size.
	See https://github.com/ckeditor/ckeditor5/issues/9117. */
    & td,
    & th {
        & .image-inline.image_resized img {
            max-width: 100%;
        }
    }
}

[dir="ltr"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
    margin-right: var(--ck-spacing-standard);
}

[dir="rtl"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon {
    margin-left: var(--ck-spacing-standard);
}

.ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label {
    width: 4em;
}

.ug-lightbox .ug-lightbox-overlay {
    background-color: #000000e3;
}

:root {
    --ck-image-style-spacing: 1.5em;
    --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
}

.textaco {

    /* See: https://github.com/ckeditor/ckeditor5/issues/16317 */
    & .image {

        /* Provides a minimal side margin for the left and right aligned images, so that the user has a visual feedback
		confirming successful application of the style if image width exceeds the editor's size.
		See https://github.com/ckeditor/ckeditor5/issues/9342 */
        &.image-style-block-align-left,
        &.image-style-block-align-right {
            max-width: calc(100% - var(--ck-image-style-spacing));
        }

        /* Allows displaying multiple floating images in the same line.
		See https://github.com/ckeditor/ckeditor5/issues/9183#issuecomment-804988132 */
        &.image-style-align-left,
        &.image-style-align-right {
            clear: none;
        }

        &.image-style-side {
            float: right;
            margin-left: var(--ck-image-style-spacing);
            max-width: 50%;
        }

        &.image-style-align-left {
            float: left;
            margin-right: var(--ck-image-style-spacing);
        }

        &.image-style-align-right {
            float: right;
            margin-left: var(--ck-image-style-spacing);
        }

        &.image-style-block-align-right {
            margin-right: 0;
            margin-left: auto;
        }

        &.image-style-block-align-left {
            margin-left: 0;
            margin-right: auto;
        }
    }

    & .image-style-align-center {
        margin-left: auto;
        margin-right: auto;
    }

    & .image-style-align-left {
        float: left;
        margin-right: var(--ck-image-style-spacing);
    }

    & .image-style-align-right {
        float: right;
        margin-left: var(--ck-image-style-spacing);
    }

    /* Simulates margin collapsing with the preceding paragraph, which does not work for the floating elements. */
    & p+.image.image-style-align-left,
    & p+.image.image-style-align-right,
    & p+.image.image-style-side {
        margin-top: 0;
    }

    & .image-inline {

        &.image-style-align-left,
        &.image-style-align-right {
            margin-top: var(--ck-inline-image-style-spacing);
            margin-bottom: var(--ck-inline-image-style-spacing);
        }

        &.image-style-align-left {
            margin-right: var(--ck-inline-image-style-spacing);
        }

        &.image-style-align-right {
            margin-left: var(--ck-inline-image-style-spacing);
        }
    }
}

.ck.ck-splitbutton {

    /* The button should display as a regular drop-down if the action button
	is forced to fire the same action as the arrow button. */
    &.ck-splitbutton_flatten {

        &:hover,
        &.ck-splitbutton_open {

            &>.ck-splitbutton__action:not(.ck-disabled),
            &>.ck-splitbutton__arrow:not(.ck-disabled),
            &>.ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
                background-color: var(--ck-color-button-on-background);

                &::after {
                    display: none;
                }
            }
        }

        &.ck-splitbutton_open:hover {

            &>.ck-splitbutton__action:not(.ck-disabled),
            &>.ck-splitbutton__arrow:not(.ck-disabled),
            &>.ck-splitbutton__arrow:not(.ck-disabled):not(:hover) {
                background-color: var(--ck-color-button-on-hover-background);
            }
        }
    }
}

.textaco figure.media iframe.youtube {
    width: 100% !important;
    aspect-ratio: 16/9;
    height: auto;
}

@media (max-width: 767px) {
    .textaco figure.image {
        width: 100% !important;
    }

    .textaco .image_resized,
    .textaco img {
        height: auto;
        max-width: 100%;
    }
}

/*FIN ESTILOS CKEDITOR*/

/* Form */

.chequear a {
    text-decoration: none;
    color: #b6b6b6;
}

.chequear a:hover,
.chequear a:focus,
.chequear a:active {
    color: #b6b6b6;
}

.marco-contacto .form-control {
    background-color: #202020;
    border: 1px solid #2e2d2d;
    border-radius: var(--border-radius);
}

#login-modal input[type=text],
#login-modal input[type=email],
#login-modal input[type=password] {
    /* background-color: #202020 !important; */
    background-color: #f5f5f5 !important;
    /* border: 1px solid #2e2d2d !important; */
    border: 1px solid #d3d3d3 !important;
    border-radius: var(--border-radius);
}

.btn-login {
    border-radius: var(--border-radius) !important;
}

.marco-contacto {
    border: 1px solid var(--primario);
    background-color: var(--primario);
    padding: 20px 20px 20px;
    border-radius: var(--border-radius);
    height: 100%;
}

#login-modal input[type=submit] {
    border-radius: var(--border-radius);
}

.navbar-right .dropdown-menu {
    border-radius: var(--border-radius);
}

.elige-contacto .nav-tabs {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    border-bottom: 0;
}

.elige-contacto .nav-tabs>li:first-child {
    margin-right: 15px;
}

.elige-contacto .nav-tabs>li:last-child {
    margin-left: 15px;
}

.elige-contacto .nav-tabs>li>a {
    border: 1px solid #333;
    color: #fff;
    text-transform: uppercase;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: var(--border-radius);
    background-color: #333;
}

.elige-contacto .nav-tabs>li.active>a,
.elige-contacto .nav-tabs>li.active>a:focus,
.elige-contacto .nav-tabs>li.active>a:hover {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: var(--border-radius);
}

label {
    margin: 5px 0px;
}

.btn-file {
    color: #fff;
    background-color: #333 !important;
    border-color: #333 !important;

    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.btn-default-formulario {
    color: #fff;
    background-color: #202020;
    border-color: #2e2d2d;
}

.cajon_detalles {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px;
    background-color: var(--gris_detalles);
    height: 100%;
    border-radius: var(--border-radius);
}

.cuadro_detalle.primero {
    width: 74%;
}

.cajon_detalles.primero {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.cont_caja {
    position: sticky;
    top: 150px;

}

.cuadro_detalle.segundo {
    width: 23%;
}

.cajon_detalles.segundo {
    width: 100%;
}

.btn-default-formulario:hover,
.btn-default-formulario:focus,
.btn-default-formulario:active,
.btn-default-formulario.active,
.open .dropdown-toggle.btn-default-formulario {
    color: #1A1A1A;
    background-color: #eaeaea;
    border-color: #eaeaea;
}

.btn-corp1,
.btn-corp {
    color: #FFFFFF;
    background-color: transparent;
    border-color: #fff;
}

.btn-corp1:hover,
.btn-corp1:focus,
.btn-corp1:active,
.btn-corp1.active,
.open .dropdown-toggle.btn-corp1,
.btn-corp:hover,
.btn-corp:active,
.btn-corp:focus {
    color: #FFFFFF;
    background-color: var(--primario);
    border-color: #fff;
}

.mapeado {
    height: 400px;

    position: relative;
    top: 40px;
    z-index: 1;
    overflow: hidden;
}

#map {
    height: 400px;
    clip-path: ellipse(150% 100% at 50% 0);
    -webkit-clip-path: ellipse(150% 100% at 50% 0);
}

.zona-privada a {
    height: auto !important;
}


.swipebox .imagen:after {
    content: "";
    padding-top: 70%;
    display: block;
}


/* Swipebox Gallery */

ul.gallery {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Detalles productos */
.caja_busqueda {
    background-color: #0f0f0f;
    width: 100%;
    height: 122px;
    display: flex;
    justify-items: center;
    align-items: center;
}

.caja_busqueda .form-control {
    color: #fff;
}

.marco_prod {
    border: 1px solid #2e2d2d;
    border-radius: var(--border-radius);
}

.columna_categoria i,
.columna_referencia i {
    color: #dcdcdc;
}

.columna_referencia {
    text-align: right;
}

.producto-datos {
    display: table;
    width: 100%;
    border-radius: var(--border-radius);
    display: flex;
    justify-content: space-between;
}

.tag_option {
    color: #fff;
    background-color: var(--primario);
    border-color: var(--primario);
    border-radius: 0px;
    margin: 0px 7.5px;
}

.opt {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.tag_option:hover,
.tag_option:focus,
.tag_option:active,
.tag_option.active,
.open .dropdown-toggle.tag_option {
    color: #fff;
    background-color: #141414;
    border-color: #141414;
}

.tag_option.active {
    color: #fff;
    background-color: #141414;
    border-color: #141414;
}

.form-control.ancho {
    width: 70px;
    font-size: 30px;
    margin: 0px;
    padding: 0px;
    border: none;
    background: transparent;
    box-shadow: none;
    text-align: center;
    color: #fff
}

.selector_unidades {
    display: flex;
    justify-content: center;
    align-items: center;
}

.selector_unidades a {
    color: #c1671a;
}

h3.precio_detalle {
    font-size: 32px;
    font-family: 'Open Sans', sans-serif;
    margin-top: 10px;
}

.precio_anterior_detalle {
    text-decoration: line-through;
}

.precio_anterior {
    text-decoration: line-through;
    color: #fff;
    font-size: 14px;
}

.selector_unidades i {
    font-size: 22px;
    color: #838383
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.btn-corp2 {
    color: #ffffff;
    background-color: #141414;
    border-color: #141414;
}

.btn-corp2:hover,
.btn-corp2:focus,
.btn-corp2:active,
.btn-corp2.active,
.open .dropdown-toggle.btn-corp2 {
    color: #ffffff;
    background-color: #363636;
    border-color: #363636;
}

/**************************
NUEVA CESTA
**************************/

#cantidad {
    -moz-appearance: textfield;
}

#cesta .articulo .padding {
    padding-right: 30px
}

#mensaje_minimo p strong {
    color: #c1681a;
}

.resumen-cesta {
    padding: 20px
}

.resumen-cesta .ancho-resumen {}

.resumen-cesta .label-resumen {
    float: right
}

.resumen-cesta .label-resumen .cesta-bono {
    font-size: 24px;
    margin-right: 10px
}

.resumen-cesta .label-resumen .precio_descuento {
    font-size: 24px;
    margin-left: 10px
}

.resumen-cesta .label-resumen .bigger {
    font-size: 24px;
}

.resumen-cesta .label-resumen p {
    margin: 0
}

.resumen-cesta .aplicar_codigo {
    height: 52px;
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}

.resumen-cesta .input-group-btn {
    /* border: 1px solid #ccc; */
    /* border-radius: 0; */
    /* border-left: none */
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.input-group-btn:last-child>.btn {
    margin-left: 0 !important;
}

.resumen-cesta .btn-codigo {
    color: #fff;
    /* border: 2px solid #fff; */
    height: 52px;
    cursor: pointer;
    display: flex;
    min-width: 48px;
    align-items: center;
    justify-content: center;
    background-color: #272727;

    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

#gastos .radio,
#gastos label {
    margin: 0
}

#gastos label {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

#gastos .radio .colocar {
    width: 0px;
    margin-bottom: 5px
}

.marco-gasto {
    border: 1px solid #2e2d2d;
    margin-bottom: 10px;
    padding: 10px 0px;
    border-radius: var(--border-radius);
}

#pagar {
    height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}

.resumen-total strong {
    text-transform: uppercase;
    position: relative;
    top: 10px;
}

.metodos-pago .radio-inline {
    font-size: 18px;
    border: solid 2px #141414;
    border-radius: 5px;
    padding: 15px 20px;
    margin: 0;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: fit-content;
}

.metodos-pago .radio-inline.radio-version-1 {
    border-color: #fa5022;
    color: #fa5022;
}

.metodos-pago .radio-inline.radio-version-2 {
    border-color: #fff;
}

.metodos-pago .radio-inline.radio-version-3 {
    border-color: #05C0C7;
    color: #05C0C7;
}

.metodos-pago .radio-inline.radio-version-1.active {
    background-color: #fa5022;
    color: #ffffff;
}

.metodos-pago .radio-inline.radio-version-2.active {
    background-color: #fff;
    color: #000;
}

.metodos-pago .radio-inline.radio-version-3.active {
    background-color: #05C0C7;
    color: #ffffff;
}

.metodos-pago .radio-inline input {
    display: none;
}

.metodos-pago .los-metodos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.metodos-pago .los-metodos .radio-inline {
    font-size: 15px;
    flex: 1;
}

.metodos-pago .los-metodos .radio-inline svg {
    height: 25px;
    max-width: 25px;
    margin-right: 10px;
}

.metodos-pago .los-metodos .radio-inline svg * {
    fill: #fff;
}

.metodos-pago .los-metodos .radio-inline.radio-version-1 svg * {
    fill: #fa5022;
}

.metodos-pago .los-metodos .radio-inline.radio-version-3 svg * {
    fill: #05C0C7;
}

.metodos-pago .radio-inline.radio-version-1.active svg * {
    fill: #ffffff;
}

.metodos-pago .radio-inline.radio-version-2.active svg * {
    fill: #000;
}

.metodos-pago .radio-inline.radio-version-3.active svg * {
    fill: #ffffff !important;
}

.btn-borrartodo {
    border-radius: 0px;
    background-color: #353535;
    color: #fff !important;
    border-radius: var(--border-radius);
}

.swal2-popup {
    font-size: 1.6rem !important;
    /* background-color: var(--primario) !important; */
    background-color: #fff !important;
}

.swal2-title,
.swal2-content {
    /* color: #fff !important */
    color: #000 !important
}

.swal2-styled.swal2-confirm {
    background-color: #202020 !important;
    outline: transparent;
    border: 1px solid #2e2d2d !important;
}

.condiciones a {
    color: #000
}

.btn-corporativo {
    border: 0px;
    color: #000;
    text-shadow: 0 1px rgb(0 0 0 / 10%);
    color: #fff;
    /* background-color: #202020; */
    background-color: #414141;
    border-color: #2e2d2d;
    padding: 10px 5px;
    font-family: var(--familia_fuente_primaria);
    font-size: 15px;
    transition: 0.3s all linear;
    border-radius: var(--border-radius);


    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    padding: 0 70px;
}

.btn-corporativo-cesta {
    border: 0px;
    color: #000;
    text-shadow: 0 1px rgb(0 0 0 / 10%);
    color: #000;
    background-color: #fff;
    border-color: #fff;
    padding: 10px 5px;
    font-family: var(--familia_fuente_primaria);
    font-size: 15px;
    transition: 0.3s all linear;
    border-radius: var(--border-radius);


    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: 0 auto;
    padding: 0 70px;
}

.btn-corporativo-cesta:hover {
    background-color: var(--gris_detalles);
    color: #fff;
}

.btn-corporativo-detalle {
    padding: 0px 50px !important;
    height: 50px !important;
    background-color: var(--ternario) !important;
}

/* .botones_carro > a {
    width: calc(50% - 5px);
} */

.col-botones-detalle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
}

#swipebox-overlay {
    background-color: #0d0d0de8;
}

.menu_principal .iconos {
    height: 50px;
    width: 50px;
    background-color: #3a393a;
    transition: 0.3s all linear;
}

.menu_principal.menu_principal_fijo .iconos {
    /* height: 43px; */
    height: 50px;
    /* width: 43px; */
    width: 50px;
}

.cesta-fijo {
    position: fixed;
    bottom: 110px;
    right: 30px;
    background-color: #fff;
    height: 70px;
    width: 70px;
    border-radius: 100px;
    border: 4px solid #717171;
    z-index: 29;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cesta-fijo img {
    height: 30px;
    width: 30px;
}

.iconos:nth-child(even) {
    background-color: #fff;
    border-radius: 5px;
}

.iconos img {
    height: 20px;
}

.iconos:hover {
    background-color: #101010 !important;
    border: 1px solid #fff;
}

.iconos:hover img {
    filter: brightness(9.5);
}

.centrado {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.btn-corporativo .btn-carro_portada img {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    border-radius: 0;
}

.btn-corporativo:hover {
    color: #FFFFFF;
    background-color: #373737;
    border-color: #373737;
}

.tag_option {
    margin: 7px 5px
}

.eshop .imagen.marco {
    border: 1px solid #cecece;
    margin-bottom: 10px;
    border-radius: var(--border-radius);
}



#buscar_palabra {
    background: #141414;
    color: #FFF;
    height: 44px;
}

/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- --
-- --  -- -- -- -- -- -- -- Responsive  -- -- -- -- -- -- -- -- -- -- -- -- 
-- --  -- -- -- -- -- -- -- -- -- -- --  -- -- -- -- -- -- -- -- -- -- --*/
@media (max-width: 1200px) {
    .footer-info>.logoFooter {
        flex: 0 0 100%;
    }

    .footer-info>.contacto_pie,
    .footer-info>.redes_pie {
        flex: 0 1 auto;
    }

    /* monitores normales y tablet horizontal */

    .navbar-nav>li>a {
        padding: 15px 6px;
    }

    .navbar-brand a img {
        bottom: 48px;
        height: 35px;
    }

    h3.precio_detalle {
        font-size: 34px;
    }

    .cajon_detalles .btn {
        font-size: 13px;
    }

    .cajon_detalles label {
        font-size: 13px;
    }

    .marcas .columnas {
        width: 243px !important;
    }

    .cambio5 {
        display: block;
    }

    .cambio5 .ellipse {
        float: right;
    }

    .cambio7 {
        display: block;
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 15px;
    }

    .metodos-pago .los-metodos {
        flex-wrap: wrap;
    }

    .metodos-pago .los-metodos .radio-inline {
        width: calc(50% - 10px);
    }

    .metodos-pago .los-metodos .radio-inline {
        flex: auto;
    }

    .navbar-header {
        float: none;
        height: 52px;
    }

    .navbar-toggle {
        display: block;
        border-radius: 0;
    }

    .navbar-toggle {
        margin-right: 0px;
        margin-top: 0px;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px 15px;
    }

    .navbar-nav>li {
        float: none;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }

    .btn-navegador.left-toggle {
        position: absolute;
        left: -72px;
        top: 0;
    }

    .btn-navegador {
        padding: 9px 23px;
        font-family: 'Oswald', sans-serif;
        background-color: var(--primario) !important;
        color: #ffffff !important;
        font-size: 16px;
        font-weight: 400;
        float: right;
        margin: auto auto auto 14px;
        transition: .2s;
        text-transform: uppercase;
    }

    .redes_iconitos {
        display: flex;
        align-items: center;
    }

    .btn-navegador:hover,
    .btn-navegador:focus,
    .btn-navegador:active,
    .btn-navegador.active,
    .open .dropdown-toggle.btn-navegador {
        transform: scale(1);
    }

    .modal .login-help {
        margin-bottom: 20px;
    }

    .menu_principal {
        background-color: var(--secundario);
        position: fixed;
        min-height: 52px;
        width: 100%;
        top: 0px;
        z-index: 999;
        border-bottom: 1px solid var(--primario);
    }

    .menu_principal .row {
        position: unset;
    }

    .navbar {
        min-height: 52px;
        z-index: 1;
        position: absolute;
        transition: top 0.2s ease-in-out;
        width: 100%;
        left: 0;
    }

    .navbar-default .navbar-brand {
        color: #777;
        margin: 0 !important;
        /* display: none; */
        width: fit-content;
        width: -moz-fit-content;
        width: 100%;
    }

    .left-toggle {
        position: absolute;
        left: 0;
        top: 0;
    }

    .navbar-default .navbar-toggle {
        border-color: transparent;
        background-color: var(--primario);
    }

    .navbar-toggle {
        padding: 19px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        border-radius: 0px;
        border: none;
        padding: 20px 19px;
    }

    .navbar-brand {
        padding: 8px 0px;
        height: 52px;
    }

    .navbar-header {
        overflow: hidden;
    }

    .nombreMini img {
        height: 35px;
        margin: 0 auto;
        position: relative;
    }

    .navbar-brand {
        padding: 8px 10px 0px;
        height: 52px;
    }

    .navbar-brand p {
        font-size: 23px;
        color: #ffffff;
        width: 100%;
        font-family: 'Eurasia';
        font-style: normal;
        text-align: left;
        margin: 7px 0;
        letter-spacing: 1px;
        bottom: 0;
    }

    .navbar {
        height: 52px;
    }

    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: var(--primario);
    }

    .botonNavegadorMovil {
        height: 100%;
        margin: auto;
        position: absolute;
        right: 0px;
    }

    .btn-navegadorMovil {
        font-family: 'Oswald', sans-serif;
        background-color: var(--primario);
        color: #ffffff !important;
        font-size: 16px;
        font-weight: 400;
        float: right;
        margin: 0;
        transition: .2s;
        width: 60px;
        height: 54px;
        border-right: 1px solid var(--primario);
    }


    .btn-navegadorMovil img {
        height: 24px;
        transition: .2s ease-out;
    }

    .btn-navegadorMovil:hover,
    .btn-navegadorMovil:focus,
    .btn-navegadorMovil:active,
    .btn-navegadorMovil.active,
    .open .dropdown-toggle.btn-navegadorMovil {}

    .sidebar-nav .redes_sociales {
        height: 75px;
        width: 120px;
        float: right;
        margin: 0px 17px;
    }

    .sidebar-nav .redes_sociales .fa {
        color: #826935;
        font-size: 24px;
        margin: 0 13px;
    }

    .sidebar-wrapper.right,
    .sidebar-wrapper.left {
        background-color: var(--primario);
    }

    .menu-movil .sidebar-nav {
        /* padding-top: 42px; */
        padding-top: 142px;
        width: 100%;

        display: flex;
        /* justify-content: center; */
        align-items: center;
        flex-direction: column;
        height: calc(100% - 52px);
    }

    .sidebar-nav li a {
        color: #ffffff;
        padding: 5px 0px;
        font-family: var(--familia_fuente_primaria);
        text-transform: none;
        font-size: 16px;
        font-weight: 400;
        letter-spacing: normal;
        text-align: center;
        border-bottom: 1px solid #2b2b2b;
    }

    .iconito i {
        font-size: 20px;
    }

    .sidebar-nav li a i {
        text-indent: 0px;
    }

    .en_linea {
        display: flex;
    }

    .sidebar-wrapper {
        padding-top: 0px;
        /* max-width: 300px !important; */
        max-width: 100% !important;
    }

    .sidebar-nav li {
        line-height: 50px;
        justify-content: center;
        width: 100%;
        overflow: visible;
    }

    #menu-lateral.toggled.toggle-left .sidebar-wrapper.left {
        width: 100% !important;
    }

    .sidebar-wrapper {
        margin-top: 0 !important;
    }

    /* Bloque de información */
    .seccion-info .row {
        justify-content: center;
        flex-direction: column-reverse;
        gap: 50px;
    }

    .seccion-info .antetitulo,
    .seccion-info .titulo,
    .seccion-info .textaco {
        text-align: center;
    }

    .menu_principal .btn-navegador {
        padding: 0px 20px !important;
        border-radius: 0;
        border: 1px solid transparent;
        margin: 0;
        background-color: var(--primario) !important;
    }
}

@media (max-width: 992px) {
    .cesta-fijo {
        right: 12px;
    }

    .nombreMini img {
        top: -12px
    }

    /* tablet vertical */
    .footer-info {
        flex-direction: column;
        gap: 30px;
    }

    .footer-info>.logoFooter,
    .footer-info>.contacto_pie,
    .footer-info>.redes_pie {
        flex: 0 0 auto;
        width: 100%;
        text-align: center;
    }

    .footer-info>.contacto_pie {
        flex-direction: column;
    }

    .contacto_pie,
    .redes_pie {
        justify-content: center;
    }

    .parallax .botones_parallax {
        flex-direction: column;
    }


    .overlayTexto {
        /*
        min-height: 320px;
        height: auto;
        width: 300px;
        position: absolute;
        background-color: rgba(255,255,255,.1);
        right: 0;
        top: 130px;
        */
    }

    .overlayTexto h3 {
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
        text-align: left;
        color: #ffffff;
        font-weight: 800;
        text-transform: uppercase;
        margin: 0 20px;
    }

    .overlayTexto h2 {
        font-family: 'Raleway', sans-serif;
        font-size: 32px;
        text-align: left;
        color: #facaa0;
        font-weight: 800;
        text-transform: uppercase;
        margin: 0 20px;
    }

    .productos h2 {
        text-align: center;
    }

    .productos .linea {
        width: 194px;
        height: 4px;
        background-color: var(--primario);
        border-left: 66px solid #efefef;
        border-right: 66px solid #efefef;
        margin: 0 auto;
    }

    .cambio5 {
        display: flex;
    }

    .cambio5 .ellipse {
        float: none;
    }

    .cambio7 {
        display: none;
    }

    .cambio1 {
        display: block;
    }

    .cambio1 .ellipse {
        float: right;
    }

    .cambio3 {
        display: block;
    }

    .cambio4 {
        display: block;
    }

    .cambio4 .ellipse {
        float: right;
    }

    .cambio6 {
        display: block;
    }

    .marcas .columnas {
        width: 251px !important;
    }

    h6.fino {
        font-size: 20px;
    }

    .circulo-w {
        height: 70px;
        width: 70px;
    }

    .circulo-w img {
        height: 30px;
        width: 30px;
    }

    #socialside {
        right: 12px;
    }

    .metodos-pago .los-metodos .radio-inline {
        width: 100%;
    }

    .metodos-pago .los-metodos {
        gap: 0;
    }

    .metodos-pago .los-metodos .radio-inline {
        margin-top: 20px;
    }
}

.menu-movil>ul>li>a {
    text-transform: uppercase;
    font-size: 17px
}

@media (max-width: 767px) {

    .seccion-info {
        width: 85%;
    }


    .titulo_interiores {
        font-size: 35px;
    }

    /* .fondo_banner {
        height: 300px !important;
    } */
    .producto-datos {
        flex-direction: column;
        gap: 20px;
    }

    .cuadro_detalle.segundo,
    .cuadro_detalle.primero {
        width: 100%;
    }

    .tienda_textos {
        margin-top: 52px;
    }

    .tienda_textos .custom-container {
        margin-top: 60px;
    }

    .parallax h2 {
        font-size: 45px
    }

    .resumen-total {
        flex-direction: column;
        gap: 10px;
        ;
    }

    .copy_enlace {
        flex-direction: column;
        gap: 20px;
    }

    .caja_servicio {
        margin-top: 50px;
    }

    .columna_referencia {
        text-align: left;
    }

    .introduccion-marco-imagen {
        width: 100%;
    }

    /* movil */
    .btn-pagination {
        padding: 10px 15px;
        font-size: 14px;
        margin: 0 5px;
        border: 1px solid;
    }

    .formaBanner {
        width: 105%;
        height: 100px;
    }

    .overlayTexto {
        width: 300px;
        margin: 0 auto;
        right: 0;
        left: 0;
    }

    .circulo-w {
        height: 70px;
        width: 70px;
    }

    .circulo-w img {
        height: 30px;
        width: 30px;
    }

    #socialside {
        right: 12px;
    }

    .informacion .textaco p {
        font-size: 15px;
    }

    .informacion h2 {
        font-size: 28px;
    }

    .informacion h3 {
        font-size: 20px;
    }

    .overlayTexto h3 {
        text-align: center;
    }

    .overlayTexto h2 {
        text-align: center;
    }

    .botonSlide {
        float: none;
    }

    .btn-slider {
        margin: 0 auto;
    }

    .informacion p {
        margin: 0 20px;
    }

    .cambio1 {
        display: flex;
    }

    .cambio3 {
        display: flex;
    }

    .cambio4 {
        display: flex;
    }

    .cambio6 {
        display: flex;
    }

    .marcas .columnas {
        width: 257px !important;
    }

    .logoFooter img {
        height: 100px;
    }

    /* .slider_banner,
    .banner .padre_imagen .imagen,
    .slider>.bx-wrapper .bx-viewport {
        height: 500px !important;
    } */

    .overlayTexto {
        top: 70px;
    }

    .overlayProducto p {
        font-size: 18px;
    }

    .overlayProducto .precio {
        padding: 15px 0px;
    }

    .precio_anterior_detalle {
        margin-top: 10px;
    }

}

@media (max-width: 736px) {
    .marcas .columnas {
        width: calc(100vw / 2) !important;
    }
}


@media (max-width: 414px) {
    .marcas .columnas {
        width: 100vw !important;
    }
}

.btn-black {
    color: var(--primario);
    background-color: #fff;
    border: none;
}

.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
    color: #ffffff;
    background-color: #000;
    border-color: #000000;
}

.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
    background-image: none;
}

.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black.active {
    background-color: #000000;
    border-color: #000000;
}

.btn-black .badge {
    color: #000000;
    background-color: #ffffff;
}