@font-face{
    font-family:BentonSans-Bold;
    src:url(fuentes/BentonSans-Bold.woff2);
}

@font-face{
    font-family:BentonSans-Regular;
    src:url(fuentes/BentonSans-Regular.woff2);
}


@font-face{
    font-family:Questrial;
    src:url(fuentes/Questrial-Regular.ttf);
}

html { 
    box-sizing: border-box;
    font-size: 62.5%; /** 1rem = 10px **/
    display: flex;
    flex-direction: column;
    padding: 0 1.5rem;
    font-family: 'BentonSans-Regular','BentonSans-Bold' ;
}

@media (max-width: 600px) {
    html {
        padding: 0;
    }
}



* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

u{
    text-decoration: underline !important;
}

input:not([type="radio"]):not([type="checkbox"]) {
    -webkit-appearance: none;
    border-radius: 0;
}

body {
    border-color: #d2d2d2;
    min-width: 300px;
    background: black;
}
body
button{
    cursor: pointer;
    border-style: none;
    
    background: transparent;
}

#main-header {
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    border-bottom: groove;
}

header {
    position: relative;
    width: 100%;
    background: black;
    margin-top: 1rem;
}

.menus nav {
    
    width: 100%;
    /* hacemos que la cabecera ocupe el ancho completo de la página */
    left: 0;
    /* Posicionamos la cabecera al lado izquierdo */
    top: 0;
    /* Posicionamos la cabecera pegada arriba */
    position: fixed;
    /* Hacemos que la cabecera tenga una posición fija */
    width: 100%;
    margin: 0 auto;
}

.menus,
.menus ul,
.menus ul li,
.menus ul li a,
.menus #head-mobile {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.menus ul{
    
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.menus:after,
.menus>ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.pc{
    display:flex;
    
}

.cel{
    display:none;
}


@media (max-width: 800px) {
    .pc{
        display:none;
    }
    
    .cel{
        display:block;
    }
        
}



.menus {   
    display: flex;
    flex-direction: column-reverse;
  justify-content: center;
}

.menu:hover{

    font-family: 'BentonSans-Regular','BentonSans-Bold';
}

.menus>ul>li {
    float: left
}

.menus>ul>li>a {

    padding: 1rem;
    font-size: 2rem;
    letter-spacing: 1px;
    text-decoration: none;
    color: white;
    font-weight: 700;
}

.menus>ul>li:hover>a,
.menus ul li.active a {
    color: #282220;
}

.menus>ul>li:hover,
.menus ul ul li:hover>a,
.menus ul li.active:hover,
.menus ul li.active,
.menus ul li.has-sub.active:hover {
    background: #447182 !important;
    -webkit-transition: background .3s ease;
    -ms-transition: background .3s ease;
    transition: background .3s ease;
    color:black;
}

.menus>ul>li.has-sub>a {
    padding-right: 30px
}

.menus>ul>li.has-sub>a:after {
    position: absolute;
    top: 22px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: ''
}

.menus>ul>li.has-sub>a:before {
    position: absolute;
    top: 19px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease
}

.menus>ul>li.has-sub:hover>a:before {
    top: 23px;
    height: 0
}

.menus ul ul {
    position: absolute;
    left: -9999px
}

.menus ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    background: #333;
    transition: all .25s ease
}

.menus li:hover>ul {
    left: auto
}

.menus li:hover>ul>li {
    height: 35px
}

.menus ul ul ul {
    margin-left: 100%;
    top: 0
}

.menus ul ul li a {
    border-bottom: 1px solid rgba(150, 150, 150, 0.15);
    padding: 11px 15px;
    width: 170px;
    font-size: 12px;
    text-decoration: none;
    color: #ddd;
    font-weight: 400;
}

.menus ul ul li:last-child>a,
.menus ul ul li.last-item>a {
    border-bottom: 0;
    line-height: normal;
}

.menus ul ul li:hover>a,
.menus ul ul li a:hover {
    color: #fff
}

.menus ul ul li.has-sub>a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: ''
}

.menus ul ul li.has-sub>a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease
}

.menus ul ul>li.has-sub:hover>a:before {
    top: 17px;
    height: 0
}

.menus ul ul li.has-sub:hover,
.menus ul li.has-sub ul li.has-sub ul li:hover {
    background: #ddd;
}

.menus ul ul ul li.active a {
    border-left: 1px solid #ddd
}

.menus>ul>li.has-sub>ul>li.active>a,
.menus>ul ul>li.has-sub>ul>li.active>a {
    border-top: 1px solid #ddd
}

    .menus .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        text-align: center;
        padding: 10px 0 0 0;
        float: none
    }

    .menus nav {
        width: 100%;
        left: 0;
        /* Posicionamos la cabecera al lado izquierdo */
        top: 0;
        /* Posicionamos la cabecera pegada arriba */
        position: fixed;
        /* Hacemos que la cabecera tenga una posición fija */
    }
    .menus {
        width: 100%
    }
    .menus ul {
        width: 100%;
        display: block;
        border-bottom: groove;
    }
    .menus ul li {
        width: 100%;
        /* border-top: 1px solid #444 */
    }
    .menus ul li:hover {
        background: #363636;
    }
    .menus ul ul li,
    .menus li:hover>ul>li {
        height: auto
    }
    .menus ul li a,
    .menus ul ul li a {
        width: 100%;
        border-bottom: 0
    }
    .menus>ul>li {
        float: none
    }
    .menus ul ul li a {
        padding-left: 25px
    }
    .menus ul ul li {
        background: #333 !important;
    }
    .menus ul ul li:hover {
        background: #363636 !important
    }
    .menus ul ul ul li a {
        padding-left: 35px
    }
    .menus ul ul li a {
        color: #ddd;
        background: none
    }
    .menus ul ul li:hover>a,
    .menus ul ul li.active>a {
        color: black;
    }
    .menus ul ul,
    .menus ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left
    }

    .menus #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700
    }
    .button {
        width: 55px;
        height: 46px;
   /*     position: absolute;
        right: 0;
        top: 0;*/
        cursor: pointer;
        z-index: 12399994;
    }
    .button:after {
        position: absolute;
        top: 4.5rem;
        right: 20px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #ddd;
        border-bottom: 2px solid #ddd;
        content: ''
    }
    .button:before {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 3.9rem;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: #ddd;
        content: ''
    }
    .button.menu-opened:after {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        top: 4rem;
        border: 0;
        height: 2px;
        width: 19px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .button.menu-opened:before {
        top: 4rem;
        background: #fff;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .menus .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer
    }
    .menus .submenu-button.submenu-opened {
        background: #262626
    }
    .menus ul ul .submenu-button {
        height: 34px;
        width: 34px
    }
    .menus .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: ''
    }
    .menus ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }
    .menus .submenu-button.submenu-opened:after {
        background: #fff
    }
    .menus .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: ''
    }
    .menus ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }

    .menus ul ul ul li.active a {
        border-left: none
    }
    .menus>ul>li.has-sub>ul>li.active>a,
    .menus>ul ul>li.has-sub>ul>li.active>a {
        border-top: none
    }
    #logo {
        width: 300px;
        height: 267px;
        position: absolute;
        top: 10px;
        left: 3%;
    }
    #logo img {
        width: 300px;
        height: auto;
    }


body{
    height: auto;
    display: flex;
    flex-direction: column;
    border-style: groove;
}

.menu {
    display: flex;
    flex-direction: row;
    padding-bottom: 1.3rem;
    border-bottom: none;
}

.menu-der{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-end;
    width: 33.33%;
}

.menu-der img {
    height: 5rem;
    margin: 2rem 0rem 0rem 1.5rem;
}

.menu-izq{
    width: 100%;
    display: flex;
    align-items: self-start;
    justify-content: space-around;
    
}
.logo-desktop{
    display: flex;
    align-items: start; 
    justify-content: center;
}

.logo-mobile{
    display: none;
    align-items: center; 
    justify-content: center;
}

.menu-izq img {
    height: 5rem;
    width: 5rem;
    margin: 2.5rem 1rem .5rem 1rem;
    background: black;
}
.logo-desktop img{
    height: 100%;
}
.menuLogoNombre{
    display: block;
    text-align: center;
    font-size: 18px;
}
.menu-cen{
    width: 33.33%;
    display: block;
    text-align: center;
}
.menu-cen img{
    height: 20rem;
}

hr.hrMenuNombre{
    opacity: 1;
    width: 90%;
    margin: 0 auto;
}
.h1Home{
    color: #fff; 
    text-align: center;
    margin: .5rem 0;
    font-weight: 300;
}
.btn-busqueda {
    border-left: groove;
    height: 100%;
    width: auto;
    max-width: 4rem;
    max-height: 2.5rem;
    background: white;
    padding: 0.5rem;
}

/*boton consulta ini*/

.float-consulta {
    width: 8rem;
    height: 10rem;
    cursor: pointer;
    display: block;
    color: #fff;
    border-radius: 30%;
    line-height: 0px;
    text-align: left;
    z-index: 130;
    position: relative;
}

.float-consulta a{
    z-index:9999;
    width: 8rem;
    height: 8rem;     
    border-radius: 8rem; 
}

.float-consulta a img {
    padding: .5rem 1rem 1.8rem 1rem;
    height: 7.6rem;
    border-radius: 6rem;
    background: black;
    margin: 0rem;
}

.float-consulta a span {
    position: absolute;
    color: white;
    top: 3rem;
    background: darkturquoise;
    border-radius: 6rem;
    padding: 2rem 1.3rem 0;
    height: 2rem;
    font-size: 3.1rem;
    right: 1.8rem;
}

/*boton consulta fin*/


.designer-info{
    color: white;
    font-size: 2rem;
}
.designer-info td{
    padding:2rem;
    text-align:center;
    
    line-height: 4rem;
    font-size: 2.5rem;
}

.designer-info p{
    font-size:3rem;
}

@media(max-width:730px){
    .designer-info td{
        line-height: 3rem;
        font-size: 2rem;
    }
    .logo-desktop{
    display: none;
    }
    .logo-mobile{
        display: flex;
    }
}



@media(min-width:640px) and (max-width:800px){
    .logo-desktop{
    display: none;
    }
    .logo-mobile{
        display: flex;
    }
    .menu-izq img {
        height: 4rem;
        width: 4rem;
        margin: 2.5rem 1rem;
        background: black;
    }
    .menu-der img {
        height: 4rem;
        margin: 1rem;
    }
    .menu-izq {
        width: 100%;
    }
    .menu-cen {
        width: 30%;
        display: block;
        text-align: center;
    }
    .menu-der {
        width: 35%;
    }
    
}


@media(min-width:640px) and (max-width:730px){
    .menu-izq img,
    .menu-der img
    {
        height: 4rem;
        width: 4rem;
    }
    .logo-desktop{
    display: none;
    }
    .logo-mobile{
        display: flex;
    }
}


@media(max-width:639px){
    .float-consulta a span {

        top: 2rem;
    }
    
}

@media(min-width:401px) and (max-width:639px){
    .menu-izq img {
        height: 3rem;
        width: 3rem;
    }
    .menu-der img{
        height: 3rem;
        width: 3rem;
    }
    
    .a2a_default_style .a2a_img_text {
        height:6rem  !important;
        width:6rem  !important;
    }
}


@media(max-width:400px){
    .logo-desktop{
    display: none;
    }
    .logo-mobile{
        display: flex;
    }
    
    .a2a_default_style .a2a_img_text {
        height:5rem  !important;
        width:5rem  !important;
    }
    
    .menu-izq img {
        height: 3rem;
        width: 3rem;
    }
    .menu-der img{
        height: 3rem;
        width: 3rem;
    }
    .float-consulta {
        height: 8rem;
    }
}

.menus {
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    place-content: flex-end;
    
}

#botmenu, #botmenu2 {
    background-color: black;
    /* width: 5rem; */
    /* height: 5rem; */
    border: none;
    cursor: pointer;
    padding: 0 1rem 0 0;
}
/*#botmenu{
    margin: 2rem 0 0 1rem;
}*/
#botmenu2{
    background-color: black;
    width: 100%;
    height: 5rem;
    border:none;
    cursor: pointer;
    align-content: center;
    padding: 1rem 0 0px;
}

#botmenu2 img,
#botmenu3 img{
    height: 4rem;
    width: 4rem;
}
.centrar{
    text-align: center;
}

.menu-mobile{
    display: none;
}

.icono-izq{
    position: relative;
}

.icono-izq span {
    text-align: center;
    position: absolute;
    color: white;
    background: darkturquoise;
    border-radius: 1rem;
    height: 2.1rem;
    width: 2.1rem;
    font-size: 2rem;
    padding: 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 15%;
    right: 40%;
}

@media (max-width: 730px) {
    .logo-desktop{
    display: none;
    }
    .logo-mobile{
        display: flex;
    }
    .icono-izq span {
        height: 1.7rem;
        width: 1.7rem;
        font-size: 1.5rem;
    }
    
    .designer-info{
        color: white;
        font-size: 1.5rem;
    }
    .designer-info td{
        padding:1.5rem;
    }
    
    .designer-info p{
        font-size:2rem;
    }
}
@media (max-width: 800px) {
    .logo-desktop{
    display: none;
    }
    .logo-mobile{
        display: flex;
    }
    .menu-cen{
        display: none;
    }
    .menu{
        height: 5rem;
        border-bottom: groove;
    }
    .menu-mobile{
        display: block;
        width: 100%;
        height: 20rem;
        align-items: center;
    }

    .menu-cen-mobile{
        display: block;
        text-align: center;
    }
    .menu-cen-mobile img{
        height: 20rem;
    }

    .menu-izq{
        align-items: center;
        width: 100%;
    }
    .menu-der{
        width: 44.9%;
    }
    .menu-items img {
        height: 4rem;
        margin: 0 2rem 0 30.5%;
    }
    .menus>ul>li>a {
        font-size: 1.8rem;
        line-height: 3rem;
    }
    .icono-izq span {
        bottom: 25%;
    }

}


@media (max-width:639px){
    .icono-izq span {
        height: 1.2rem;
        width: 1.2rem;
        font-size: 1rem;
    }    
}


@media (max-width: 800px){
    .menu-der {
        width: 45.9%;
    }
}
@media (max-width: 320px) {

    .menu-izq img {
        height: 2rem;
        width: 2rem;
    }
    
    .menu-der img{
        height: 2rem;
        width: 2rem;
    }

    .menu-izq {
        padding: 0;
    }
    .icono-izq span {
        height: 1.2rem;
        width: 1.2rem;
        font-size: 1rem;
    }

}
.menu-items{
    display: flex !important;
    align-items: center;
}

.icono-der{
    height: 5rem;
}


.menu-items img {
    height: 4rem;
    margin: 0 2rem 0 43.5%;
}

#txtBusqueda {
    /* border-style: groove; */
    font-size: 3rem;
    height: 100%;
    border: none;
}

.menu-sub{
    border-bottom: none !important;
}

.menu-sub li a{
        background: black !important;
        font-size: 2rem !important;
}
 
@media (max-width:600px){
    .menu-sub li a{
        font-size: 1.8rem !important;
    }
    
}
.busqueda-info {
    flex-direction: row;
    flex-wrap: wrap;
    display: inline-flex;
    margin: 2rem 0;
}

#menubuscar{
    border-bottom:groove;
}
 
/* menu fin*/
/*principal ini*/


.categoria {
    display: flex;
    justify-content: space-around;
    margin-top: .5rem;
    border-style: groove;
    border-left: none;
    border-right: none;
}

.categoria .seccion{
    position: relative;    
    width: 100%;
    height: 40rem;

}
.categoria h2{
    text-transform: uppercase;
    font-weight: 800;
}

@media (max-width: 900px){
    .btnMenu{
        display: none;
    }
    .logo-desktop{
    display: none;
    }
    .logo-mobile{
        display: flex;
    }
    .menu-items img {
        height: 4rem;
        margin: 0 2rem 0 38.5%;
    }
}
@media (max-width: 600px) {
    .categoria{    
        margin-top: 1rem;
    }
    .categoria .seccion {
        height: 30rem;
    }
    
    #txtBusqueda{
    font-size: 2rem;
    }
    .menu-items img {
        height: 4rem;
        margin: 0 2rem 0 27.5%;
    }
    .menu-items h2{
        font-size:2rem;
    }
}

@media (max-width: 350px) {

       .menu-items img {
        margin: 0 2rem 0 20%;
    } 
}
.categoria .seccion img{
    position: absolute;
    width: 100%;
}

.categoria .seccion a div{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;    
    position: absolute;
}


.categoria .seccion div div{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;    
    position: absolute;
    cursor: default; 
}

.categoria .seccion h2,
.categoria .seccion h1{    
    text-align: center;
    width: auto;
    height: auto;
    position: absolute;
    background-color: black;
    color: white;
    font-family: 'BentonSans-Regular','BentonSans-Bold';
    font-size: 3rem;
    letter-spacing: 1.5rem;
    padding: 0.85rem;
}

@media  (max-width: 400px) {
    .categoria .seccion h2,
    .categoria .seccion h1{  
            font-size: 1.5rem;
    }
}

.categoria img{
    height: 40rem;
    width: 100%;

}
.categoria #imgchange{
    width: 100%;
    height: 100%;

}

/*principal fin*/

/*footer ini*/

footer {
    background-color: #000000;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    /* margin-bottom: 13rem; */
    border-top: 0.2rem groove;
}

#redes {
    display: flex;
    justify-content: center;
    margin: 2rem 0;
}

#redes div {
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin: 0.8rem;
}

#pinterest{
    height: 6.1rem;
}

footer .info{
    
    background-color: #000000;
    font-family: 'BentonSans-Regular';
    font-size: 2rem;
    display: flex;
    flex-direction: row;
    color:white;    
    justify-content:space-between; 
    height: 6rem;
    text-align: center;    
    padding: 0 2rem;
    border-style: groove;
    border-top: none;
    border-right: none;
    border-left: none;
}


footer .info div{
    font-family: 'BentonSans-Regular';
    display: flex;
    flex-direction: row;
    color: white;
    letter-spacing: 0.4rem;
    justify-content: center;
    align-items: center;
}
footer .info a{
    color:white;
    font-size: 1.8rem;
}



@media  (max-width: 767px) { 
    footer span {
        font-size: 1.4rem;
    }
    
    footer .info a {
        font-size: 1.4rem;
    }

    footer .info{
        font-size:1rem;
        justify-content: center;
        flex-direction: column;  
        padding: 0 0 1rem;
    } 
    footer .info div {
        margin-top:1rem;
    }
    
    #redes {
        justify-content: start;
         
        margin: 0 0 0 6rem;
    }
}


/*footer fin*/
/*categoria ini*/
.products-list {
    padding: 2rem 0 2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.products-list small{
font-size: 3rem;
    width: 50%;
    text-align: left;
}

.products-list li {
    display: flex;
    flex-direction: column;
    width: 48%;
    padding: 0px 1%;
    /* height: 35rem; */
}

.products-list div {
    text-align: center;
    height: 30rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    place-content: center;
}


.products-list img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 30rem;
}

.products-list a {
    position: relative;
    background-color: white;
    text-align: center;
    /* padding: 2rem 0; */
    height: 42rem;
}
.products-list big {
    font-size: 3rem;
    color: black;
    padding: 1rem 0 0 0px;
}

.link-indicator {
top: 0;
right: 0;
position: absolute;
padding: 3rem;
background: url(../img/indicator-icon-link.png) no-repeat center center;
background-size: 85%;
}

.link-indicator-product {
    top: 0;
    left: 25%;
    width: 0rem;
    height: 0rem;
    position: absolute;
    padding: 3rem;
    background: url(../img/lupa-prod.png) no-repeat center center;
    background-size: 50%;
}


@media (max-width:1100px){

    .products-list img {
        width: auto;
    }
    .products-list big {
        font-size: 2.4rem;
    }
    .categoria .seccion {
        height: 35rem;
    }
}
@media (max-width: 900px) {

    .products-list li {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .products-list img {
        height: auto;
        width: auto;
    }
    
    .link-indicator-product {
        left: 0%;
    }
    
}
@media (max-width: 600px){
    .products-list img {
        width: auto;
    }
    
    .products-list small{
        font-size: 2rem;
    }

    .link-indicator {
        padding: 2rem;
    }
    
}
@media (max-width: 450px){
    .products-list img {
        height: 15rem;
        width: auto;
    }
    .categoria .seccion {
        height: 25rem;
    }
    
    .products-list div {
        height: auto !important;
        max-height: 15rem !important;
    }
    .products-list a {
    height: auto;
    }
}
/*categoria fin*/
/*producto*/


.slide .img-vis{
    display: none;
    text-align: center;
}



.item-img iframe{
    width:100%;
    height: 30rem;
}


.prev, .next {
cursor: pointer;
    position: absolute;
    width: auto;
    color: white;
    font-weight: bold;
    font-size: 60px;
    transition: 0.6s ease;
    display: block;
    text-align: center;
    top: 26rem;
    margin: 0;
    width: 10rem;
    height: 10rem;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
:focus { 
    outline-color: transparent; 
    outline-style: none;
}

.prev{
    background: url(../img/carousel-left.png) no-repeat;
    left: 0;
    background-size: 100% 100%;
}
.slide .img-vis {
    display: none;
    text-align: center;
}
   
.next{
    right:0;
    background: url(../img/carousel-right3.png) no-repeat;
    background-size: 100% 100%;
}

.item-img{
    position: relative;
}
.item-img .img-vis{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.item-img {
    height: 60rem;
    max-width: 100%;
    width: auto;
    border-top: none;
    border-right: none;
    border-left: none;

}
.item-img img{
    max-height: 60rem;
    max-width: 100%;
    width: auto;
}

.producto-info{
    color: white;
}
.product-measures dt {
	position: relative;
	font-size: 22px;
	line-height: 90px;
	text-transform: uppercase;
	cursor: pointer;
    /* border-top: 1px dotted #D5D0CA; */
    color: #fff;
    padding: 0 0 0 2rem;
}
.product-measures dt small {
	position: absolute;
	top: 0;
    right: 0;
    font-size: 3rem;
    padding: 0 2rem;
}

.product-data table {
    width: 100%;
    padding: 10px;
    border-collapse: collapse;
    
    color: #111;
}

.product-data table tr {
    /* border-bottom: 1px solid #EBE9E7; */

}

.product-data  {
    border-top: 1px solid #EBE9E7;

}

element.style {
    border-top: 1px solid #EBE9E7;
}
.producto-nombre {
    display: flex;
    flex-direction: row;
    border-bottom: groove;
    align-items: center;
    justify-content: space-between;
}

.product-data table th {
    width: 45%;
    text-align: left;
    padding: 1rem 0 1rem 1rem;
    font:  23px/43px 'BentonSans-Regular','BentonSans-Bold';
}

.product-data table td {
    font:  21px/21px Arial, Helvetica, sans-serif;
}

.product-data table td em {
	font-style: normal;
}

#gallery_product{
    padding: 1rem 0;
}

.cuca {
    color: white;
    font-size: 3rem;
    /* padding: 0 1rem; */
    /* margin: 1rem; */
    line-height: 3rem;
    white-space: nowrap;
}

small.cuca {
    background: #776D6B;
    font-size: 3rem;
    text-align: center;
    padding: 1rem 1.5rem;
    width: fit-content;
}

@media (max-width:750px){

    .cuca {
        color: white;
        font-size: 2rem;
        padding: 0;
        /* margin: 1rem; */
    } 
    small.cuca {
        font-size: 2rem;
    }
    .categoria .seccion {
        height: 15rem;
    }
    
    .categoria .seccion h2, .categoria .seccion h1 {
        font-size: 1.8rem;
    }
}

@media (min-width:750px) and (max-width:1100px) {
    .categoria .seccion {
        height: 23rem;
    }
    
}

.galeria{
    border-style: groove;
    border-top: none;
    border-right: none;
    border-left: none;
}

.hidden {
    display: none;
    visibility: hidden;
}

#compartir{
    max-width: 35rem;
    
}
.a2a_kit{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.a2a_kit a {
    cursor: pointer;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

table.ask-table td a {
    border-bottom: 1px dotted #988B85;
    color: aqua;
}
table.ask-table td a:hover {
	border-bottom: 1px solid;
}

.box-page-consulta h2 {
    padding: 2rem 3rem;
    /*font-family: "TheSansCaps", Arial, Helvetica, sans-serif;*/
    font-size: 29px;
    color:white;
    border-bottom: groove;
    text-align: center;
}

.box-page h2 {
    padding: 2rem 3rem;
    font-size: 3rem;
    color: white;
    text-align: center;
    font-family: 'BentonSans-Bold', 'BentonSans-Regular';
}
.box-page-producto h2 {
    padding: 2rem 3rem;
    /*font-family: "TheSansCaps", Arial, Helvetica, sans-serif;*/
    font-size: 35px;
    color:aqua;
    border-bottom: groove;
    text-align: center;
    line-height: 5rem;
    border-color: #dee;
}
@media (max-width: 768px) {
    .box-page-producto h2 {
        font-size: 25px;
        padding: 1rem;
    }
}


.box-page.local h2 {
    padding: 2rem 3rem;
    /*font-family: "TheSansCaps", Arial, Helvetica, sans-serif;*/
    font-size: 29px;
    color:white;
    border-bottom: groove;
    text-align: center;
}



.ruta a{
    color:white;
}
a.btn-step-back,
a.btn-back{
    /* top: 6px; */
    padding: 5px 9px 5px 9px;
    font:  21px/19px 'BentonSans-Regular','BentonSans-Bold';
    color: #FFF !important;
    background: #545454;
    cursor: pointer;
    z-index: 100;
    width: auto;
    text-align: center;
    /* margin: 1rem; */
    padding: 1rem;
}

@media (max-width: 600px){
    .prev, .next {
        width: 8rem;
        height: 8rem;
    }
    .prev {
        left: 0;
    }
    .next {
        right: 0;
    }
    .item-img .img-vis {
        position: absolute;
        left: 40%;
        top: 50%;
        transform: translate(-33%, -50%);
    }
    a.btn-step-back,
    a.btn-back{
           padding: 0.5rem;
    }
} 
#dialog {
    text-align: -webkit-center;
    margin: 3rem 0;
}
/*producto fin*/


/*locales ini*/

ul.stores-list {
    display: flex;
    flex-direction: row;
    justify-items: center;
    border-top: none;
}

ul.stores-list li {
    width: 100%;
}



@media (max-width: 600px){
    ul.stores-list {
        flex-direction: column;
    }
}


ul.stores-list li img {
    margin-top: 3rem;
    padding: 0 0 2rem;
}


ul.stores-list li .item-info {
	position: relative;
	display: block;
	float: left;
	padding: 4px 14px 0;
	width: 406px;
	/**/
	font:  13px/16px 'BentonSans-Regular','BentonSans-Bold';
	text-align: center;
	font-style: normal;
}

ul.stores-list li .item-info {
    font-size: 15px;
    width: 100%;
}


ul.stores-list li .item-img-local h5 {
    font-size: 3rem;
    color: white;
    text-align: center;
    padding-top: 1rem;
}

ul.stores-list li .item-img-local h5 small {
	font-family: 'BentonSans-Regular', 'BentonSans-Bold';
	font-size: 17px;
	line-height: 22px;
	text-transform: uppercase;
	color: white;
}


.item-img-local{
    position: relative;
    padding: 0 0 2rem;
    text-align: -webkit-center;
}
.item-img-local .img-vis{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}


item-img-local img{
    max-height: 60rem;
    max-width: 100%;
    width: auto;
}

.item-img-local h5 {
    padding: 1rem 0 1rem;
}


ul.stores-list li a {
	display: block;
}

ul.stores-list li a {
	font-size: 11px;
	line-height: 16px;
	font-family: 'BentonSans-Regular', 'BentonSans-Bold';
	color: #282220;
}

ul.stores-list li a:hover  {
	color: #000;
}

ul.stores-list-contact {
	width: 960px;
}

ul.stores-list .item-img {
    border-top: groove;
}

.no-border-bottom{
    border-bottom: none !important;
}

/*locales fin*/

/* consultar ini*/
.centrar{
    text-align: center;
    justify-content: center;
}

.col-head2 {
    color: white;
    font-size: 2.5rem;
    padding: 0rem 1rem;
}

table.ask-table {
    /* width: 100%; */
    /* margin: 0 0 20px; */
    /* padding: 10px; */
    border-top: groove;
    /* text-align: left; */
    border-collapse: collapse;
}
table.ask-table thead tr {
	padding: 10px 5px;
}
table.ask-table tbody tr {
	height: 46px;
}
tbody{
    border-bottom: groove;
}

.sin_border{
    border-bottom: none;
}

table.ask-table th {
    padding: 1rem 0;
    color: white;
    border-bottom: groove;
    font-size: 2.5rem;
    font-family: 'BentonSans-Regular','BentonSans-Bold';
}
table.ask-table td {
    padding: 1rem 4rem 0px 1rem;
    font-size: 2rem;
    color: white;
    min-width: 20rem;
}
table.ask-table td em {
	font-style: normal;
	color: #988B85;
}
table.ask-table td img {
	max-height: 15rem;
	width: auto;
    height: auto;
}

.consulta-nombre{
    display: table-cell;
}

.consulta-eliminar{
    font-size: 2rem;
    font-family: arial,helvetica,sans-serif;
}


@media (max-width: 900px) {

    table.ask-table td {
        min-width: 8rem;
    }
    
    table.ask-table td img {    
        max-height: 10rem;
    }
    table.ask-table td {
     padding: 0; 
    font-size: 2rem;
    color: white;
    min-width: 0; 
    width: 25%;
    }
    
    
}



/**/
table.ask-table td small {
	/*float: right;
	font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 12px;
	text-transform: uppercase;
}
table.ask-table td small a {
    color: white;
    border: none;
    border-style: groove;
    padding: 0.5rem;
}

    table.ask-table td {
    font-size: 2rem;
    color: white;
    min-width: 0; 
    width: 25%;
    }
 

.p-16 {
    font-size: 24px;
    line-height: 35px;
    color: white;
}

.consulta-foto{
    width: 30% !important;
}

.consultar-back{
    top: 6px;
    padding: 5px 9px 5px 9px;
    font: 21px/19px 'BentonSans-Regular','BentonSans-Bold';
    color: #FFF !important;
    background: #545454;
    cursor: pointer;
    z-index: 100;
    width: auto;
    text-align: center;
    margin: 1rem;
    padding: 1rem;
}


@media (max-width: 700px) {


    
    .consulta-foto{
        min-width: 0 !important;
    }
    
    table.ask-table td {
        font-size: 1.5rem;
        min-width: 7rem;
        padding: 1rem 0rem 0px 1rem;
    }
    .consulta-eliminar{
        font-size: 1.5rem;
    }
    
    table.ask-table th {
        text-align: center;
    }
    
}

@media (max-width: 600px) {

    table.ask-table th {
        font-size: 2rem;
    }
    .p-16 {
        font-size: 2rem;
    }
    table.ask-table td img {
        max-height: 5.5rem;
    }
}

@media (max-width: 400px) {
    .consulta-nombre{
        display:none;
    }
    .box-page-consulta h2 {

    font-size: 1.8rem;
    padding: 2rem 0rem;
    }
    
    table.ask-table td {
    font-size: 1.5rem;
    min-width: 7rem;
    padding: 0.5rem 0rem 0px 0.5rem;
    }
    
}
/* consultar fin*/

form label {
    display: inline-block;
    color: white;
    /*font-family: Arial, Helvetica, sans-serif;*/
    /*margin: 8px 87 12px;*/
    font:  23px/32px 'BentonSans-Regular','BentonSans-Bold';
}

.nomostrar{
    display:none;
}

.btn {
    width: auto;
    height: 40px;
    margin: 1px;
    padding: 5px 20px;
    font:  18px/14px 'BentonSans-Regular','BentonSans-Bold';
    text-decoration: none;
    color: #FFF;
    border: 1px solid #447182;
    background: #447182;
    cursor: pointer;
    outline: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
}

.p-medio {
    margin: 0 0 2rem;
}

form input, form textarea, form select {
    width: 250px;
    border: 1px solid #D5D0CA;
    background: #FFF;
    color: black;
    padding: 5px 4px;
    font: 20px/18px 'BentonSans-Regular','BentonSans-Bold';
    outline: none;
    vertical-align: baseline;
    vertical-align: middle;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    box-shadow: inset 0 1px 3px #D5D0CA;
    -moz-box-shadow: inset 0 1px 3px #D5D0CA;
    -webkit-box-shadow: inset 0 1px 3px #D5D0CA;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

form textarea {
    min-height: 16rem;
    resize: vertical;
    overflow: auto;
    vertical-align: top;
}

/*recaptcha ini*/
.g-recaptcha {
    padding: 20px 0 20px 0;
}

.grecaptcha-logo,.grecaptcha-badge{
    visibility: hidden;
}
/*recaptcha fin*/

/*consulta ini*/
.div-consulta {
    border-top:groove;
    display:flex;
    
}
.div-consulta a{
    color:white;
    
}
.div-consulta-cuca {
    border-top:groove;
    display:flex;
}
.div-consulta-cuca a{
    color:white;
    
}
/* Botones destacados */

.btn-extra {
    /* background: #EBE9E7; */
    padding: 1rem;
    /* width: 50%; */
    /* margin: 0rem 0 2rem 0rem; */
    text-align: center;
}

.btn-extra a {
    display: block;
    /* width: 390px; */
    /* height: 25px; */
    padding: 1px 0 1 4px;
    font: 23px/42px 'BentonSans-Regular','BentonSans-Bold';
    color: #988B85;
    border: 1.5px solid black;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    font-weight: bold;
}
.btn-extra-favorito {
    /* background: #EBE9E7; */
    padding: 1rem;
    /* width: 50%; */
    /* margin: 0rem 0 2rem 0rem; */
    text-align: center;
}

.btn-extra-favorito a {
    display: block;
    /* width: 390px; */
    /* height: 25px; */
    padding: 1px 0 1 4px;
    font: 23px/42px 'BentonSans-Regular','BentonSans-Bold';
    color: #988B85;
    border: 1.5px solid black;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    font-weight: bold;
}

.btn-extra a:hover {
	color: #493E3A;
	border-color: #EBE9E7;
	background-color: #D5D0CA;
	/**/
	box-shadow: 0 0 10px #CECAC4;
	-moz-box-shadow: 0 0 10px #CECAC4;
	-webkit-box-shadow: 0 0 10px #CECAC4;
}

.btn-extra a.active {
	color: #493E3A;
	border-color: #988B85;
	background-color: #D5D0CA;
}


.consulta-codigo {
    padding: 0 0 0 1rem !important;
    width: 18% !important;
}

.consulta-premium {
    padding: 0 0 0 1rem !important;
    width: 0% !important;
}


/**/
.btn-extra-blue { 
    background: #CEE0E3 !important;
}

.mitadwidth{
    width:50%;
}
.cienwidth{
    width:100% !important;
}

.btn-extra-blue a { color: black; }
.btn-extra-blue a:hover {
	color: #2B454F;
	border-color: #CEE0E3;
	background-color: #91B9C1;
	/**/
	box-shadow: 0 0 10px #91B9C1;
	-moz-box-shadow: 0 0 10px #91B9C1;
	-webkit-box-shadow: 0 0 10px #91B9C1;
}

/**/
.btn-extra-brown { background: #988B85; }
.btn-extra-brown a { color: #EBE9E7; border-color: #D5D0CA; }
.btn-extra-brown a:hover {
	color: #D5D0CA;
	border-color: #988B85;
	background-color: #493E3A;
	/**/
	box-shadow: 0 0 10px #493E3A;
	-moz-box-shadow: 0 0 10px #493E3A;
	-webkit-box-shadow: 0 0 10px #493E3A;
}

.col-head {
    font-size: 2.5rem;
    padding: 1rem 1rem;
    color: black;
    background: #CEE0E3;
}

.btn-whatsapp form{
    border:groove;
}
/*consulta fin*/
/* UP INI */
.up {
    width: 8rem;
    height: 8rem;
    cursor: pointer;
    display: block;
    color: #fff;
    position: fixed;
    border-radius: 30%;
    line-height: 0px;
    text-align: left;
    z-index: 130;
    right: 12rem;
    bottom: 28rem;
}

.up img{
    z-index:9999;
    width: 8rem;
    height: 8rem;  
}
/* UP FIN */



/*whatsapp ini*/
.btn-whatsapp {
    display:block;
    color:#fff;
    position: fixed;
    z-index:130;
    right:12rem;
    bottom: 14rem;
}
.btn-whatsapp img{
    height: 8rem;
    border-radius: 60%; 
    z-index:9999;
}


/*whatsapp fin*/

/*local ini*/
.local-info{
    text-align: center;
    padding-left: 2rem;
    color: white;
    padding: 2rem 0 2rem 2rem;
}

.local-info h5{
    font-size: 3rem;
}

.local-info small{
    font-size: 2.5rem;
}

.local-detalle{
    color:white;
}

.local-detalle-info{
    color:white;    
}

.local-detalle-info small{
    font-size: 2rem;
}


.local-video{
    padding: 2rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    
    border-top: 0.2rem groove;
    border-bottom: 0.2rem groove;
}


.local-mapa {
    color: white;
    display: flex;
    flex-direction: column;
    padding: 0 0 0 2rem;
    justify-content: center;
    align-items: center;
    padding-bottom: 2rem;

}

.local-mapa h4{
    color: white;
    font-size: 3rem;
    margin-bottom: 1rem;
} 

.local-volver{
    color: white;
    display: flex;
    flex-direction: row;
    padding: 0 0 0 2rem;
    justify-content: center;
    border-bottom: groove;
}
.local-volver div{
    display: flex;
    flex-direction: row;    
}
.local-volver h3 {
    font-size: 4rem;
}
.local-volver h1{
    font-size: 3rem;
    padding-top: 1rem;
}

.local-volver a{
    color: aqua;
}

.store-observation {
    font-size: 2rem;
    padding: 1rem;
    border: 1px solid #D5D0CA;
    background: #EBE9E7;
    text-align: center;
}

.gallery_local {
    padding: 1rem 0;
    border-style: groove;
    border-left: none;
    border-right: none;
}

.local-detalle-horario{
   font-size: 3rem;
   text-align: center; 
}

.local-detalle-horario small{
    font-size: 3rem;
}

.local-detalle-horario h5{
    font-size: 4rem;
    border-style: groove;
    border-left: none;
    border-right: none;
    padding: 1rem 0;
}

.business-hours{
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
}

.business-hours small{
    padding: 1rem 0;
}

iframe {
    max-height: 60rem;
    max-width: 100%;
   }

.local-detalle-info p{
    font-size: 3rem;
}
.local-detalle-info h5{
    font-size: 4rem ;
}

.business-vacations{
    line-height: 5rem;
}
.separator{
 margin-right: 1rem;
 margin-left: 0.5rem;
}

.stores-list .item{
    border-top: groove;
} 


.imglocal,.imglocal1{
    text-align: center;
}

.stores-volver {
    display: flex;
    flex-direction: column;
}

@media (max-width: 750px) {
    .local-detalle-horario small {
        font-size: 2rem;
    }
    .local-detalle-horario {
        font-size: 2rem;
    }
    .local-detalle-horario h5 {
    font-size: 2.5rem;
    }
    .local-info small {
        font-size: 2rem;
    }
    .local-info h5 {
        font-size: 2.5rem;
    }
    .local-volver h1 {
        font-size: 2rem;
        padding-top: 0;
        align-self: center;
    }
    .local-volver h3 {
    font-size:2rem;
    align-self: center;
    }
    #separator{
        font-size:3rem; 
    }
    .separator {
     margin-right: 0rem; 
     margin-left: 0rem; 
    }
    .local-volver {
        padding: 0;
    }
}

@media (max-width: 600px) {
    .btn-whatsapp {        
        right:2rem;
    }
    .btn-extra-favorito a {
        font: 15px/25px 'BentonSans-Regular','BentonSans-Bold';
    }
    .up{        
        right:2rem;
    }
    
    .item-img {
    height: 32rem;
    }
    .item-img img {
    max-height: 30rem;
    }
    
    .prev, .next {
    top: 14rem;
    }
    
    .local-volver a {
    font-size: 2rem;
    }
    .local-volver h1 {
        font-size: 2rem;
    }
}

@media (max-width: 400px){

    .local-volver a {
    font-size: 1.5rem;
    }
    .local-volver h1 {
        font-size: 1.5rem;
    }
    .local-detalle-horario {
        font-size: 1.5rem;
    }
    .local-detalle-horario small {
        font-size: 1.5rem;
    }
}

/*local fin*/
/*alquileres ini*/
.box-page-alquiler{
    color: white;
}

.box-page-alquiler ul {
    font-size: 3rem;
    padding: 0 25% 2rem 25%;
}

.box-page-alquiler li{
    padding: 0.5rem 0 0;
}

.alquiler-info{
    font-size: 2.5rem;
    padding: 0 0 2rem 2rem;
    border-bottom: groove;
}

.box-page-alquiler h1 {
    font-size: 4rem;
    padding: 1rem;
    text-align: center;
}

.box-page-alquiler h4{
    font-size: 3.5rem;
    padding: 2rem 0 0 2rem;
}

.box-page-alquiler h2 {
    padding: 2rem 3rem;
    font-size: 2.5rem;
    color: white;
    text-align: center;
    font-family: 'BentonSans-Bold', 'BentonSans-Regular';
}

.box-page-alquiler fieldset {
    border-style: none;
}
.alquiles-formulario{
    border-top: groove;
}
/*alquileres fin*/
/*ruta ini*/
.div-breadcrumbs{
    width: 100%;
    padding: 0px 10px;
    overflow-x: hidden;
    border-bottom: groove;
}
.ruta2 {
    padding: 2rem 3rem;
    /* font-family: "TheSansCaps", Arial, Helvetica, sans-serif; */
    font-size: 2rem;
    color: white;
    border-bottom: groove;
    text-align: center;
    display: flex;
        align-items: center;
        justify-content: center;
        text-transform: capitalize;
}
.ruta2 a{    
    color: #fff;
    text-transform: capitalize;
}

.ruta2 h1{
    padding: 2rem 3rem;
    font-size: 3rem;
    color: white;
    text-align: center;
}
.ruta2 > :nth-last-child(2) {
    color: aqua !important;
}
 h2.ruta2 {
            scroll-padding-left: 100px;
            position: relative;
            overflow-x: auto;
            overflow-y: hidden;
            display: flex;
            /* fila */
            flex-wrap: nowrap;
            /* sin salto a la siguiente línea */
            gap: 8px;
            /* espacio entre items */
            width: 100%;
            overflow-x: auto;
            /* scroll horizontal cuando haga falta */
            -webkit-overflow-scrolling: touch;
            /* suaviza el scroll en iOS */
            align-items: center;
            /* alinea verticalmente si los items tienen distinta altura */
            box-sizing: border-box;
            padding: 10px 10px !important;
            border-bottom: none;
            margin-bottom: 0px;    
            font-size: 22.5px !important;
        }
        /* asegura que cada hijo no se expanda al 100% */
        h2.ruta2>* {
            flex: 0 0 auto;
            /* no crece, no encoge, ancho automático */
            white-space: nowrap;
            margin-left: 0 !important;
            padding-left: 0 !important;
            position: relative !important;
            /* evita quiebres dentro del item */
        }

        /* si tus items son links o bloques que tenían width:100% */
        h2.ruta2 a,
        h2.ruta2 .item {
            display: inline-block;
            /* inline-block respeta flex:0 0 auto mejor que block */
            width: auto !important;
            /* rompe reglas width:100% si las hay */
        }
        h2.ruta2 {
    scrollbar-width: none;      /* Firefox */
    -ms-overflow-style: none;   /* Internet Explorer y Edge antiguo */
}

h2.ruta2::-webkit-scrollbar {
    display: none;              /* Chrome, Safari, Opera */
}
@media (max-width: 950px) {
    .ruta2 {
        font-size: 1.5rem !important;
        line-height: 5rem;
        padding: 0;
        justify-content: flex-start;
    }
}
@media (max-width: 750px) {
    .ruta2 {
        font-size: 1.5rem !important;
        line-height: 5rem;
        padding: 0;
    }
    
    .ruta2 h1 {
        font-size: 2rem;
    }
    
    .box-page-alquiler ul {
        font-size: 2.5rem;
    }
    
    .box-page-alquiler h4 {
        font-size: 3rem;
        padding: 2rem 0 0 2rem;
    }
    
    .up {
        width: 6rem;
        height: 6rem;
        bottom: 20rem;
    }
    .up img {
        width: 6rem;
        height: 6rem;
    }
    .btn-whatsapp img {
        height: 6rem;
    }

    .box-page-alquiler li {
        padding: 1em 0 0;
    }
}

@media (max-width: 700px) {

    .ruta2 {
        padding: 0rem 0rem !important;
    }
    

    a.btn-step-back,
    a.btn-back{
        font-size:1.5rem;
    }
}

@media (max-width: 500px){
    .categoria .seccion a div {
        position: relative;
    }
    .categoria .seccion h2, 
    .categoria .seccion h1 {
        font-size: 1.3rem;
        padding: 0;
        position:relative;
    }
    .categoria .seccion a div {
        height: 20%;
        position: relative; 
    }
    .categoria #imgchange {
        height: 75%;
    }
    .categoria .seccion img {
        position: relative;
    }
}
@media (max-width: 400px){
    
    .ruta2 {
        font-size: 1.25rem !important;
    }
    .ruta2 h1 {
        font-size: 1.5rem;
    }
    .box-page-alquiler ul {
        font-size: 2rem;
    }
    .box-page-alquiler h4 {
        font-size: 2.5rem;
    }
}
@media (max-width: 320px){
    
    .ruta2 {
        font-size: 1.25rem !important;
    }
    .ruta2 h1 {
        font-size: 1.5rem;
    }
    .box-page-alquiler ul {
        font-size: 2rem;
    }
    .box-page-alquiler h4 {
        font-size: 2.5rem;
    }
}
/*ruta fin*/
/*envios ini*/
.box-page-envios h1{
    color: white;
    font-size: 3rem;
    margin: 1rem 0 0 1rem;
}

.box-page-envios .p-16{

    padding: 0rem;
}

.box-page-envios .div-consulta {
    border-top: groove;
    /* width: 30%; */
    text-align: -webkit-center;
}

.envios-parrafos{
    margin: 1rem 2rem;
}

.btn-extra-envios {
    /* background: #EBE9E7; */
    padding: 1rem;
    width: 100%;
    /* margin: 0rem 0 2rem 0rem; */
    text-align: center;
}

.btn-extra-envios a {
    display: block;
    /* width: 390px; */
    /* height: 25px; */
    padding: 1px 0 1 4px;
    font: 23px/42px 'BentonSans-Regular','BentonSans-Bold';
    border: 1.5px solid black;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    font-weight: bold;
}




/*envios fin*/
/*contactenos ini*/
.contactenos-parrafo{
    border-style: none;
}
.p-14{
    font-size: 2rem;
    padding: 1rem;
    border: 1px solid #D5D0CA;
    background: #EBE9E7;
    text-align: center;
    color:black;
    font-weight: bold;
}
/*contactenos fin*/
/*video youtube ini*/
.video-responsive {
    height: 0;
    overflow: hidden;
    padding-bottom: 39.25%;
    padding-top: 30px;
    position: relative;
    border-top: groove;
}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    }
/*video youtube fin*/ 

.product-data a{
color: aqua;
}

/*mapas ini*/
.group-punto-local {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.punto-local {
    text-align: center;
    width: 100%;
    height: 100%;
    margin: 0rem 0 1rem;
    border-top: groove;
}

.punto-local iframe {
    height: 30rem;
    width: 95%;
}

@media (max-width: 1200px){
    .punto-local {
        width: 100%;
    }
}
/*mapas fin*/





/*nuevo ini*/

/* UP INI */
.up {
    width: 8rem;
    height: 8rem;
    cursor: pointer;
    display: block;
    color: #fff;
    position: fixed;
    border-radius: 30%;
    line-height: 0px;
    text-align: left;
    z-index: 130;
    right: 12rem;
    bottom: 42rem;
}

.up img{
    z-index:9999;
    width: 8rem;
    height: 8rem;  
}

@media (max-width: 750px) {
    
    .up {
        width: 6rem;
        height: 6rem;
        bottom: 36rem;
    }
    .up img {
        width: 6rem;
        height: 6rem;
    }
}
@media (max-width: 600px) {

    .up{        
        right:2rem;
    }
}
/* UP FIN */

/* comparar INI */
.comparar {
    width: 10rem;
    cursor: pointer;
    line-height: 0px;
    text-align: center; 
    text-align: -webkit-center;    
    margin: 0 0 1rem;
}

.comparar a{
    color: white;
    font-size: 2rem;
}


.comparar img{
    z-index: 9999;
    height: 8rem;
    background: white;
    margin: 0.5rem 0px 1rem;
    border-radius: 6rem;
}


@media (max-width: 750px){
    .comparar img {
        height: 6rem;
    }
    .float-consulta a img {
        height: 6rem;
    }
    
    
    
    .float-consulta a h3 {
    top: 2rem;
    right: 2.4rem;
    }


    footer {
        /* margin-bottom: 12rem; */
    }

    
}
.comparar h2{
        font-size: 1.8rem;
        width: 100%;
        font-weight: bold;
        margin: 1rem 0;
}


label {
    color: white;
    font-size: 3rem;
    cursor:pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-self: center;
    text-align: left;
    width: 35%;
}
/* UP FIN */

.producto-comparar {
    color: white;
    display: flex;
    flex-wrap: wrap;
    margin: 1rem;
    height: 5rem !important;
    justify-content: space-around !important;
}

.checkbox{
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    transform: scale(2);
    margin: 0 1rem 0 0;
}

.box-page-producto{
    color:white;
}

    /*comparar ini*/

    .box-page-comparar {
        color: white;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .comparar-galeria {
        width: 32.2%;
        border-style: groove;
        margin: 1rem 0;
    }
    .comparar-producto-nombre {
        /* display: flex; */
        flex-direction: row;
        border-bottom: groove;
        align-items: center;
        min-height: 6rem;
        justify-content: space-between;
    }

    .comparar-item-img {
        height: 30rem;
        max-width: 100%;
        width: auto;
        border-top: none;
        border-right: none;
        border-left: none;
        position: relative;
    }

    .comparar-item-img img {
        max-height: 30rem;
        max-width: 100%;
        width: auto;
    }

    .comparar-slide{
        background: white;
    }

    .fondo-blanco{
        background: white;
    }
    .comparar-product-data table {
        width: 100%;
        padding: 10px;
        border-collapse: collapse;
    }
    
    .comparar-product-data table tr {
        border-bottom: 1px solid #EBE9E7;
    }

    .comparar-product-data table th {
        width: 45%;
        text-align: left;
        padding: 1rem 0 1rem 0.5rem;
        font: 2rem 'BentonSans-Regular','BentonSans-Bold';
    }
    
.comparar-product-data table td {
    font-size: 2rem;
    line-height: 2.5rem;
}

    .comparar-product-data table td a{
        color: white;
    }
    
    .comparar-img {
        text-align: center;
    }
    .product-data{
        background-color: #fff;
        color: #000 !important;
    }
    .product-measures dt {
        position: relative;
        font-size: 2rem;
        line-height: 5rem;
        cursor: pointer;
        font-weight: bold;
        background: #000;
        text-align: center;
    }

    .product-measures dt small {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1.5rem;
        padding: 0 2rem;
    }

    .comparar-producto-nombre .cuca {
        font-size: 2.5rem;
        max-width: 27rem;
        white-space: nowrap;
        /* padding:0 0 0 0.5rem; */
    }
    .comparar-producto-nombre{
        padding: 2rem;
    }


    .comparar-eliminar{
        font-size: 2rem;
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 1rem;
        color: black;
        border-style: double;
        padding: 1rem;
        background: gainsboro;
    }
    
    @media (max-width: 1100px) {
        label {
            font-size: 1.8rem;
        }
    }
    @media (max-width: 900px) {
    .comparar-producto-nombre .cuca {
        max-width: 18rem;
        font-size: 1rem;

    }
        label {
            font-size: 2rem;
        }
        
        .comparar-galeria {
            width: 48.9%;
        }
    }
    @media (max-width: 750px){
        .comparar-producto-nombre small.cuca {
        }
        
        .comparar-producto-nombre .cuca {
            font-size: 1rem;
        }
        
        .comparar-producto-nombre h1{
            font-size: 1.8rem !important;
            text-align: center;
        }
        
        
        .product-data table th {
            font-size: 1.5rem;
        }
        
        .product-data table td {
            font-size: 1.5rem;
        }
        
        
        .comparar,
        .float-consulta{
            margin: 0 0 1rem;
        }

        
    }
    
    @media (max-width: 600px){
        
        .comparar-product-data table th {
        font: 1.5rem 'BentonSans-Regular','BentonSans-Bold';
        }
        .comparar-product-data table td {
            font-size: 1.5rem;
        }
        .comparar-producto-nombre .cuca {
            max-width: 12rem;
            font-size: 1.3rem !important;
        }
        .comparar-item-img img {
            max-height: 20rem;
        }
        .comparar-item-img {
            height: 20rem;
        }
        
        label {
            font-size: 2rem;
        }
        .product-measures dt {
            font-size: 1.5rem;
        }
        
        .comparar-producto-nombre{
            background: slategrey !important;
            padding: .5rem;
        }
        
    }
    
    @media (max-width: 450px){
        .comparar-galeria {
            width: 47.9%;
        }
        
        .comparar-item-img img {
            max-height: 14rem;
        }
        .comparar-item-img {
            height: 14rem;
        }
        .comparar-product-data table td {
            font-size: 1.2rem;
        }
        .comparar-product-data table th {
            font: 1.3rem 'BentonSans-Regular','BentonSans-Bold';
        }
        small.cuca {
        }
        
        .btn-extra a {
            font: 25px/30px 'BentonSans-Regular','BentonSans-Bold';
        }
        
        .btn-extra-favorito a {
            font: 12px/20px 'BentonSans-Regular','BentonSans-Bold';
        }
        
        label {
            font-size: 1.5rem;
        }
        
    }
    @media (max-width: 400px){
        .comparar-producto-nombre .cuca {
            margin: 0;
            font-size: 1.3rem !important;
            /* color: red; */
        }
        .comparar-product-data table th {
            padding: 0 0 0 0.5rem;
        }
        
        .product-measures dt {
        line-height: 2rem;
        }
        .comparar-producto-nombre small.cuca {
            font-size: 1.2rem !important;
            padding: .15rem 1rem;
            /* color: #018eb6; */

        }
        
        .comparar-producto-nombre{
            min-height: 5rem;
            background: slategrey !important;
            padding: 1rem;
        }

    }
    


    
    
    /*comparar fin*/

    /*BUSQUEDA INI */
    .buscar-info {
        margin: 2rem 0;
        display: flex;
        justify-content: center;
    }
    
    #txtBusqueda,
    #txtBusqueda2,
        #txtBusqueda3 {
        font-size: 2rem;
        height: 100%;
        border: none;
        padding: 0 1.5rem;
        width:35rem;
    }
    
    input:not([type="radio"]):not([type="checkbox"]) {
    -webkit-appearance: none;
    border-radius: 0;
    }
    
    /*BUSQUEDA FIN*/
    @media (max-width: 600px){
        #txtBusqueda,
        #txtBusqueda2,
        #txtBusqueda3{
            font-size: 1.5rem;
            height: 100%;
            border: none;
            padding: 0 0.5rem;
            border-radius: 0.1rem;
            width:22rem;
            max-height:3.5rem;
        }
        .buscar-info {
            justify-content: left;
        }
    }

/*login*/

.box-page-login{
    text-align: center;
    color: white;
}

.registrar-datos{
    display:flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}

.registrar-datos a{
    font-size: 2rem;
    margin: 1rem 0 2rem;
}

.registrar-titulo{
    font-size: 3rem;
    color:white;
}

.registrar-acceder{
    border-bottom: groove;
    padding: 3rem 0;
}



.registrar-datos em{
    font-size: 2rem;
}

.registrar-datos label{
    
    width: auto;
}

.width-auto{
    width: auto;
}

.registrar-error{
    background: #F97E7A;
    font-weight: 800;
    font-size: 2rem;
    margin: 2rem 0;
}

.registrar-actualizado{
    background: #3DE2A3;
    font-weight: 800;
    font-size: 2.5rem;
    margin: 2rem 0;   
    min-width: 6rem;
    padding: 1.5rem;
    cursor: default;
}
.margen-arriba{
    margin-top: 2rem;
}

.precio-formulario{
    color: white;
    font-size: 2.8rem;
    padding: 1rem 0;
    text-align: center;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    background: grey;
}

.precio-formulario div small{
    background: grey;
} 

.datos-personales{
    font-size: 3rem;
    text-align: center;
}

.datos-personales h1{
    
    font-size: 4rem;
    border-style: groove;
    border-left: none;
    border-right: none;
    padding: 1rem 0;
}

.info-suscrip{
    border-bottom: groove;
    padding: 1.5rem 1rem;
    color: white;
    font-size: 2rem;
    display: flex;
    flex-direction: row;
    align-items: center;    
    justify-content: space-around;
}
.info-suscrip div{
    display: flex;
    flex-direction: row;
}

.info-suscrip button{
    width: 158px;
    height: 40px;
    margin: 1px;
    font: 18px/14px 'BentonSans-Regular','BentonSans-Bold';
    text-decoration: none;
    color: #FFF;
    border: 1px solid #447182;
    background: #447182;
    cursor: pointer;
}
.info-suscrip h3{
    align-self: center;
}
.info-suscrip input{
    width: 51%;
    font-size: 3rem;
    height: 4rem;
}



@media (max-width: 1500px){
    .info-suscrip h3{
        font-size: 2rem;
    }
}
@media(max-width: 1350px){
    .info-suscrip input{
        width: 45%;
    }
}
@media(max-width: 1200px){
    .info-suscrip input{
        width: 40%;
    }
}

@media(max-width: 1100px){
    .info-suscrip input{
        width: 40%;
    }
    .info-suscrip{
        font-size: 1.5rem;
    }
}


@media (max-width: 1000px){
    .info-suscrip button {
        width:11rem;
    }
    .info-suscrip button{
        font: 18px/14px 'BentonSans-Regular','BentonSans-Bold';
    }

    .info-suscrip input{
        font-size: 1.5rem;
        height: 3rem;
    }   
    .info-suscrip h3{
        font-size: 1.5rem;
    }
}

@media (max-width: 870px){

    .info-suscrip input{
        width: 60%;
    }
}
@media (max-width: 675px){

    .info-suscrip input{
        width: 54%;
    }
}
@media (max-width: 550px){

    .info-suscrip input{
        width: 40%;
    }
}


@media (max-width: 500px){
    .info-suscrip button {
        height: 32px;
        width: 8rem;
    }
}

.class-relative{    
    position: relative;
}

.boton-favorito{
    position: absolute !important;
    height: 5rem !important;
    width: 5rem;
    z-index: 999;
    background: transparent;
}
.boton-favorito img{
    height: auto;
    width: 5rem;
}

.boton-favorito-producto{
    height: 5rem;
    width: 5rem;
    /* background: white; */
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    font-size: 3rem;
    font-family: 'BentonSans-Regular','BentonSans-Bold';
    cursor: pointer;
    color: black;
}
.boton-favorito-producto img{
    height: auto;
    width: 5rem;
}
dl,dd{
    margin-bottom: 0 !important;
}
.div-consulta-comparar{
    background: white;
    border-top:groove;
    display:flex;
    justify-content: center;
}
.div-consulta-comparar label{
    color: black;
}

.div-produ-compara{
    color: black;
    padding: 1rem 0;
    font-family: 'BentonSans-Regular','BentonSans-Bold';
    font-size: 2.5rem;
    margin:0;
}

@media (max-width: 550px){

    .div-produ-compara{
    
        font-size: 1.5rem;
    }
    .boton-favorito-producto {
        font-size: 1.5rem;
    }
    .boton-favorito-producto small{
        font-size: 1.5rem;
    }
    .boton-favorito-producto {
            height: 4rem;
    }
    .boton-favorito-producto img {
    width: 4rem;
    }
    
    .col-head {
    font-size: 1.5rem;
    }
    
    .datos-personales h1 {
    font-size: 3rem;
    }
    .boton-favorito-eliminar{
        height:3rem;
    }
}

.margen-top-uno{
    margin-top:1.5rem;
}


.borde-dos {
    border: solid;
    border-color: black;
    border-width: 0rem 1.75rem 1.75rem 1.75rem;
    background: white;
}

.titulo-favorito{
    font-size: 3rem;
    padding: 1rem 0 0;
    text-align: center;
}

.producto-comparar label{
    text-align:center;
}
.registrar-datos label{
    text-align:center;
}

.boton-favorito-eliminar {
    position: absolute;
    height: 5rem;
    width: 9rem;
    font-size: 2rem;
    z-index: 999;
    border-style: double;
    border-color:black;
    border-width:3px;
    right: 0;
    bottom: 0;
    margin: 1rem;
    background: gainsboro;
}



   .container {width: 960px; margin: 0 auto; overflow: hidden;}
   
   #content {	float: left; width: 100%;}
   
   .post { margin: 0 auto; padding-bottom: 50px; float: left; width: 960px; }
   
   .btn-sign {
       width:460px;
       margin-bottom:20px;
       margin:0 auto;
       padding:20px;
       border-radius:5px;
       background: -moz-linear-gradient(center top, #00c6ff, #018eb6);
       background: -webkit-gradient(linear, left top, left bottom, from(#00c6ff), to(#018eb6));
       background:  -o-linear-gradient(top, #00c6ff, #018eb6);
       filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00c6ff', EndColorStr='#018eb6');
       text-align:center;
       font-size:36px;
       color:#fff;
       text-transform:uppercase;
   }
   
   .btn-sign a { color:#fff; text-shadow:0 1px 2px #161616; }
   
   #mask {
       display: none;
       background: #000; 
       position: fixed; left: 0; top: 0; 
       z-index: 10;
       width: 100%; height: 100%;
       opacity: 0.8;
       z-index: 999;
   }
   
   .login-popup{
       display:none;
       background: #333;
       padding: 10px; 	
       border: 2px solid #ddd;
       float: left;
       font-size: 1.2em;
       position: fixed;
       top: 50%; left: 50%;
       z-index: 99999;
       box-shadow: 0px 0px 20px #999;
       -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
       -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
       border-radius:3px 3px 3px 3px;
       -moz-border-radius: 3px; /* Firefox */
       -webkit-border-radius: 3px; /* Safari, Chrome */
   }
   
   img.btn_close {
       float: right; 
       margin: -28px -28px 0 0;
   }
   
   fieldset { 
       border:none; 
   }
   
   form.signin .textbox label { 
        display: block;
        width: 25rem;

   }
   
   form.signin .textbox span { 
       display:block;
       font-size: 2rem;
   }
   
   form.signin p, form.signin span { 
    font-size: 15px;
    line-height: 18px;
    margin: 1rem 0 0 0;
    color: white;
   } 
   
   form.signin .textbox input { 
       background:#666666; 
       border-bottom:1px solid #333;
       border-left:1px solid #000;
       border-right:1px solid #333;
       border-top:1px solid #000;
       color:#fff; 
       border-radius: 3px 3px 3px 3px;
       -moz-border-radius: 3px;
       -webkit-border-radius: 3px;
       font:15px Arial, Helvetica, sans-serif;
       padding:6px 6px 4px;
       width:234px;
   }
   
   form.signin input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; }
   form.signin input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }
   
   .buttonlog { 
       font-size: 2rem;
       background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
       background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
       background:  -o-linear-gradient(top, #f3f3f3, #dddddd);
       filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
       border-color:#000; 
       border-width:1px;
       border-radius:4px 4px 4px 4px;
       -moz-border-radius: 4px;
       -webkit-border-radius: 4px;
       color:#333;
       cursor:pointer;
       display:inline-block;
       padding:6px 6px 4px;
       margin-top:10px;
       font:12px; 
       width:250px;
   }
   
   .buttonlog:hover { background:#ddd; }

    .forgot{
        color:black;
    }
    
    .boton-menu {
        background: transparent;
        color: white;
        height: auto;
        font-size: 2rem;
        font-weight: bold;
        font-family: 'BentonSans-Regular','BentonSans-Bold';
        height: 4.4rem;
        padding: 0 0 0 1rem;
        width: 100%;
        text-align: left;
    }
    
    


.slide .img-vis-alquiler{
    display: none;
    text-align: center;
}




.item-img-alquiler  .img-vis-alquiler{
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    width: 100%;
}

.item-img-alquiler  {
    height: 60rem;
    width: 100%;
    border-top: none;
    border-right: none;
    border-left: none;
    position: relative;

}
.item-img-alquiler img {
    max-width: 100%;
    max-height: 60rem;
    width: auto;
}



.cuartowidth{
    width:25%;
}

.div-centrar{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.border-bottom{
    padding: 0 0 3rem;
    border-bottom:groove;
    
}


@media (max-width: 600px){

    .item-img-alquiler img {
        max-height: 30rem;
    }
    .item-img-alquiler {
        height: 30rem;
    }
    .cuartowidth{
        width:100%;
    }
    .products-list big {
        font-size: 2rem;
        max-width: 72%;
        text-align: left;
    }
}

#imgojo,
#imgojo2,
#imgojo1
{
    height: 1.8rem;
    width: 1.8rem;
    background: #666666;
    border-bottom: 1px solid #333;
    border-left: 1px solid #000;
    border-right: 1px solid #333;
    border-top: 1px solid #000;
    color: #fff;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 6px 6px 4px;
    box-shadow: inset 0 1px 3px #D5D0CA;
    -moz-box-shadow: inset 0 1px 3px #D5D0CA;
    -webkit-box-shadow: inset 0 1px 3px #D5D0CA;
}

.flex-horizontal{
    display:flex;
    flex-direction:row;
    
}

#txtpassword{
    width:200px;
}

.mensaje-error{
    font-size: 1.8rem;
    text-align: center;
    line-height: 3rem;
    cursor: default;
}

.enlace-recuperar{
color: aqua;
text-decoration: underline;
font-size: 2.5rem;
}


.menu-flotante{
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background: black;
    align-content: center;
    z-index: 9999;
    
}

.menu-flotante .div-principal{
    margin: 0 1.4rem;
    border-style: groove;
    
    display: flex;
    justify-content: center;
}

@media (max-width: 600px){
    .menu-flotante .div-principal{
        margin: 0;
    }
}

.recupera-mensaje{
    width: 100%;
    color: orange;
    margin: 1rem 0;
    text-align: center;
    font-size: 1.7rem;
}

.redes-compartir{
    height: 4rem;
    width: 4rem;
}

@media (max-width: 600px){
    .redes-compartir{
        height: 2rem;
        width: 2rem;
    }
}
.boton-compartir-custom{
    margin-right: 1rem;
}

@media (max-width: 500px){
   .boton-favorito-eliminar{
        height:3rem;
    }
}

.coming-soon {
    text-align: center;
    font-size: 4rem;
}

.premium {
    height: 12rem !important;
    width: 12rem !important;
    z-index: 9999;
    margin: 2rem;
    position: absolute !important;
    left: 0 !important;
    margin-left: 5rem !important;
}

.premium-favorito{
    display:block; 
    height: 8rem;
}

.premium-consulta{
    display:block; 
    height: 6rem !important;
}


@media (max-width: 750px){
    .premium {
        height: 8rem  !important;
        width:  8rem  !important;
        margin-left: 2rem !important;
    }
    .premium-favorito{
        height: 6rem;
    }
}

.premium-menu {
    height: 4rem !important;
    width: 4rem !important;
}

.nombre-premium{
    justify-content: center;
}


@media (max-width: 750px){

    .nombre-premium{
        justify-content: left;
    }
        
    
}


@media (max-width: 600px){
    .precio-formulario{
        font-size: 2rem !important;
    }
}

@media (max-width: 450px){
    .precio-formulario {
        font-size: 1.75rem !important;
    }
}

a{
    text-decoration: none !important;
}