/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@450..800&display=swap');*/
/* latin-ext */
/*
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 450 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 450 800;
font-display: swap;
src: url("/fonts/montserrat_latin_450_800.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
font-family: 'Montserrat', sans-serif !important;
font-weight: 580;
color: #4d4d4d !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
padding-right: 0px !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
img {
image-rendering: -webkit-optimize-contrast !important;
}
}
/* Unset for Safari 11+ */
@media not all and (min-resolution:.001dpcm){
@supports (-webkit-appearance:none) and (stroke-color:transparent) {
img {
image-rendering: unset !important;
}
}
}
img {
/*filter: blur(0);
-webkit-filter: blur(0);
transform: translateZ(0);
-webkit-transform: translateZ(0);*/
}
.overlay {
position: fixed; /* Sit on top of the page content */
display: none; /* Hidden by default */
width: 100%; /* Full width (cover the whole page) */
height: 100%; /* Full height (cover the whole page) */
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5); /* Black background with opacity */
z-index: 101; /* Specify a stack order in case you're using a different order for other elements */
cursor: pointer; /* Add a pointer on hover */
}
a {
color: unset !important;
text-decoration: none !important;
letter-spacing: unset !important;
line-height: unset !important;
}
a.resaltarEnlace {
font-weight: 500;
transition: color 0.3s;
}
a.resaltarEnlace:hover {
color: #0cb6ce !important;
}
a.resaltarBotonAzul,
button.resaltarBotonAzul,
input.resaltarBotonAzul {
transition: background-color 0.3s;
}
a.resaltarBotonAzul:hover,
button.resaltarBotonAzul:hover ,
input.resaltarBotonAzul:hover ,
button.resaltarBotonAzul:focus ,
input.resaltarBotonAzul:focus {
background-color: #0291a5 !important;
}
span.resaltarBotonRojo, a.resaltarBotonRojo {
transition: background-color 0.3s;
}
span.resaltarBotonRojo:hover, a.resaltarBotonRojo:hover {
background-color: #db0000 !important;
}
a.resaltarEnlace div,
a.resaltarEnlaceRojo div,
button.resaltarEnlaceRojo {
transition: color 0.3s;
}
a.resaltarEnlace div:hover {
color: #0cb6ce !important;
}
a.resaltarEnlaceRojo:hover div,
button.resaltarEnlaceRojo:hover {
color: #ff2003 !important;
}
a.resaltarEnlaceImg img {
transition: filter 0.3s;
}
a.resaltarEnlaceImg:hover img {
filter: invert(54%) sepia(22%) saturate(2004%) hue-rotate(142deg) brightness(102%) contrast(91%);
}
a.sombraAzulEnlaceImagen img,
a.sombraRojaEnlaceImagen img,
a.sombraAzulEnlaceImagen svg {
transition: filter 0.3s;
}
a.sombraAzulEnlaceImagen:hover img,
a.sombraAzulEnlaceImagen:hover svg {
filter: drop-shadow(0 0 0.1rem rgba(12,182,206,0.6));
}
a.sombraRojaEnlaceImagen:hover img {
filter: drop-shadow(0 0 0.1rem rgba(255,32,3,0.6));
}
.sombraGris {
transition: background-color 0.3s;
}
.sombraGris:hover {
background-color: #e9ecef !important;
}
.resaltarFondoGris {
transition: background-color 0.3s;
}
.resaltarFondoGris:hover {
background-color: #e9ecef !important;
}
.btn:focus {
box-shadow: unset;
}
.textoNormal {
font-weight: 580 !important;
color: #4d4d4d !important;
}
.textoRojo{
color: #ff2003 !important;
}
.textoAzul{
color: #0cb6ce !important;
}
.textoAtencion {
word-spacing: 1.4rem;
}
.fondoRojo {
background-color: #ff2003;
}
.fondoAzul {
background-color: #0cb6ce;
}
.fondoAzulClaro {
background-color: #F2F6F9;
}
.botonBordeAzul {
color: #0CB6CE !important;
border: #0CB6CE solid 1px;
transition: color 0.2s, background-color 0.3s;
}
.botonBordeAzul:hover {
color: #fff !important;
background-color: #0CB6CE;
}
.enlace{
color: #0cb6ce !important;
transition: color 0.3s;
}
.enlace:hover{
color: #086c7b !important;
}
a.disabled {
pointer-events: none;
opacity: .65;
}
#divRedesSocialesFixed {
z-index: 2000;
left: -100px;
transition : all 0.3s;
}
#divRedesSocialesFixed .list-group-item{
border: unset;
}
#divRedesSocialesFixed img{
width: 1.8rem;
height: auto;
filter: brightness(0) invert(1);
}
#divRedesSocialesFixed li:hover img{
filter: brightness(0) saturate(100%) invert(14%) sepia(98%) saturate(7347%) hue-rotate(20deg) brightness(100%) contrast(127%);
}
#divRedesSocialesFixed #liYoutube img{
width: 2rem;
}
#divRedesSocialesFixed ul{
height: 11rem;
border-radius: 0rem 1.5rem 1.5rem 0rem;
background-color: #0CB6CE;
opacity: 0.6;
transition: 0.3s;
}
#divRedesSocialesFixed ul:hover {
opacity: 0.8;
}
#divRedesSocialesFixed li{
padding: 0.4rem 0.6rem 0.4rem 0.5rem;
background: none;
}
#divRedesSocialesFixed li#liYoutube{
padding: 0.3rem 0.6rem 0.7rem 0.4rem;
}
#divRedesSocialesFixed li:first-child {
padding-top: 0.9rem;
}
#divRedesSocialesFixed li:last-child{
padding-bottom: 0.9rem;
}
#sectionBarraSuperior{
font-size: 0.75rem;
}
#sectionBarraSuperior #divDestinoMini a{
color:#ff2003 !important;
border-color:#ff2003 !important;
}
.logoAdoomicilio {
width:100%;
image-rendering: -webkit-optimize-contrast;
}
#divBuscador > div.ui-front {
z-index: 3;
}
#divBuscador #inputBuscarAutocompletar {
font-size: 0.9rem;
line-height: normal;
}
#divBuscador #inputBuscarAutocompletar,
#divBuscador #buttonBuscar ,
#sectionPrincipalFixed #inputBuscarAutocompletarFixed,
#sectionPrincipalFixed #buttonBuscarFixed {
border-color: #0CB6CE;
box-shadow: unset;
}
#divBuscador #buttonBuscar,
#sectionPrincipalFixed #buttonBuscarFixed {
background-color: #0CB6CE;
color: #fff;
transition: background-color 0.3s;
}
#divBuscador #buttonBuscar:hover,
#sectionPrincipalFixed #buttonBuscarFixed:hover {
background-color: #0291a5 !important;
}
#divBuscador ul,
#divBuscadorFixed ul{
max-width: 22rem;
overflow: hidden;
position: absolute;
margin: 0px;
cursor: pointer;
border: 1px solid rgba(0,0,0,.15);
z-index: 1000;
padding: unset;
font-size: 1rem;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border-radius: 0.25rem;
}
#divBuscadorFixed ul{
max-width: 20rem;
}
#divBuscador ul li,
#divBuscadorFixed ul li{
overflow: hidden;
text-overflow: ellipsis;
display: block;
width: 100%;
padding: 0.5rem 1rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
height: 2.5rem;
transition: color 0.1s, background-color 0.2s;
}
#divBuscador ul li:hover, #divBuscador ul li.ui-state-focus,
#divBuscadorFixed ul li:hover, #divBuscadorFixed ul li.ui-state-focus{
color: white !important;
background-color: #0CB6CE !important;
}
#liTiempoEntrega {
position:relative;
top:0px;
}
#divTextoTiempoEntrega {
width:auto;
max-width:7rem;
position:relative;
top:6px;
}
#liIniciarSesion {
position:relative;
top:1px;
}
#divTextoIniciarSesion {
width:4rem;
margin-left:-12px;
padding-top:unset;
padding-bottom:unset;
padding-right:unset;
padding-left:unset;
position:relative;
top:8px;
font-size: 0.9rem !important;
}
#divTextoUsuario {
top:6px;
}
#divTextoUsuario button span{
font-size: 0.9rem !important;
padding-left: 0rem;
}
#liIniciarSesion .dropdown-toggle::after,
#liIniciarSesionFixed .dropdown-toggle::after{
width: 10px !important;
height: 10px !important;
border: none !important;
margin: unset;
vertical-align: 0rem !important;
background-image: url("data:image/svg+xml,") !important;
}
#liCarrito, #liCarritoFixed {
position:relative;
top:-3px;
}
#liCarrito span,
#liCarritoFixed span {
width: 1rem;
transform: translate(1.75rem);
color: #ff1717;
font-size: 14px;
top: -0.05rem;
}
#divTextoCarrito {
width:4rem;
margin-left:-12px;
padding-top:5px;
position:relative;
top:4px;
font-size: 0.9rem !important;
}
#sectionPrincipalFixed {
box-shadow: 0 0 10px rgb(0 0 0 / 18%);
position: fixed;
top: -100px;
right: 0;
left: 0;
z-index: 1030;
transition: top 0.2s;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ff2003;
}
#sectionPrincipalFixed .navbar .dropdown-toggle {
font-size: 0.9rem !important;
}
#sectionPrincipalFixed #inputBuscarAutocompletarFixed,
#sectionPrincipalFixed #buttonBuscarFixed {
font-size: 0.85rem;
height: 2.3rem;
}
#sectionPrincipalFixed .btnCategoriaFlechaNegra .dropdown-toggle::after, #sectionPrincipalFixed .btnCategoriaFlechaRoja .dropdown-toggle::after {
width: 10px !important;
height: 10px !important;
}
#sectionSelectsCategorias {
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(225, 225, 225);
}
#sectionSelectsCategorias .nav-item button{
font-size: 1.1rem;
}
.dropdown-item:focus, .dropdown-item:hover {
border-style: solid !important;
color: white !important;
background-color: #0CB6CE !important;
}
#divSelectCiudad .dropdown-menu li,
#liIniciarSesion .dropdown-menu li,
#liIniciarSesionFixed .dropdown-menu li {
line-height : 2rem;
}
#sectionSelectsCategorias .dropdown-menu li,
#sectionPrincipalFixed .dropdown-menu li {
line-height : 1.8rem;
}
#divSelectCiudad .dropdown-menu li a,
#liIniciarSesion .dropdown-menu li a,
#liIniciarSesionFixed .dropdown-menu li a {
height: 2.5rem;
}
#sectionSelectsCategorias .dropdown-menu li a,
#sectionPrincipalFixed .dropdown-menu li a {
height: 2.2rem;
}
.boton-menu-movil {
background-image: url("data:image/svg+xml,") !important;
}
.flecha-select-rojo {
background-image: url("data:image/svg+xml,") !important;
}
.flecha-select-blanco {
background-image: url("data:image/svg+xml,") !important;
}
.flecha-anterior-azul {
display: inline-block;
width: 2.5rem;
height: 2.5rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%;
background-image: url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxpdmVsbG8gMSIgdmlld0JveD0iMCAwIDY2IDY2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zMyAyYTMyIDMyIDAgMSAwIDMyIDMyQTMyIDMyIDAgMCAwIDMzIDJaIiBmaWxsPSIjMGNiNmNlIiBjbGFzcz0iZmlsbC0wMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJNNDAgMTcgMjIuMzEgMzMuOWExLjUgMS41IDAgMCAwIDAgMi4xOUw0MCA1MyIgZGF0YS1uYW1lPSJBcnJvdyBMZWZ0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjJweCIgY2xhc3M9InN0cm9rZS1mZmZmZmYiPjwvcGF0aD48L3N2Zz4=");
}
.flecha-siguiente-azul {
display: inline-block;
width: 2.5rem;
height: 2.5rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%;
background-image: url("data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxpdmVsbG8gMSIgdmlld0JveD0iMCAwIDY2IDY2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zMyA2NkEzMiAzMiAwIDEgMCAxIDM0YTMyIDMyIDAgMCAwIDMyIDMyWiIgZmlsbD0iIzBjYjZjZSIgY2xhc3M9ImZpbGwtMDAwMDAwIj48L3BhdGg+PHBhdGggZD0ibTI3LjgzIDUyIDE3LjY5LTE2LjlhMS41IDEuNSAwIDAgMCAwLTIuMTlMMjcuODMgMTYiIGRhdGEtbmFtZT0iQXJyb3cgTGVmdCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIycHgiIGNsYXNzPSJzdHJva2UtZmZmZmZmIj48L3BhdGg+PC9zdmc+");
}
.btnCategoriaFlechaNegra .dropdown-toggle::after {
width: 14px !important;
height: 14px !important;
border: none !important;
vertical-align: -0.1em !important;
background-image: url("data:image/svg+xml,") !important;
}
.btnCategoriaFlechaRoja .dropdown-toggle::after {
width: 14px !important;
height: 14px !important;
border: none !important;
vertical-align: -0.1em !important;
background-image: url("data:image/svg+xml,") !important;
}
#btnPais .dropdown-toggle::after {
width: 14px !important;
height: 14px !important;
border: none !important;
vertical-align: -0.1em !important;
margin-top: 1rem !important;
float: right;
background-image: url("data:image/svg+xml,") !important;
transition: transform 0.3s;
}
#btnCiudad .dropdown-toggle::after {
width: 14px !important;
height: 14px !important;
border: none !important;
vertical-align: -0.1em !important;
margin-top: 1rem !important;
float: right;
background-image: url("data:image/svg+xml,") !important;
transition: transform 0.3s;
}
#divBotonesDestino .dropdown-toggle.show::after {
transform: rotate(1deg) rotate(-180deg);
}
#btnCiudad button {
height: 2.9rem;
width: auto;
min-width: 8rem;
font-weight:600;
letter-spacing:.08rem;
color: #ff1717;
border-color:#FF2003;
background-color:#FF2003;
font-size: 1.6rem;
}
#btnCiudad button:hover {
border-color: #db0000;
background-color: #db0000;
}
#btnPais button {
height: 2.9rem;
width: 5.8rem;
color: #ff1717;
border-color:#FF2003;
}
#btnPais button:hover {
background-color: #e9e9e9;
}
#btnPais .dropdown-toggle img {
width: 2.4rem;
}
#btnPais .dropdown-item img{
width: 1.5em;
}
#btnPais .dropdown-item p{
left: 3.2rem;
}
#divMenuMovil .titulo {
font-size: 0.75rem !important;
}
#divMenuMovil svg {
margin-top: 0.25rem;
}
#divMenuMovil button:focus {
outline: 2px solid #FF2003;
box-shadow: none;
}
#divMenuMovil .navbar-nav > .dropdown-item {
transition: background-color 0.3s, color 0s;
}
#divMenuMovil .nav-item.dropdown .dropdown-menu a.dropdown-item {
padding-top: 12px;
padding-bottom: 12px;
transition: background-color 0.3s, color 0.2s;
}
#divMenuMovil .dropdown-item:focus,
#divMenuMovil .dropdown-item:hover {
border-style: solid !important;
color: white !important;
background-color: #0CB6CE !important;
}
#divBotonesDestino .dropdown-menu,
#divMenuMovil .dropdown-menu {
margin-top: 0;
display: block;
opacity: 0;
border:none;
height: 0px;
overflow: hidden;
padding: 0px;
transition: opacity 0.3s;
}
#sectionPrincipalFixed .dropdown-menu,
#sectionPrincipal .dropdown-menu{
margin-top: 0;
display: block;
opacity: 0;
border:none;
height: 0px;
overflow: hidden;
padding: 0px;
transition: opacity 0.3s;
}
#divMenuMovil .dropdown-toggle::after {
border: none !important;
background-image: none !important;
}
#sectionPrincipal .dropdown-toggle::after,
#liIniciarSesionFixed .dropdown-toggle::after {
transition: transform 0.3s;
}
#divMenuMovil .dropdown-toggle.show::after,
#sectionPrincipal .dropdown-toggle.show::after,
#liIniciarSesionFixed .dropdown-toggle.show::after {
transform: rotate(1deg) rotate(-180deg);
}
#divBotonesDestino .dropdown-menu.show,
#sectionPrincipal .dropdown-menu.show,
#liIniciarSesionFixed .dropdown-menu.show{
opacity:1;
display: block;
height: inherit;
border: 1px solid rgba(0,0,0,.15);
}
#divMenuMovil .dropdown-menu.show {
opacity:1;
display: block;
height: inherit;
}
#divMenuMovil .btn-close,
#modalFiltros .btn-close,
#modalOrden .btn-close {
background: url("data:image/svg+xml,") center/1em auto no-repeat;
opacity: 0.8;
}
#sectionSelectsCategorias .navbar-nav > li > .dropdown-menu {
display: block;
opacity: 0;
transition: opacity 0.3s ease-out;
}
#sectionPrincipalFixed .navbar .navbar-nav > li > .dropdown-menu {
display: block;
opacity: 0;
transition: opacity 0.3s ease-out;
}
#sectionSelectsCategorias .dropdown:hover .dropdown-menu,
#sectionPrincipalFixed .navbar .dropdown:hover .dropdown-menu {
opacity: 1;
display: block;
height: inherit;
border: 1px solid rgba(0,0,0,.15);
}
#sectionSelectsCategorias .dropdown-menu,
#sectionPrincipalFixed .navbar .dropdown-menu
{
border:none;
display: block;
opacity:1;
height: 0px;
overflow: hidden;
padding: 0px;
transition: all .3s;
}
#divBotonesDestino h3 {
font-size: 2rem;
font-weight: 750;
text-align: right;
margin-top: auto;
margin-bottom: auto;
}#divBotonesDestino span {
font-weight: 750;
}
#divMessages {
font-size: 1.1rem;
}
#divBanners #carouselBanners{
height: 28vw;
}
#divBanners .carousel-indicators button {
width: 0.6rem;
height: 0.5rem;
border-radius: 100%;
background-color: #0CB6CE;
}
#divBanners .carousel-indicators {
bottom: 0vw!important;
}
#divFormasPago h4{
color: #0CB6CE;
text-align: center;
margin-top: auto;
margin-bottom: auto;
}
.formaPago img{
max-height: 65px;
max-width: 135px;
object-fit: contain !important;
}
#sectionCubosCategorias1 .carousel-inner .carousel-item-end.active,
#sectionCubosCategorias1 .carousel-inner .carousel-item-next,
#sectionCubosCategorias2 .carousel-inner .carousel-item-end.active,
#sectionCubosCategorias2 .carousel-inner .carousel-item-next {
transform: translateX(50%);
}
#sectionCubosCategorias1 .carousel-inner .carousel-item-start.active,
#sectionCubosCategorias1 .carousel-inner .carousel-item-prev,
#sectionCubosCategorias2 .carousel-inner .carousel-item-start.active,
#sectionCubosCategorias2 .carousel-inner .carousel-item-prev {
transform: translateX(-50%);
}
#sectionCubosCategorias1 .carousel-inner .carousel-item-end,
#sectionCubosCategorias1 .carousel-inner .carousel-item-start,
#sectionCubosCategorias2 .carousel-inner .carousel-item-end,
#sectionCubosCategorias2 .carousel-inner .carousel-item-start {
transform: translateX(0);
}
#sectionCubosCategorias1 .carousel-inner,
#sectionCubosCategorias2 .carousel-inner {
height: 180%;
}
#sectionCubosCategorias1 .carousel-indicators,
#sectionCubosCategorias2 .carousel-indicators {
margin-bottom: -23vw;
}
#sectionCubosCategorias1 .carousel-item .categoria,
#sectionCubosCategorias2 .carousel-item .categoria {
border-radius: 1.4rem;
border-style: solid;
border-width: 0.02rem;
border-color: #ffffff00;
--bs-bg-opacity: 1;
box-shadow: none;
transition: box-shadow 0.2s, border-color 0.2s;
}
#sectionCubosCategorias1 .carousel-item .categoria:hover,
#sectionCubosCategorias2 .carousel-item .categoria:hover {
border-color: #c7c7c7ad;
box-shadow: 0 0 1rem 5px rgb(0 0 0 / 15%);
}
.divAtencion img {
max-width: 110px;
}
.categoria {
height: 175% !important;
width: auto !important;
border-radius: 2rem;
padding-bottom: 40%;
}
#categoria1 {
background-color: #AAE9DC;
}
#categoria2 {
background-color: #F4C8E2;
}
#categoria3 {
background-color: #FAEDA7;
}
#categoria4 {
background-color: #D1B5E5;
}
#categoria5 {
background-color: #ffbfcb;
}
#categoria6 {
background-color: #b4f5ac;
}
#categoria7 {
background-color: #ffc1b5;
}
#categoria8 {
background-color: #bcebf3;
}
.textoCategorias {
mix-blend-mode: color-burn;
font-size: 2rem;
text-shadow: 2px 0 0;
letter-spacing: 0.05rem;
}
#sectionCubosCategorias1,
#sectionCubosCategorias2 {
height: 25vw;
}
#sectionCubosCategorias1 img,
#sectionCubosCategorias2 img{
max-width: 100%;
max-height: 100%;
}
#sectionCobertura {
background-image: url(../img/adom/general/sectionshome/banner-cobertura.png);
background-repeat: no-repeat;
background-position: right;
background-size: auto 100%;
}
#sectionCobertura .titulo{
font-size: 1.8rem;
}
#sectionCobertura .subtitulo{
font-size: 1.3rem;
}
#sectionCobertura .texto{
font-size: 1.3rem;
}
.sectionCategoria img {
border-radius: 1.4rem;
height: 12rem;
object-fit: cover;
}
.sectionCategoria .divBotonComprar span{
letter-spacing: .08rem !important;
}
.sectionCategoria .divBotonVerMas a {
letter-spacing: .08rem !important;
}
.sectionCategoria .rowCategoria > div {
width: 12rem;
border-radius: 1.4rem;
border-style: solid;
border-width: 0.02rem;
border-color: #ffffff00;
--bs-bg-opacity: 1;
box-shadow: none;
transition: box-shadow 0.3s, border-color 0.2s;
}
.sectionCategoria .rowCategoria > div:hover {
border-color: #c7c7c7;
box-shadow: 0 0 1rem rgba(0,0,0,.15);
}
.divNombreProducto {
width: 90%;
height: 3.6rem;
}
.divBotonVerMas a{
font-size: 1.2rem;
}
#colCarrusel {
height: 15rem;
}
.comasTertimonios {
color: #0cb8ce;
font-size: 50px !important;
vertical-align: -webkit-baseline-middle;
line-height: 0px;
font-family: 'Coustard', serif !important;
font-weight: bold;
}
#sectionTestimonios .carousel-fade .active.carousel-item-start,
#sectionTestimonios .carousel-fade .active.carousel-item-end {
transition: opacity 1s 0s;
}
.textoTestimonio {
font-size: 1.1rem !important;
}
#videoTestimonio {
max-width: 30vw;
max-height: 16vw;
width: 100%;
height: 100%;
border-radius: 0.7rem;
}
#sectionPorQueComprar .titulo {
font-size: 1.8rem;
}
#sectionPorQueComprar .texto {
font-size: 1.1rem;
}
#sectionPorQueComprar img {
max-width: 7rem;
width: 7rem;
transition: filter 0.3s;
}
#sectionPorQueComprar a:hover img {
filter: brightness(0.9);
}
#sectionNewsletter {
margin-top: 10.5vw;
}
#sectionNewsletter #divImagenNewsletter img{
width: 45rem;
left: 20rem;
}
#sectionNewsletter .titulo{
font-size: 1.8rem;
}
#sectionNewsletter .texto{
font-size: 1.1rem;
}
#sectionNewsletter #divSuscripcion img{
height: 2rem;
transition: filter 0.3s;
}
#btnSuscribirse button {
height: 3.2rem;
width: 13rem;
font-weight:600;
letter-spacing:.06rem;
border-color:#FF2003;
background-color:#FF2003;
font-size: 1.5rem;
}
#btnSuscribirse button:hover {
border-color: #db0000;
background-color: #db0000;
}
#inputEmail input {
height: 3.2rem;
}
#divSuscripcion img:hover {
filter: brightness(0.8);
}
#sectionFooter .titulo {
font-size: 1.6rem;
}
#sectionFooter .texto {
font-size: 1.1rem;
}
#sectionFooter #divTextos a.fondoRojo {
font-size: 1.3rem;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
}
#sectionFooter #divTextos img {
width: 15rem;
}
#divLogos #divMediosPago img {
max-height: 5rem;
width: auto;
height: 100%;
}
#divLogos #divCertificaciones img {
max-height: 5.5rem;
width: auto;
height: 100%;
transition: filter 0.3s;
}
#divLogos #divCertificaciones img:hover {
filter: opacity(0.7);
}
#divApoya img {
max-width: 48rem;
}
#divApoya p {
font-size: 0.9rem;
}
#sectionCubosCategorias1 .carousel-inner .carousel-item.active,
#sectionCubosCategorias1 .carousel-inner .carousel-item-next,
#sectionCubosCategorias1 .carousel-inner .carousel-item-prev,
#sectionCubosCategorias2 .carousel-inner .carousel-item.active,
#sectionCubosCategorias2 .carousel-inner .carousel-item-next,
#sectionCubosCategorias2 .carousel-inner .carousel-item-prev,
#carouselSugeridos .carousel-inner .carousel-item.active,
#carouselSugeridos .carousel-inner .carousel-item-next,
#carouselSugeridos .carousel-inner .carousel-item-prev {
display: flex;
}
#ulFiltros h2 {
font-size: inherit;
margin-top: 0px;
margin-bottom: inherit;
font-weight: inherit;
line-height: normal;
}
#ulFiltros hr,
#modalFiltros .btn-toggle-nav hr {
padding-top: 0.12rem;
color: #4d4d4d3b;
}
#ulFiltros .btn-toggle::after,
#ulFiltrosModal .btn-toggle::after {
display: inline-block;
position: absolute;
top: 1rem;
right: 0rem;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
width: 17px !important;
height: 17px !important;
border: none !important;
vertical-align: -0.1em !important;
background-image: url("data:image/svg+xml,") !important;
background-repeat: no-repeat;
transition: background-image 0.3s;
}
#ulFiltros .btn-toggle:not(.collapsed)::after,
#ulFiltrosModal .btn-toggle:not(.collapsed)::after {
background-image: url("data:image/svg+xml,") !important;
}
#ulFiltros .btn-toggle-nav li a,
#ulFiltrosModal .btn-toggle-nav a h2{
display: inline-flex;
margin-top: 0.24rem;
margin-left: 0.2rem;
font-size: 1.1rem;
transition: color 0.3s;
}
#ulFiltros .btn-toggle-nav li a:hover,
#ulFiltrosModal .btn-toggle-nav a:hover {
color: #0CB6CE !important;
}
#ulFiltros .btn-toggle-nav label,
#ulFiltrosModal .btn-toggle-nav label {
display: inline-flex;
font-size: 1.1rem;
transition: color 0.3s;
}
#ulFiltros #liTiempoEntrega .btn-toggle-nav li,
#ulFiltrosModal #liTiempoEntrega .btn-toggle-nav li {
height: 2.2rem;
}
#ulFiltros #liTiempoEntrega #fechaEntrega,
#ulFiltrosModal #liTiempoEntregaMovil #fechaEntregaMovil {
font-size: 1.1rem;
height: 2.3rem;
max-width: 14rem;
border-color: #0CB6CE;
box-shadow: unset;
background-color: #fff;
cursor: pointer;
transition: background-color 0.3s;
}
#ulFiltros #liTiempoEntrega #fechaEntrega:hover ,
#ulFiltrosModal #liTiempoEntregaMovil #fechaEntregaMovil:hover {
background-color: #e9e9e9;
}
body #ui-datepicker-div {
border: none;
padding: unset;
border-radius: 0.7rem;
box-shadow: 0 0 13px 3px rgb(0 0 0 / 18%);
}
body #ui-datepicker-div.ui-widget {
font-family: inherit;
}
body #ui-datepicker-div th {
font-weight: 300;
font-size: 0.9rem;
}
body #ui-datepicker-div .ui-widget-header {
font-weight: 300;
font-size: 1.1rem;
background-color: #0CB6CE !important;
background-image: none !important;
color: white !important;
border: none;
padding: unset;
padding-top: 0.3rem;
border-top-right-radius: 0.7rem;
border-top-left-radius: 0.7rem;
border-bottom-right-radius: unset;
border-bottom-left-radius: unset;
}
body #ui-datepicker-div.ui-datepicker {
z-index: 5000 !important;
}
body #ui-datepicker-div .ui-datepicker td a:hover {
background-color: #F2A5A5 !important;
}
body #ui-datepicker-div .ui-datepicker td a {
background: transparent !important;
}
body #ui-datepicker-div .ui-datepicker-calendar thead{
background-color: #0CB6CE !important;
color: #fff;
}
body #ui-datepicker-div .ui-datepicker-calendar .ui-state-default,
body #ui-datepicker-div .ui-datepicker-calendar .ui-widget-content .ui-state-default,
body #ui-datepicker-div .ui-datepicker-calendar .ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
font-weight: normal;
color: #555555;
}
body #ui-datepicker-div.ui-datepicker td a {
padding: .3em;
text-align: center !important;
}
body #ui-datepicker-div .ui-datepicker-calendar .ui-state-default,
body #ui-datepicker-div #ui-datepicker-div.ui-widget-content .ui-state-default{
border-radius: 100%;
width: 1.8rem;
height: 1.8rem;
}
body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next span {
left: 58%;
top: 53%;
}
body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev span {
left: 52%;
top: 53%;
}
body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next.ui-state-hover {
right: 2px;
background: #0291a5 !important;
}
body #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev.ui-state-hover {
left: 2px;
background: #0291a5 !important;
}
body #ui-datepicker-div .ui-datepicker-calendar .ui-state-hover{
background: #0CB6CE !important;
color: #fff !important;
}
body #ui-datepicker-div .ui-state-active{
background: #0CB6CE !important;
color: #ffffff !important;
}
body #ui-datepicker-div .ui-widget-header .ui-datepicker-next .ui-icon {
background-position: unset;
width: 13px;
height: 13px;
background-image: url("data:image/svg+xml,") !important;
}
body #ui-datepicker-div .ui-widget-header .ui-datepicker-prev .ui-icon {
background-position: unset;
width: 13px;
height: 13px;
background-image: url("data:image/svg+xml,") !important;
}
body #ui-datepicker-div .ui-widget-header .ui-datepicker-prev,
body #ui-datepicker-div .ui-widget-header .ui-datepicker-next {
background: unset !important;
top: 6px !important;
cursor: pointer;
border-radius: 100%;
transition: all 0.3s;
border: 0px solid #0CB6CE;
}
body #ui-datepicker-div .ui-state-default,
body #ui-datepicker-div.ui-widget-content .ui-state-default,
body #ui-datepicker-div .ui-widget-header .ui-state-default,
body #ui-datepicker-div .ui-button,
body #ui-datepicker-div .ui-button.ui-state-disabled:hover,
body #ui-datepicker-div .ui-button.ui-state-disabled:active {
transition: background 0.3s, color 0.2s;
border: none;
background: none;
font-weight: 300;
}
#ulFiltros #liTiempoEntrega #spanFechaEntrega,
#ulFiltrosModal #liTiempoEntregaMovil #spanFechaEntregaMovil {
background-color: #0CB6CE;
height: 2.3rem;
width: 3.3rem;
transition: background-color 0.3s;
}
#ulFiltros #liTiempoEntrega #spanFechaEntrega:hover,
#ulFiltrosModal #liTiempoEntregaMovil #spanFechaEntregaMovil:hover {
background-color: #0291a5
}
#ulFiltros li button {
font-size: 1.25rem;
}
#ulFiltrosModal li button {
font-size: 1.2rem;
}
#ulFiltros #collapse5 input,
#ulFiltrosModal #collapse5ModalFiltros input{
transition: all 0.3s;
}
#ulFiltros #collapse5 input:checked,
#ulFiltrosModal #collapse5ModalFiltros input:checked {
background-image: unset;
background-color: #0CB6CE;
border-color: #0CB6CE;
}
#ulFiltros .btn-toggle-nav input + label img {
transition: filter 0.3s;
}
#ulFiltros .btn-toggle-nav input:hover + label img,
#ulFiltros .btn-toggle-nav input:checked + label img,
#ulFiltrosModal .btn-toggle-nav input:hover + label img,
#ulFiltrosModal .btn-toggle-nav input:checked + label img{
filter: invert(54%) sepia(22%) saturate(2004%) hue-rotate(142deg) brightness(102%) contrast(91%);
}
#ulFiltros .btn-toggle-nav input:hover + label,
#ulFiltros .btn-toggle-nav input:checked + label,
#ulFiltrosModal .btn-toggle-nav input:hover + label,
#ulFiltrosModal .btn-toggle-nav input:checked + label{
color: #0CB6CE;
}
#ulFiltros li svg {
right: 1.8rem;
top: 1rem;
}
#ulFiltros #rangoPrecio,
#ulFiltrosModal #rangoPrecioMovil {
width: 90%;
}
#ulFiltros #rangoPrecio .ui-slider,
#ulFiltrosModal #rangoPrecioMovil .ui-slider {
margin-top: 20px;
height: 0.25rem;
position: relative;
border: none;
background: #bbbbbb9c;
}
#ulFiltros #rangoPrecio .ui-state-default, #ulFiltros #rangoPrecio .ui-widget-content .ui-state-default, #ulFiltros #rangoPrecio .ui-widget-header .ui-state-default,
#ulFiltrosModal #rangoPrecioMovil .ui-state-default, #ulFiltrosModal #rangoPrecioMovil .ui-widget-content .ui-state-default, #ulFiltrosModal #rangoPrecioMovil .ui-widget-header .ui-state-default {
background: #0CB6CE;
border-radius: 25px;
outline: none;
border: none;
position: absolute;
top: -7px;
width: 1rem;
height: 1rem;
}
#ulFiltros #rangoPrecio .ui-slider-horizontal .ui-slider-range,
#ulFiltrosModal #rangoPrecioMovil .ui-slider-horizontal .ui-slider-range {
background: #0CB6CE;
}
#ulFiltros #amount,
#ulFiltrosModal #amountMovil {
outline: none;
font-size: 1.1rem;
}
#container_all_products {
margin-top: -1rem;
}
#divBreadcrumb img, #divLateralIzquierdo img{
image-rendering: -webkit-optimize-contrast;
}
#divBreadcrumb a{
font-size: 1rem;
}
#divBreadcrumb a:not(#linkHome)::before {
display: inline-block;
margin-left: 0.5rem;
margin-right: 0.5rem;
content: "";
width: 14px !important;
height: 14px !important;
border: none !important;
vertical-align: -0.1em !important;
background-image: url("data:image/svg+xml,");
background-repeat: no-repeat;
cursor: default;
}
#divLateralIzquierdo > div {
/*position: sticky;*/
/* top: 6.5rem;*/
/*top: 4rem;*/
}
#divLateralIzquierdo:before{
position:absolute;
z-index:-5;
content:"";
background-color: #fff;
}
#divTextoImagenCategoria {
min-height: 10.8rem;
background-color: #EAF2FA;
background-clip: content-box;
}
#divTextoImagenCategoria > div {
top: 50%;
left: 7.2%;
line-height: normal;
}
#divTextoImagenCategoria h2{
font-size: 2.5rem;
font-weight: 800;
}
#divTextoImagenCategoria p{
font-size: 1.8rem;
font-weight: 500;
}
#divOrden {
/*position: sticky;*/
/*top: 3.4rem;*/
z-index: 4;
background-color: #fff;
padding-bottom: 0.2rem;
}
#divOrden #textoOrdenar {
font-weight: 500;
font-size: 1.1rem;
}
#divOrden #btnOrdenar {
background-color: #fff;
border-color: #0CB6CE;
box-shadow: unset;
/*width: 14rem;*/
min-width: 12rem;
height: 2.1rem;
padding-block: 0px;
font-size: 1.1rem;
}
#divOrden #btnOrdenar::after {
/*position: absolute;
top: 0.6rem;
right: 0.8rem;*/
float: right;
width: 17px !important;
height: 17px !important;
border: none !important;
/*vertical-align: -0.2rem !important;*/
margin-top: 0.3rem;
background-image: url("data:image/svg+xml,") !important;
}
#divOrden .dropdown-menu, #rowPaginacion .dropdown-menu {
margin-top: 0;
display: block;
opacity: 0;
border: none;
height: 0px;
overflow: hidden;
padding: 0px;
transition: opacity 0.3s;
}
#divOrden .dropdown-menu.show, #rowPaginacion .dropdown-menu.show {
opacity: 1;
display: block;
height: inherit;
border: 1px solid rgba(0,0,0,.15);
cursor:pointer;
}
#divOrden .dropdown-toggle::after, #rowPaginacion .dropdown-toggle::after {
transition: transform 0.3s;
}
#divOrden .dropdown-toggle.show::after, #rowPaginacion .dropdown-toggle.show::after {
transform: rotate(1deg) rotate(-180deg);
}
#divOrden a img{
transition: filter 0.3s;
}
#divOrden a.seleccionada img {
filter: invert(54%) sepia(22%) saturate(2004%) hue-rotate(142deg) brightness(102%) contrast(91%);
}
#divCantidadPorPagina ul{
min-width:5rem;
}
#divProductosCuadricula {
padding-top: 1rem;
}
#divProductosCuadricula > div {
width: 22%;
border-radius: 1.4rem;
border-style: solid;
border-width: 0.02rem;
border-color: #ffffff00;
--bs-bg-opacity: 1;
box-shadow: none;
transition: box-shadow 0.3s, border-color 0.2s;
}
#divProductosCuadricula > div:hover {
border-color: #c7c7c7;
box-shadow: 0 0 1rem rgb(0 0 0 / 15%);
}
#divProductosCuadricula img {
border-radius: 1.4rem;
height: 13.8rem;
object-fit: cover;
width: 100%;
}
#divProductosCuadricula .nombreProducto {
font-size: 1rem;
}
#divProductosCuadricula .divPrecio {
height: 3rem;
}
#divProductosCuadricula .divPrecio .precioAnteriorCuadricula {
font-size: 0.8rem;
}
#divProductosCuadricula div.promo a:before{
image-rendering: -webkit-optimize-contrast;
content: "";
background: no-repeat url("../img/adom/general/dcto.png");
background-size: cover;
position: absolute;
top: -10px;
left: -9px;
width: 73px;
height: 73px;
display: block;
}
#divProductosCuadricula div.promo .porcentajeDcto{
width: 3rem;
top: 13px;
left: 5px;
color: #fff;
margin: 0;
font-size: 1.2rem;
letter-spacing: 0.05rem;
}
#divProductosCuadricula div.nuevo a:after{
image-rendering: -webkit-optimize-contrast;
content: "";
background: no-repeat url("../img/adom/general/nuevo.png");
position: absolute;
top: -8px;
right: 11px;
width: 71px;
height: 50px;
background-size: cover;
display: block;
}
#divProductosLista {
display: none;
padding-top: 1rem;
}
#divProductosLista > div,
#divLateralIzquierdo #rowSugeridos > div {
border-radius: 1rem;
border-style: solid;
border-width: 0.02rem;
border-color: #dfdfdf;
transition: box-shadow 0.3s, border-color 0.2s;
}
#divProductosLista div.promo a:before{
image-rendering: -webkit-optimize-contrast;
content: "";
background: no-repeat url("../img/adom/general/dcto.png");
background-size: cover;
position: absolute;
top: -12px;
left: -12px;
width: 56px;
height: 56px;
display: block;
}
#divProductosLista div.nuevo a:after {
image-rendering: -webkit-optimize-contrast;
content: "";
background: no-repeat url(../img/adom/general/nuevo.png);
position: absolute;
top: -8px;
left: 5.4vw;
width: 56px;
height: 40px;
background-size: cover;
display: block;
}
#divProductosLista div.promo .porcentajeDcto {
width: 3rem;
top: 5px;
left: -5px;
color: #fff;
margin: 0;
font-size: 1rem;
letter-spacing: 0.05rem;
}
#divLateralIzquierdo #rowSugeridos > div img{
height: 7.99vw;
object-fit: cover;
border-radius: 1rem;
}
#divProductosLista > div img {
border-radius: 1rem;
}
#divProductosLista > div .nombreProducto {
font-size: 1.1rem;
margin-bottom: 0;
}
#divProductosLista > div:hover,
#divLateralIzquierdo #rowSugeridos > div:hover {
border-color: #c7c7c7;
box-shadow: 0 0 1rem rgb(0 0 0 / 15%);
}
#divProductosLista .precioProductoVistaLineal {
font-size: 1.25rem;
}
#textoSinResultados p{
font-size: 1.5rem;
}
#rowPaginacion hr {
padding-top: 0.12rem;
color: #4d4d4d9c;
}
#rowPaginacion #btnCantidadPorPagina {
font-size: 1.1rem;
background-color: #fff;
border-color: #0CB6CE;
box-shadow: unset;
height: 2.1rem;
width: 5rem;
padding-block: 0px;
padding-left: 0.9rem
}
#rowPaginacion #btnCantidadPorPagina::after {
position: absolute;
top: 0.6rem;
left: 2.7rem;
width: 17px !important;
height: 17px !important;
border: none !important;
vertical-align: -0.1em !important;
background-image: url("data:image/svg+xml,") !important;
}
#rowPaginacion span {
font-weight: 500;
font-size: 1.1rem;
}
#rowPaginacion #divPaginacion .page-item.active a{
background-color: #fff;
border-color: #0CB6CE;
color: #0CB6CE !important;
}
#rowPaginacion #divPaginacion .page-link{
width: 2.2rem;
height: 2.2rem;
text-align: center;
font-size: 1.1rem;
padding: 0.25rem 0 0 0;
}
#rowPaginacion .page-item:first-child.disabled svg, #rowPaginacion .page-item:last-child.disabled svg {
filter: brightness(0) saturate(100%) invert(44%) sepia(7%) saturate(583%) hue-rotate(167deg) brightness(101%) contrast(89%);
}
#rowDescripcionCategoria {
padding-left: 3.2rem;
padding-right: 3.2rem;
}
#rowDescripcionCategoria a{
color: #0cb6ce !important;
transition: color 0.3s;
}
#rowDescripcionCategoria a:hover{
color: #086c7b !important
}
#rowDescripcionCategoria a#btnEditarSeo {
color: #fff !important;
transition: all 0.3s;
}
#rowDescripcionCategoria h1 {
font-size: 1.8rem;
font-weight: 700;
padding-bottom: 0.9rem;
}
#rowDescripcionCategoria div p{
font-size: 1.1rem;
text-align: justify;
margin-bottom: 0;
}
#rowDescripcionCategoria #divVideoCategoria p{
font-size: 1.4rem;
}
#rowDescripcionCategoria iframe {
max-width: 24vw;
max-height: 15vw;
width: 100%;
height: 100%;
border-radius: 1.8rem;
}
#rowDescripcionCategoria #divVideoCategoria {
padding-top: 0.4rem;
}
#divBotonesOrdenFiltros {
top: -1px;
position: sticky;
background-color: white;
/*padding: 1rem 0.5rem 0.7rem 0.5rem;*/
transition: box-shadow 0.2s;
}
#divBotonesOrdenFiltros.is-sticky {
box-shadow: 0px 6px 7px 0px rgb(0 0 0 / 10%);
z-index: 1;
}
#divBotonesOrdenFiltros > div button{
padding: 1rem 0rem 0.7rem 0rem;
}
#divBotonesOrdenFiltro > div button:hover {
background-color: black;
}
#modalOrden .modal-body a{
font-size: 1.2rem;
}
#modalOrden .modal-body a.active,
#modalOrden .modal-body a:active {
color: white !important;
background-color: #0CB6CE;
}
#rowSugeridos .nombreSugeridos{
font-size: 1rem;
}
#rowInfoProducto #divImagenes > div.promo:before {
image-rendering: -webkit-optimize-contrast;
content: "";
background: no-repeat url("../img/adom/general/dcto.png");
background-size: cover;
position: absolute;
top: -10px;
left: -9px;
width: 100px;
height: 100px;
display: block;
}
#rowInfoProducto #divImagenes > div.nuevo:after {
image-rendering: -webkit-optimize-contrast;
content: "";
background: no-repeat url(../img/adom/general/nuevo.png);
position: absolute;
top: -10px;
right: 42px;
width: 88px;
height: 62px;
background-size: cover;
display: block;
}
#rowInfoProducto #divEtiquetaNuevoPromoMovil.promo:before{
image-rendering: -webkit-optimize-contrast;
content: "";
background: no-repeat url("../img/adom/general/dcto.png");
background-size: cover;
position: absolute;
top: -10px;
left: 20px;
width: 75px;
height: 75px;
z-index: 1;
display: block;
}
#rowInfoProducto #divEtiquetaNuevoPromoMovil.nuevo:after {
image-rendering: -webkit-optimize-contrast;
content: "";
background: no-repeat url(../img/adom/general/nuevo.png);
position: absolute;
top: -9px;
right: 42px;
width: 75px;
height: 52px;
background-size: cover;
z-index: 1;
display: block;
}
#rowInfoProducto #divImagenes > div.promo .porcentajeDcto{
width: 5rem;
top: 22px;
left: 3px;
color: #fff;
margin: 0;
font-size: 1.6rem;
letter-spacing: 0.05rem;
}
#rowInfoProducto #divEtiquetaNuevoPromoMovil.promo .porcentajeDcto{
z-index: 1;
width: 5rem;
top: 12px;
left: 20px;
color: #fff;
margin: 0;
font-size: 1.4rem;
letter-spacing: 0.05rem;
}
#rowInfoProducto #divImagenes #imagenPrincipal{
width: 100%;
height: auto;
aspect-ratio: auto 1 / 1;
}
#rowInfoProducto #divImagenes img:not(#imagenPrincipal) {
width: 19%;
height: auto;
transition: border 0.3s;
border: 2px solid #fff;
aspect-ratio: auto 1 / 1;
}
#rowInfoProducto #divImagenes img:not(#imagenPrincipal):hover,
#rowInfoProducto #divImagenes img:not(#imagenPrincipal).active {
border: 2px solid #0CB6CE;
}
.img-zoom-container {
position: absolute;
z-index: 2;
display: none;
height: 0;
}
.img-zoom-container.active {
display: block;
visibility: visible;
height: inherit;
}
.img-zoom-lens {
position: absolute;
border: 1px solid #d4d4d4;
/*set the size of the lens:*/
width: 22rem;
height: 15rem;
}
.img-zoom-container .img-zoom-result {
border: 1px solid #d4d4d4;
width: 39vw;
height: 26vw;
z-index: -1;
}
.img-zoom-container.active .img-zoom-result {
z-index: 1;
background: no-repeat;
}
#rowInfoProducto #nombreProducto {
color: #2e2e2e;
}
#rowInfoProducto #nombreProducto,
#rowInfoProducto #precioProducto {
font-size: 2.2rem;
}
#rowInfoProducto #precioAnterior {
font-size: 1.2rem;
}
#rowInfoProducto #idProducto {
font-size: 1.05rem;
}
#divInfoEnvio {
font-size: 1.05rem;
}
#rowCampos > div span{
font-size: 1.2rem;
}
#rowCampos label{
font-size: 1rem;
}
#rowInfoProducto .enlaceConsultaInfo {
min-height: 2rem;
border: 1px solid rgb(225, 225, 225);
transition: color 0.2s, background-color 0.3s, border-color 0.3s;
}
#rowInfoProducto .enlaceConsultaInfo:hover {
border-color: #0CB6CE;
background-color: #0CB6CE;
color: white !important;
}
#rowInfoProducto .enlaceConsultaInfo img {
transition: all 0.2s;
}
#rowInfoProducto .enlaceConsultaInfo:hover img {
filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(116%) hue-rotate(327deg) brightness(118%) contrast(100%);
}
.modal-dialog {
max-width: 670px;
}
#divCantidad a {
background-color: white;
}
#divCantidad a span{
font-size: 1.5rem;
}
#rowInfoProducto #divCantidad {
z-index: 1;
}
#rowInfoProducto #divCantidad input {
width: 3rem;
}
/* Quitar flechas de aumentar y disminuir numero */
/* Chrome, Safari, Edge, Opera */
#rowInfoProducto #divCantidad input::-webkit-outer-spin-button,
#rowInfoProducto #divCantidad input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
#rowInfoProducto #divCantidad input[type=number] {
-moz-appearance: textfield;
}
#rowInfoProducto #divBotonComprar a{
padding-inline: 6rem;
font-size: 1.4rem !important;
}
#rowDetalleProducto #divContenidoTabs {
min-height: 12rem;
}
#rowDetalleProducto #divContenidoTabs h1 {
font-size: 1.1rem;
}
#rowDetalleProducto #divContenidoTabs strong {
margin-bottom: 1rem;
}
#rowDetalleProducto #divContenidoTabs p {
font-weight: 400;
font-size: 1.05rem;
}
#rowDetalleProducto #divContenidoTabs #detalles span > p > strong,
#rowDetalleProducto #divContenidoTabs #garantias span > p > strong {
color: #FF2003;
}
#rowDetalleProducto #divContenidoTabs #detalles table,
#rowDetalleProducto #divContenidoTabs #garantias table {
border-color: #4d4d4d26;
}
#rowDetalleProducto #divContenidoTabs #detalles a,
#rowDetalleProducto #divContenidoTabs #garantias a {
color: #0cb6ce !important;
transition: color 0.3s;
}
#rowDetalleProducto #divContenidoTabs #detalles a:hover,
#rowDetalleProducto #divContenidoTabs #garantias a:hover {
color: #086c7b !important;
}
#rowDetalleProducto #tabsInfoProducto.nav-tabs .nav-link {
color: #4d4d4d;
font-size: 1.2rem;
transition: all 0.3s;
border-bottom-width: 3px;
}
#rowDetalleProducto #tabsInfoProducto.nav-tabs .nav-link:not(.active):focus,
#rowDetalleProducto #tabsInfoProducto.nav-tabs .nav-link:not(.active):hover {
border-color: #e9ecef #e9ecef #dee2e6;
background-color: #e9ecef !important;
}
#rowDetalleProducto #tabsInfoProducto.nav-tabs .nav-link.active {
color: #FF2003;
border-color: #fff #fff #ff2003;
}
#rowDetalleProducto #comentarios .ec-stars-wrapper a {
text-decoration: none;
display: inline-block;
font-size: 1.8rem;
color: #888;
margin: 2px 1px;
}
#rowDetalleProducto #comentarios .star-orange {
color: gold !important;
}
.ec-stars-wrapper {
direction: rtl;
}
.ec-stars-wrapper a {
transition: all 0.2s;
}
.ec-stars-wrapper a:hover {
color: gold !important;
}
.ec-stars-wrapper a:hover ~ a {
color: gold !important;
}
.ec-stars-wrapper a:hover ~ a {
color: gold !important;
}
.ec-stars-wrapper a:hover ~ a {
color: gold !important;
}
.ec-stars-wrapper a:hover ~ a {
color: gold !important;
}
.ec-stars-wrapper a:hover ~ a {
color: gold !important;
}
#carouselSugeridos .carousel-item > div {
border-radius: 1.4rem;
border-style: solid;
border-width: 0.02rem;
border-color: #fff;
box-shadow: none;
transition: box-shadow 0.3s, border-color 0.2s;
width: 10.3rem;
}
#carouselSugeridos .carousel-item > div:hover {
border-color: #c7c7c7;
box-shadow: 0 0 1rem rgb(0 0 0 / 15%);
}
#carouselSugeridos .carousel-inner .carousel-item-end.active,
#carouselSugeridos .carousel-inner .carousel-item-start.active,
#carouselSugeridos .carousel-inner .carousel-item-next,
#carouselSugeridos .carousel-inner .carousel-item-prev {
transition: transform 0.4s ease-in-out, filter 0.4s;
}
#carouselSugeridos .carousel-inner .carousel-item-end.active {
filter: opacity(0) !important;
}
#carouselSugeridos .carousel-inner .carousel-item-next {
filter: opacity(1) !important;
}
#carouselSugeridos .carousel-inner .carousel-item-end.active,
#carouselSugeridos .carousel-inner .carousel-item-next {
transform: translateX(31%) !important;
filter: opacity(0) !important;
}
#carouselSugeridos .carousel-inner .carousel-item-start.active,
#carouselSugeridos .carousel-inner .carousel-item-prev {
transform: translateX(-31%) !important;
filter: opacity(0) !important;
}
#carouselSugeridos .carousel-inner .carousel-item-end,
#carouselSugeridos .carousel-inner .carousel-item-start {
transform: translateX(0) !important;
filter: opacity(1) !important;
}
#ui-datepicker-div.divDatepickerDisponibilidad {
width: 22rem;
}
#ui-datepicker-div.divDatepickerDisponibilidad .enlace,
#ui-datepicker-div.divDatepickerDisponibilidad .textoAzul {
font-size: 0.9em;
}
#ui-datepicker-div.divDatepickerDisponibilidad .fondoAzul{
display: inline-block;
width: 1.5rem;
height: 1.5rem;
}
#ui-datepicker-div.divDatepickerDisponibilidad .ui-datepicker-calendar {
margin-bottom: 0.7em;
}
#ui-datepicker-div.divDatepickerDisponibilidad .ui-datepicker-calendar td {
margin-top: 0.5rem;
}
#ui-datepicker-div.divDatepickerDisponibilidad .ui-datepicker-calendar td .ui-state-default {
margin-left: auto;
margin-right: auto;
margin-top: inherit;
text-align: center !important;
}
#ui-datepicker-div.divDatepickerDisponibilidad .ui-datepicker-calendar td:not(.ui-datepicker-unselectable) .ui-state-default {
background: #0CB6CE !important;
color: #fff !important;
cursor: default;
}
.popoverDisponibilidad {
font-size: 1rem;
}
.popover.show {
box-shadow: 0 0 10px rgb(0 0 0 / 18%);
}
.flecha-anterior-azul-small {
width: 2rem;
height: 2rem;
background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxpdmVsbG8gMSIgdmlld0JveD0iMCAwIDY2IDY2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zMyAyYTMyIDMyIDAgMSAwIDMyIDMyQTMyIDMyIDAgMCAwIDMzIDJaIiBmaWxsPSIjMGNiNmNlIiBjbGFzcz0iZmlsbC0wMDAwMDAiPjwvcGF0aD48cGF0aCBkPSJNNDAgMTcgMjIuMzEgMzMuOWExLjUgMS41IDAgMCAwIDAgMi4xOUw0MCA1MyIgZGF0YS1uYW1lPSJBcnJvdyBMZWZ0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjJweCIgY2xhc3M9InN0cm9rZS1mZmZmZmYiPjwvcGF0aD48L3N2Zz4=);
}
.flecha-siguiente-azul-small {
width: 2rem;
height: 2rem;
background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxpdmVsbG8gMSIgdmlld0JveD0iMCAwIDY2IDY2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zMyA2NkEzMiAzMiAwIDEgMCAxIDM0YTMyIDMyIDAgMCAwIDMyIDMyWiIgZmlsbD0iIzBjYjZjZSIgY2xhc3M9ImZpbGwtMDAwMDAwIj48L3BhdGg+PHBhdGggZD0ibTI3LjgzIDUyIDE3LjY5LTE2LjlhMS41IDEuNSAwIDAgMCAwLTIuMTlMMjcuODMgMTYiIGRhdGEtbmFtZT0iQXJyb3cgTGVmdCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIycHgiIGNsYXNzPSJzdHJva2UtZmZmZmZmIj48L3BhdGg+PC9zdmc+);
}
#carouselSugeridos .carousel-control-prev {
top: 30%;
left: 1%;
height: 50%;
}
#carouselSugeridos .carousel-control-next{
top: 30%;
left: 99%;
height: 50%;
}
#carouselSugeridos .carousel-item img {
border-radius: 1.4rem;
height: 10.3rem;
width: 100%;
object-fit: cover;
}
#carouselSugeridos .nombreSugerido ,
#carouselSugeridos .precioSugerido ,
#carouselSugeridos .divBotonVerSugerido {
font-size: 0.8rem;
}
#carouselSugeridos .precioSugerido {
margin-bottom: 0.5rem;
}
#carouselSugeridos .divBotonVerSugerido span {
padding-left: 2.5rem;
padding-right: 2.5rem;
padding-top: 0.35rem;
padding-bottom: 0.35rem;
}
#modalAdvertenciaBotonComprar .modal-content {
background-color: #f2dede;
}
#modalAdvertenciaBotonComprar .modal-body {
color: #8c1b19;
}
#modalAdvertenciaBotonComprar .modal-body a{
color: #0191a5 !important;
transition: color 0.3s;
}
#modalAdvertenciaBotonComprar .modal-body a:hover {
color: #005864 !important;
}
#modalAdvertenciaBotonComprar .modal-footer{
background-color: #FF2003;
}
#modalNormal>.modal-dialog>.modal-content>#contentModal,
#modalSmall>.modal-dialog>.modal-content>#contentModal,
#modalLarge>.modal-dialog>.modal-content>#contentModal {
padding-top: 0px !important;
padding-bottom: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
}
#containerCarrito h4 {
font-size: 1.6rem !important;
}
#containerCarrito #divTitulos p,
#containerCarrito #btnPagar2,
#containerCarrito #divTotal,
#containerCarrito #divMensajeTarifa,
#containerCarrito #btnSeguirComprando,
#containerCarrito #btnVaciarCarrito {
font-size: 1.1rem !important;
}
#containerCarrito .divProducto {
padding-bottom: 2.5rem;
}
#containerCarrito .divProducto h1,
#containerCarrito .divProducto span{
font-size: 1.1rem !important;
}
#containerCarrito .divProducto .divEnlaceEditar svg,
#containerCarrito .divProducto .divEnlaceQuitar img{
transition: filter 0.1s;
}
#containerCarrito .divProducto .divEnlaceEditar:hover,
#containerCarrito .divProducto .divEnlaceQuitar:hover{
background-color: #00b7d0;
}
#containerCarrito .divProducto .divEnlaceEditar:hover svg,
#containerCarrito .divProducto .divEnlaceQuitar:hover img{
filter: brightness(0) saturate(100%) invert(98%) sepia(1%) saturate(116%) hue-rotate(327deg) brightness(118%) contrast(100%);
}
#containerCarrito #divTotal {
background-color: #f1f1f1;
border: 1px solid #f1f1f1;
}
#containerCarrito #btnPagar2 {
border: 1px solid rgb(255, 32, 3);
}
#containerCarrito #textoCarritoVacio {
font-size: 1.3rem;
padding-top: 6rem;
padding-bottom: 10rem;
}
#modalDestino a span,
#modalDestino .tab-content a{
font-size: 1.2rem !important;
transition: color 0.2s, background-color 0.3s;
}
#modalDestino .tab-content>.active {
display: flex !important;
}
#modalDestino a span:hover,
#modalDestino a.active span,
#modalDestino .tab-content a:hover,
#modalDestino .tab-content a.active{
color: #fff !important;
background-color: #0CB6CE;
}
#modalPaises a{
font-size: 1.3rem !important;
transition: color 0.2s, background-color 0.3s;
}
#modalPaises a:hover{
color: #fff !important;
background-color: #0CB6CE;
}
.iconCancelado,.iconAprobado,.iconProceso,.iconPendiente{
background: url('../img/adom/general/panel_de_cuenta.png') no-repeat;
width: 28px;
height: 29px;
display:inline-block;
vertical-align: middle
}
.iconCancelado{
background-position:-27px -64px;
}
.iconAprobado{
background-position:-55px -64px;
}
.iconPendiente{
background-position:-86px -64px;
}
.iconProceso{
background-position:-118px -64px;
}
.estadoSolicitado, .estadoCancelado, .estadoPendientePago, .estadoProceso,.estadoEntregado{
background: url('../img/adom/general/panel_de_cuenta.png') no-repeat;
height: 43px;
width: 43px;
}
.estadoSolicitado{
background-position: -73px -9px;
}
.estadoCancelado{
background-position: -26px -9px;
}
.estadoPendientePago{
background-position: -121px -9px;
}
.estadoProceso{
background-position: -171px -9px;
}
.estadoEntregado{
background-position: -73px -9px;
}
#divVRLoginSignup {
height: 42rem;
}
#containerContenido a{
color: #0cb6ce !important;
transition: color 0.3s;
}
#containerContenido a:hover{
color: #086c7b !important;
}
#containerFaqs #rowPreguntasRespuestas nav .nav-link.active{
border-left: 3px solid #FF2003;
color: #FF2003 !important;
font-weight: 700;
}
#containerFaqs #rowMasPreguntas {
height: 4rem;
}
#containerFaqs #rowMasPreguntas > div{
border-color: #0CB6CE !important;
border-radius: 50rem;
}
#containerFaqs #ResultFaq img{
max-width: 72vw;
}
#enlaceWhatsAppFixed {
width: 43px;
height: 43px;
position: fixed;
right: 25px;
bottom: 72px;
z-index: 3;
}
#enlaceWhatsAppFixed svg{
transition: fill 0.3s;
}
#enlaceWhatsAppFixed:hover svg{
fill: #035622;
}
#divIzquierdoProveedor a {
font-size: inherit;
margin-top: 0px;
margin-bottom: inherit;
font-weight: inherit;
line-height: normal;
display: inline-flex;
margin-top: 0.24rem;
margin-left: 0.2rem;
font-size: 1.1rem;
transition: color 0.3s;
}
#divIzquierdoProveedor a:hover {
color: #0CB6CE !important;
}
#container_ver_proveedor #rowCategoriasProveedor > div {
width: 30%;
height: 17rem;
border-radius: 1.4rem;
border-style: solid;
border-width: 0.02rem;
border-color: #ffffff00;
--bs-bg-opacity: 1;
box-shadow: none;
border-color: #c7c7c7;
transition: box-shadow 0.3s;
}
#container_ver_proveedor #rowCategoriasProveedor > div:hover {
box-shadow: 0 0 1rem rgb(0 0 0 / 15%);
}
#container_ver_proveedor #rowCategoriasProveedor img {
border-radius: 1.4rem;
height: 16rem;
object-fit: cover;
}
#container_ver_proveedor #rowCategoriasProveedor h3 {
font-size: 1.2rem;
background-color: rgba( 0, 0, 0, 0.43 );
}
@media all and (max-width: 1400px) {
#sectionNewsletter #divImagenNewsletter img {
left: 16rem;
}
#ulFiltros #amount {
font-size: 0.95rem;
}
#divTextoImagenCategoria h2 {
font-size: 2.5rem;
}
#divTextoImagenCategoria p {
font-size: 1.6rem;
}
#rowDescripcionCategoria {
padding-left: 0.6rem;
padding-right: 0.6rem;
}
#rowInfoProducto #nombreProducto,
#rowInfoProducto #precioProducto {
font-size: 2.08rem;
}
#rowInfoProducto #idProducto {
font-size: 1rem;
}
#rowInfoProducto #textoCompraProtegida {
font-size: 0.92rem;
}
#rowDetalleProducto #tabsInfoProducto.nav-tabs .nav-link {
font-size: 1.1rem;
}
#rowDetalleProducto #divContenidoTabs h1 {
font-size: 1rem;
}
#rowDetalleProducto #divContenidoTabs p {
font-size: 1rem;
}
#divProductosCuadricula img {
height: 15.8vw;
}
#rowSugeridos > h3 {
font-size: 1.6rem;
}
#carouselSugeridos .carousel-item > div {
width: 9.3rem;
}
#carouselSugeridos .carousel-item img {
height: 9.3rem;
}
}
@media all and (max-width: 1200px) {
#sectionSelectsCategorias .nav-item button {
font-size: 1rem;
}
#divBotonesDestino h3 {
font-size: 1.8rem;
}
.divAtencion img {
width: 85%;
object-fit: contain !important;
}
.textoCategorias {
font-size: 1.7rem;
text-shadow: 1px 0 0;
}
#sectionCobertura {
background-image: none;
}
#sectionNewsletter {
margin-top: 7vw;
}
#sectionNewsletter #divImagenNewsletter img{
width: 138%;
left: 62%!important;
}
#divBreadcrumb a {
font-size: 1rem;
}
#ulFiltros .btn-toggle-nav li a {
font-size: 1rem;
}
#ulFiltros li button {
font-size: 1.1rem;
}
#ulFiltros #amount {
font-size: 1rem;
}
#ulFiltros .btn-toggle-nav label {
font-size: 1rem;
}
#ulFiltros #liTiempoEntrega #fechaEntrega {
font-size: 1rem;
}
#rowSugeridos .nombreSugeridos{
font-size: 0.9rem;
}
#divTextoImagenCategoria h2 {
font-size: 1.7rem;
}
#divTextoImagenCategoria p {
font-size: 1.5rem;
}
#divOrden #textoOrdenar {
font-size: 1rem;
}
#divOrden #btnOrdenar {
font-size: 1rem;
}
#sectionPrincipalFixed .btnCategoriaFlechaNegra .dropdown-toggle::after,
#sectionPrincipalFixed .btnCategoriaFlechaRoja .dropdown-toggle::after {
display: block;
margin-inline: auto;
}
#divProductosCuadricula .nombreProducto,
#divProductosCuadricula .precioProductoCuadricula {
font-size: 0.9rem;
}
#rowPaginacion #divPaginacion span {
font-size: 1rem;
}
#rowPaginacion #divPaginacion #btnCantidadPorPagina {
font-size: 1rem;
}
#divProductosCuadricula div.promo a:before{
width: 65px;
height: 65px;
}
#divProductosCuadricula div.promo .porcentajeDcto{
top: 10px;
left: 1px;
font-size: 1.1rem;
}
.divNombreProducto {
width: 98%;
}
#rowPaginacion span {
font-size: 1rem;
}
#rowPaginacion #btnCantidadPorPagina {
font-size: 1rem;
}
#rowPaginacion #divPaginacion .page-link {
width: 2.2rem;
height: 2.2rem;
font-size: 1rem;
padding: 0.35rem 0 0 0;
}
#rowPaginacion #divPaginacionMovil .page-link {
font-size: 0.9rem;
}
#rowDescripcionCategoria {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
#rowDescripcionCategoria h1 {
font-size: 1.6rem;
}
#rowDescripcionCategoria div p {
font-size: 1.1rem;
}
#rowDescripcionCategoria #divVideoCategoria p {
font-size: 1.3rem;
}
#rowDescripcionCategoria iframe {
max-width: 30vw;
max-height: 18vw;
border-radius: 1.4rem;
}
#divProductosLista div.promo a:before {
width: 50px;
height: 50px;
}
#divProductosLista div.promo .porcentajeDcto {
width: 2.8rem;
top: 4px;
left: -6px;
font-size: 0.9rem;
}
#divProductosLista div.nuevo a:after {
top: -8px;
left: 5.4vw;
width: 50px;
height: 35px;
}
#divProductosLista > div .nombreProducto {
font-size: 1rem;
}
#divProductosLista .precioAnteriorLineal {
font-size: 0.8rem;
}x
#divProductosLista .precioProductoVistaLineal {
font-size: 1rem;
}
#divProductosLista .tiempoEntrega {
font-size: 0.95rem;
}
#rowInfoProducto #nombreProducto, #rowInfoProducto #precioProducto {
font-size: 1.7rem;
}
#rowInfoProducto #precioAnterior {
font-size: 1rem;
}
#rowInfoProducto #idProducto {
font-size: 0.9rem;
}
#divInfoEnvio {
font-size: 0.9rem;
}
#rowInfoProducto #divCantidad input {
width: 3rem;
}
#rowInfoProducto #divBotonComprar a {
padding-inline: 3.4rem;
font-size: 1.3rem !important;
}
#rowInfoProducto #rowInfoContacto {
font-size: 0.9rem;
}
#rowDetalleProducto #tabsInfoProducto.nav-tabs .nav-link {
font-size: 1rem;
}
#rowDetalleProducto #divContenidoTabs h1 {
font-size: 0.95rem;
}
#rowSugeridos > h3 {
font-size: 1.4rem;
}
#carouselSugeridos .divBotonVerSugerido span {
padding-left: 2rem;
padding-right: 2rem;
}
#rowDetalleProducto #divContenidoTabs p {
font-size: 0.9rem;
}
#rowSugeridos .carousel-inner .carousel-item > div:last-child {
display: none;
}
#carouselSugeridos .carousel-item > div {
width: 11.3rem;
}
#carouselSugeridos .carousel-item img {
height: 11.3rem;
}
#carouselSugeridos .carousel-inner .carousel-item-end.active {
filter: opacity(0) !important;
}
#carouselSugeridos .carousel-inner .carousel-item-next {
filter: opacity(1) !important;
}
#carouselSugeridos .carousel-inner .carousel-item-end.active,
#carouselSugeridos .carousel-inner .carousel-item-next {
transform: translateX(50%) !important;
filter: opacity(0) !important;
}
#carouselSugeridos .carousel-inner .carousel-item-start.active,
#carouselSugeridos .carousel-inner .carousel-item-prev {
transform: translateX(-50%) !important;
filter: opacity(0) !important;
}
#carouselSugeridos .carousel-inner .carousel-item-end,
#carouselSugeridos .carousel-inner .carousel-item-start {
transform: translateX(0) !important;
filter: opacity(1) !important;
}
#containerCarrito h4 {
font-size: 1.5rem !important;
}
#containerCarrito .divProducto h1,
#containerCarrito .divProducto span,
#containerCarrito #divTitulos p,
#containerCarrito #btnPagar2,
#containerCarrito #divTotal,
#containerCarrito #divMensajeTarifa,
#containerCarrito #btnSeguirComprando,
#containerCarrito #btnVaciarCarrito {
font-size: 1rem !important;
}
}
@media all and (min-width: 992px) {
.dropdown-item, .dropdown-item {
transition : color 0.1s, background-color 0.2s;
}
}
@media all and (max-width: 992px) {
#divBreadcrumb {
position: relative;
top: unset;
}
.textoCategorias {
font-size:2.5vw;
text-shadow: 1px 0 0;
}
#sectionCubosCategorias1,
#sectionCubosCategorias2 {
height: 28vw;
}
.divAtencion {
font-size: 1.1rem;
}
#sectionNewsletter {
margin-top: 6vw;
}
#sectionNewsletter #divImagenNewsletter img {
width: 48rem;
left: 49%!important;
}
#sectionNewsletter #divSuscripcion img{
height: 2.5rem;
}
#divImagenNewsletter {
height: 34rem;
}
#rowDescripcionCategoria h1 {
font-size: 1.4rem;
}
#rowDescripcionCategoria div p {
font-size: 1rem;
}
#rowDescripcionCategoria #divVideoCategoria {
padding-top: 2.5rem;
}
#rowDescripcionCategoria iframe {
width: 26rem;
height: 15rem;
border-radius: 1.8rem;
max-width: unset;
max-height: unset;
}
#divProductosCuadricula img {
height: 21.8vw;
}
#divProductosLista div.nuevo a:after {
top: -6px;
left: 8vw;
width: 46px;
height: 32px;
}
#rowInfoProducto #nombreProducto,
#rowInfoProducto #precioProducto {
font-size: 1.55rem;
}
#rowInfoProducto #precioAnterior {
font-size: 1rem;
}
#rowInfoProducto #idProducto {
font-size: 0.85rem;
}
#divInfoEnvio {
font-size: 0.88rem;
}
#rowInfoProducto #divBotonComprar a {
padding-inline: 5rem;
font-size: 1.2rem !important;
}
#divCantidad {
width: 7.8rem;
}
#rowInfoProducto #rowInfoContacto {
font-size: 0.88rem;
}
#rowSugeridos > h3 {
font-size: 1.25rem;
}
#rowDetalleProducto #divContenidoTabs h1 {
font-size: 0.9rem;
}
#rowDetalleProducto #divContenidoTabs p {
font-size: 0.85rem;
}
#carouselSugeridos .carousel-control-prev {
top: 30%;
left: 8%;
height: 50%;
}
#carouselSugeridos .carousel-control-next {
top: 30%;
left: 92%;
height: 50%;
}
#carouselSugeridos .divBotonVerSugerido span {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
#carouselSugeridos .carousel-item > div {
width: 8.6rem;
}
#carouselSugeridos .carousel-item img {
height: 8.6rem;
}
#containerCarrito h4 {
font-size: 1.4rem !important;
}
#containerCarrito #textoCarritoVacio {
font-size: 1.2rem;
padding-top: 5rem;
padding-bottom: 6rem;
}
}
@media all and (min-width: 768px) {
#sectionCubosCategorias1 .carousel-inner .carousel-item-end.active,
#sectionCubosCategorias1 .carousel-inner .carousel-item-next,
#sectionCubosCategorias2 .carousel-inner .carousel-item-end.active,
#sectionCubosCategorias2 .carousel-inner .carousel-item-next {
transform: translateX(25%) !important;
}
#sectionCubosCategorias1 .carousel-inner .carousel-item-start.active,
#sectionCubosCategorias1 .carousel-inner .carousel-item-prev,
#sectionCubosCategorias2 .carousel-inner .carousel-item-start.active,
#sectionCubosCategorias2 .carousel-inner .carousel-item-prev {
transform: translateX(-25%) !important;
}
#sectionCubosCategorias1 .carousel-inner .carousel-item-end,
#sectionCubosCategorias1 .carousel-inner .carousel-item-start,
#sectionCubosCategorias2 .carousel-inner .carousel-item-end,
#sectionCubosCategorias2 .carousel-inner .carousel-item-start {
transform: translateX(0) !important;
}
.carousel.pointer-event {
touch-action: unset !important;
}
}
@media all and (max-width: 769px) {
#liIniciarSesion .dropdown-toggle::after {
width: unset !important;
height: unset !important;
margin: unset;
vertical-align: 0rem !important;
background-image: unset !important;
visibility: hidden;
}
#divBotonesDestino h3 {
font-size: 1.5rem;
letter-spacing: .01rem !important;
}
#divBotonesDestino .dropdown-toggle::after {
width: 12px !important;
height: 12px !important;
vertical-align: -0.1em !important;
margin-top: 0.8rem !important;
}
#btnPais img {
width: 1.8rem !important;
}
#btnPais button {
width: 4.6rem;
height: 2.2rem;
padding-right:8px;
}
#btnCiudad button {
font-size: 1.4rem;
letter-spacing: .01rem !important;
width: auto;
height: 2.2rem;
line-height: 2rem !important;
padding-right: 1rem;
}
#divBanners .carousel-indicators{
bottom: -1rem;
}
#divBanners .carousel-indicators {
bottom: -2vw!important;
}
.formaPago img{
height: 100% !important;
width: 100% !important;
object-fit: contain !important;
}
.divAtencion {
font-size: 2.6vw;
}
#sectionCubosCategorias1 .carousel-inner .carousel-item > div,
#sectionCubosCategorias2 .carousel-inner .carousel-item > div {
display: none;
}
#sectionCubosCategorias1 .carousel-inner .carousel-item > div:first-child,
#sectionCubosCategorias2 .carousel-inner .carousel-item > div:first-child {
display: block;
}
#sectionCubosCategorias1 .carousel-inner .carousel-item > div:nth-child(2),
#sectionCubosCategorias2 .carousel-inner .carousel-item > div:nth-child(2) {
display: block;
}
#sectionCubosCategorias1 .carousel-indicators button,
#sectionCubosCategorias2 .carousel-indicators button{
width: 1.4vw;
height: 1.3vw;
border-radius: 100%;
background-color: #0CB6CE;
}
.textoCategorias {
font-size: 4vw;
text-shadow: 1px 0 0;
}
.sectionTextoCategoria p.h3{
font-size: 1.3rem;
}
.sectionTextoCategoria p.h5{
font-size: 1.1rem;
}
.sectionTextoCategoria p.text-muted{
font-size: 1rem;
}
#sectionCubosCategorias1,
#sectionCubosCategorias2 {
height: 54vw;
}
.sectionCategoria .rowCategoria > div {
width: 13rem;
max-width: 14rem;
}
.sectionCategoria img {
height: 13rem;
}
.sectionCategoria .rowCategoria p {
margin-bottom: 1rem;
}
#sectionCobertura .titulo{
font-size: 1.5rem;
}
#sectionCobertura .subtitulo{
font-size: 1.3rem;
}
#sectionCobertura .texto{
font-size: 1.1rem;
}
#sectionPorQueComprar .titulo {
font-size: 1.5rem;
}
#sectionPorQueComprar img {
width: 6.5rem;
}
#sectionPorQueComprar .texto {
font-size: 1rem;
}
#sectionNewsletter #divImagenNewsletter img{
width: 100%;
}
#sectionNewsletter {
margin-top: 7vw;
}
#divImagenNewsletter {
height: 65vw;
}
#sectionNewsletter .titulo{
font-size: 1.5rem;
}
#sectionNewsletter .texto{
font-size: 1rem;
}
#btnSuscribirse button {
font-size: 1.4rem;
}
#sectionFooter .titulo{
font-size: 1.3rem;
}
#sectionFooter .texto{
font-size: 0.95rem;
}
#sectionFooter #divTextos a.fondoRojo {
font-size: 1.1rem;
}
#divLogos #divMediosPago img {
max-height: 90%;
width: auto;
height: 100%;
}
#divLogos #divCertificaciones img {
max-height: 4.8rem;
float: initial !important;
}
#divApoya p {
font-size: 0.8rem;
}
#divTextoImagenCategoria h2 {
font-size: 1.4rem;
}
#divTextoImagenCategoria p {
font-size: 1.3rem;
}
#divProductosLista > div .nombreProducto {
font-size: 0.9rem;
}
#divProductosLista .precioAnteriorLineal {
font-size: 0.75rem;
}
#divProductosLista .precioProductoVistaLineal {
font-size: 0.9rem;
}
#divProductosLista .tiempoEntrega {
font-size: 0.85rem;
}
#divProductosLista .divBotonComprar span{
font-size: 0.9rem;
}
#divProductosCuadricula > div {
width: 30%;
}
#divProductosCuadricula img {
height: 29.8vw;
}
#textoSinResultados h1{
font-size: 4.5vw;
}
#textoSinResultados p{
font-size: 3vw;
}
#rowInfoProducto #nombreProducto, #rowInfoProducto #precioProducto {
font-size: 1.6rem;
}
#rowInfoProducto #idProducto {
font-size: 0.9rem;
}
#divInfoEnvio {
font-size: 1rem;
}
#divTextoImagenCategoria {
min-height: 8rem;
}
#rowInfoProducto #divBotonComprar a {
padding-inline: 5rem;
font-size: 1.3rem !important;
}
#rowInfoProducto #textoCompraProtegida {
font-size: 0.95rem;
}
#rowInfoProducto #rowInfoContacto {
font-size: 0.92rem;
}
#rowDetalleProducto #tabsInfoProducto.nav-tabs .nav-link {
font-size: 1.1rem;
}
#rowDetalleProducto #divContenidoTabs h1 {
font-size: 1rem;
}
#rowDetalleProducto #divContenidoTabs p {
font-size: 1rem;
}
#carouselSugeridos .carousel-control-prev {
left: 1%;
}
#carouselSugeridos .carousel-control-next {
left: 99%;
}
#rowSugeridos > h3 {
font-size: 1.35rem;
}
#carouselSugeridos .carousel-item img {
height: 7.3rem;
}
#carouselSugeridos .nombreSugerido, #carouselSugeridos .precioSugerido, #carouselSugeridos .divBotonVerSugerido {
font-size: 0.9rem;
}
#rowInfoProducto #divImagenesMovil{
/*min-height: 332px;*/
}
#rowInfoProducto #divImagenesMovil .imagenProducto {
width: 90%;
height: auto;
}
#rowInfoProducto #divImagenTemporal .imagenThumbProducto {
width: 90%;
height: auto;
aspect-ratio: auto 1 / 1;
}
#rowInfoProducto #divImagenesMovil:not(.fullscreen) .owl-item .padreContenedorImg .pinch-zoom-container {
overflow: inherit !important;
position: inherit !important;
height: inherit !important;
}
#rowInfoProducto #divImagenesMovil:not(.fullscreen) .owl-item .padreContenedorImg .pinch-zoom-container .contenedorImg {
transform-origin: unset !important;
position: inherit !important;
transform: unset !important;
}
#rowInfoProducto #divImagenesMovil:not(.fullscreen) .owl-item .padreContenedorImg {
}
#divImagenesMovil .owl-carousel {
z-index: auto;
}
#divImagenesMovil.fullscreen {
position: fixed; /* Sit on top of the page content */
width: 100%; /* Full width (cover the whole page) */
height: 100%; /* Full height (cover the whole page) */
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff; /* Black background with opacity */
z-index: 101; /* Specify a stack order in case you're using a different order for other elements */
}
#divImagenesMovil.fullscreen #divHeaderFullscreen {
display: flex !important;
}
#divImagenesMovil.fullscreen > div {
height: 100%;
}
#divImagenesMovil.fullscreen .owl-carousel {
height: 100%;
}
#divImagenesMovil.fullscreen .owl-carousel .owl-stage-outer .owl-stage {
height: 100%;
}
#divImagenesMovil.fullscreen .owl-carousel .owl-stage-outer .owl-stage .owl-item {
height: inherit;
}
#divImagenesMovil.fullscreen .owl-carousel .owl-stage-outer {
z-index: inherit;
height: 86%;
}
#divImagenesMovil.fullscreen .owl-item .padreContenedorImg {
max-width: 100vw;
text-align: left;
width: auto;
height: inherit !important;
}
#divImagenesMovil.fullscreen .owl-item .padreContenedorImg .contenedorImg {
height: inherit !important;
width: 100%;
}
#divImagenesMovil.fullscreen .owl-item .padreContenedorImg .pinch-zoom-container {
height: inherit !important;
width: inherit;
}
#divImagenesMovil.fullscreen .imagenProducto {
width: 100% !important;
text-align: center;
/*padding-top: 20%;*/
padding-top: 10vh;
}
#divImagenesMovil.fullscreen > div div:first-child button {
display: block !important;
}
#divImagenesMovil.fullscreen .owl-dots {
position: absolute !important;
transform: translate(-50%,-50%) !important;
bottom: 14%;
left: 50%;
}
#rowSugeridos .carousel-inner .carousel-item > div:last-child {
display: block;
}
#carouselSugeridos .carousel-item > div {
width: 8.5rem;
}
#carouselSugeridos .carousel-item img {
height: 8.5rem;
}
#carouselSugeridos .carousel-inner .carousel-item-end.active {
filter: opacity(0) !important;
}
#carouselSugeridos .carousel-inner .carousel-item-next {
filter: opacity(1) !important;
}
#carouselSugeridos .carousel-inner .carousel-item-end.active,
#carouselSugeridos .carousel-inner .carousel-item-next {
transform: translateX(31%) !important;
filter: opacity(0) !important;
}
#carouselSugeridos .carousel-inner .carousel-item-start.active,
#carouselSugeridos .carousel-inner .carousel-item-prev {
transform: translateX(-31%) !important;
filter: opacity(0) !important;
}
#carouselSugeridos .carousel-inner .carousel-item-end,
#carouselSugeridos .carousel-inner .carousel-item-start {
transform: translateX(0) !important;
filter: opacity(1) !important;
}
#containerCarrito .divProducto {
padding-bottom: 2.8rem;
}
#containerCarrito #btnEliminarProducto {
color: #0CB6CE !important;
border: #0CB6CE solid 1px;
transition: color 0.2s, background-color 0.3s;
border-radius: 50rem!important;
}
#containerCarrito #btnEliminarProducto:hover {
color: #fff !important;
}
#containerCarrito #btnEliminarProducto span {
font-size: 0.95rem !important;
}
#containerFaqs #rowMasPreguntas {
height: auto;
}
#containerFaqs #rowMasPreguntas > div{
border-radius: 0.5rem;
}
#containerContenido > div > div:first-child h1 {
font-size: 1.5rem ;
}
#containerContenido > div > div:nth-child(2):not(h1),
#containerContenido > div > div:nth-child(2):not(h2),
#containerContenido > div > div:nth-child(2):not(h3),
#containerContenido > div > div:nth-child(2):not(h4),
#containerContenido > div > div:nth-child(2):not(h5) {
font-size: 0.9rem;
}
#containerContenido > div > div:nth-child(2) h1 {
font-size: 1.45rem;
}
#containerContenido > div > div:nth-child(2) h2 {
font-size: 1.35rem;
}
#containerContenido > div > div:nth-child(2) h3 {
font-size: 1.25rem;
}
#containerContenido > div > div:nth-child(2) h4 {
font-size: 1.15rem;
}
#containerContenido > div > div:nth-child(2) h5 {
font-size: 1.05rem;
}
#container_ver_proveedor #rowCategoriasProveedor > div {
width: 45%;
}
}
@media all and (max-width: 575px) {
#liCarrito span, #liCarritoFixed span {
top: -0.1rem;
}
#divBotonesDestino h3{
font-size: 0.95rem;
text-align: right;
margin-top: auto;
margin-bottom: auto;
}
#btnPais button {
width: 3.8rem;
height: 2.2rem;
padding-right: 0.4rem;
padding-left: 0.4rem;
}
#btnPais img {
width: 1.7rem !important;
}
#btnCiudad button {
font-size: 0.95rem;
letter-spacing: .01rem !important;
padding-right: 0.4rem!important;
padding-left: 0.4rem!important;
min-width: 6rem;
width: auto;
height: 2.2rem;
line-height: 2.2rem !important;
}
#divBotonesDestino #btnPais .dropdown-toggle::after {
width: 12px !important;
height: 12px !important;
vertical-align: -0.1em !important;
margin-top: 0.6rem !important;
}
#divBotonesDestino #btnCiudad .dropdown-toggle::after {
width: 12px !important;
height: 12px !important;
vertical-align: -0.1em !important;
margin-top: 0.8rem !important;
}
#divMessages {
font-size: 1rem;
}
#divBanners #carouselBanners {
height: 50vw;
}
#divBanners .carousel-inner{
width: 170%;
}
#divBanners .carousel-indicators {
bottom: 0vw!important;
}
#divBanners .carousel-indicators button {
width: 1.5vw;
height: 1.3vw;
}
.divAtencion {
font-size: 3vw;
}
.divAtencion img {
width: 100%;
}
.textoCategorias {
font-size: calc(34vw / 8);
text-shadow: 1px 0 0;
}
#sectionCubosCategorias1 .carousel-indicators,
#sectionCubosCategorias2 .carousel-indicators {
margin-bottom: -27vw;
}
#sectionCubosCategorias1 .carousel-indicators button,
#sectionCubosCategorias2 .carousel-indicators button{
width: 1.7vw;
height: 1.6vw;
}
.sectionTextoCategoria p.h3{
font-size: 4vw;
}
.sectionTextoCategoria p.h5{
font-size: 3.4vw;
}
.sectionTextoCategoria p.text-muted{
font-size: 3.3vw;
}
.sectionCategoria .rowCategoria p {
margin-bottom: 10%;
}
.divNombreProducto {
width: 98%;
}
.sectionCategoria .rowCategoria > div {
font-size: 1rem;
width: 10.5rem;
}
.sectionCategoria img {
height: 10.5rem;
}
.divBotonVerMas a{
font-size: 4.2vw;
}
#sectionCobertura .titulo{
font-size: 1.5rem;
}
#sectionCobertura .subtitulo{
font-size: 1.2rem;
}
#sectionCobertura .texto{
font-size: 1rem;
}
#sectionPorQueComprar .titulo {
font-size: 1.5rem;
}
#sectionPorQueComprar img {
width: 100%;
}
#sectionPorQueComprar .texto {
font-size: 0.85rem;
}
#sectionNewsletter .texto{
font-size: 0.9rem;
}
#inputEmail input {
height: 2.8rem;
}
#btnSuscribirse button {
font-size: 1.3rem;
width: 10rem;
height: 2.8rem;
}
#sectionNewsletter #divSuscripcion img {
height: 2.2rem;
}
#sectionFooter .titulo {
font-size: 1.2rem;
}
#sectionFooter .texto {
font-size: 0.9rem;
}
#sectionFooter #divTextos a.fondoRojo {
font-size: 0.95rem;
padding-left: 0.5rem!important;
padding-right: 0.5rem!important;
}
#divLogos #divMediosPago img {
max-height: 10vw;
width: auto;
height: 100%;
}
#divLogos #divCertificaciones img {
max-height: 12vw;
}
#divApoya p {
font-size: 0.75rem;
}
#divTextoImagenCategoria h2 {
font-size: 4vw;
margin-bottom: 0.8vw;
}
#divTextoImagenCategoria p {
font-size: 3.6vw;
}
#divProductosCuadricula > div {
width: 45%;
}
#divProductosCuadricula img {
height: 44.5vw;
}
#divProductosCuadricula .divPrecio {
height: 2.7rem;
}
#divProductosCuadricula .divPrecio .precioAnteriorCuadricula {
font-size: 0.75rem;
}
#divProductosCuadricula div.promo a:before{
top: -12px;
left: -8px;
width: 62px;
height: 62px;
}
#divProductosCuadricula div.promo .porcentajeDcto {
top: 7px;
left: 1px;
font-size: 1.1rem;
}
#divProductosCuadricula div.nuevo a:after {
width: 65px;
height: 45px;
}
#divProductosLista > div .nombreProducto {
font-size: 0.85rem;
}
#divProductosLista div.promo a:before {
width: 56px;
height: 56px;
}
#divProductosLista div.promo .porcentajeDcto {
width: 2.8rem;
top: 5px;
left: -3px;
font-size: 1rem;
}
#divProductosLista div.nuevo a:after {
top: -6px;
left: 19vw;
width: 55px;
height: 38px;
}
#textoSinResultados h1{
font-size: 6.5vw;
}
#textoSinResultados p{
font-size: 4.5vw;
}
#rowDescripcionCategoria h1 {
font-size: rem;
}
#rowDescripcionCategoria div p {
font-size: 0.95rem;
}
#rowDescripcionCategoria iframe {
width: 26rem;
height: 13rem;
border-radius: 1.7rem;
max-width: 100%;
max-height: 100%;
}
#rowDescripcionCategoria {
padding-left: 0.9rem;
padding-right: 0.9rem;
}
#divTextoImagenCategoria {
min-height: 5rem;
}
#rowInfoProducto #divImagenes #imagenPrincipal {
width: 90%;
height: auto;
}
#rowInfoProducto #nombreProducto{
font-size: 1.4rem;
}
#rowInfoProducto #precioProducto {
font-size: 1.5rem;
}
#rowInfoProducto #precioAnterior {
font-size: 1.1rem;
}
#rowInfoProducto #idProducto {
font-size: 1rem;
}
#rowInfoProducto #divInfoEnvio {
font-size: 1rem;
}
#rowInfoProducto #divInfoEnvio > p:first-child {
font-size: 0.8rem;
}
#ui-datepicker-div.divDatepickerDisponibilidad {
width: 92vw;
}
#rowInfoProducto #divComprar {
width: 100%;
}
#rowInfoProducto #divBotonComprar a {
padding-inline: 1.3rem;
font-size: 1.3rem !important;
}
#rowInfoProducto #rowInfoContacto {
margin: 0;
font-size: 0.97rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
#rowInfoProducto #rowInfoContacto > div {
padding: 0;
}
#carouselSugeridos .carousel-control-prev {
top: 30%;
left: 8%;
}
#carouselSugeridos .carousel-control-next {
top: 30%;
left: 92%;
}
#rowSugeridos .carousel-inner .carousel-item > div:last-child {
display: none;
}
#carouselSugeridos .carousel-item > div {
width: 8.5rem;
}
#carouselSugeridos .carousel-item img {
height: 8.5rem;
}
#carouselSugeridos .carousel-inner .carousel-item-end.active {
filter: opacity(0) !important;
}
#carouselSugeridos .carousel-inner .carousel-item-next {
filter: opacity(1) !important;
}
#carouselSugeridos .carousel-inner .carousel-item-end.active,
#carouselSugeridos .carousel-inner .carousel-item-next {
transform: translateX(50%) !important;
filter: opacity(0) !important;
}
#carouselSugeridos .carousel-inner .carousel-item-start.active,
#carouselSugeridos .carousel-inner .carousel-item-prev {
transform: translateX(-50%) !important;
filter: opacity(0) !important;
}
#carouselSugeridos .carousel-inner .carousel-item-end,
#carouselSugeridos .carousel-inner .carousel-item-start {
transform: translateX(0) !important;
filter: opacity(1) !important;
}
#containerCarrito h4 {
font-size: 1.2rem !important;
}
#containerCarrito .divProducto h1,
#containerCarrito .divProducto span,
#containerCarrito #divTitulos p,
#containerCarrito #btnPagar2,
#containerCarrito #divTotal,
#containerCarrito #divMensajeTarifa,
#containerCarrito #btnSeguirComprando,
#containerCarrito #btnVaciarCarrito {
font-size: 0.95rem !important;
}
#containerCarrito #btnEliminarProducto span {
font-size: 0.9rem !important;
}
#containerCarrito #divTotal,
#containerCarrito #btnPagar2,
#containerCarrito #btnSeguirComprando {
font-size: 1rem !important;
}
#containerCarrito #textoCarritoVacio {
font-size: 1.1rem;
padding-top: 4rem;
}
#containerBienvenidoNews #divIntereses{
font-size: 0.92rem;
}
#containerContenido > div > div:first-child h1 {
font-size: 1.4rem ;
}
#containerContenido > div > div:nth-child(2):not(h1),
#containerContenido > div > div:nth-child(2):not(h2),
#containerContenido > div > div:nth-child(2):not(h3),
#containerContenido > div > div:nth-child(2):not(h4),
#containerContenido > div > div:nth-child(2):not(h5) {
font-size: 0.85rem;
}
#containerContenido > div > div:nth-child(2) h1 {
font-size: 1.38rem;
}
#containerContenido > div > div:nth-child(2) h2 {
font-size: 1.28rem;
}
#containerContenido > div > div:nth-child(2) h3 {
font-size: 1.18rem;
}
#containerContenido > div > div:nth-child(2) h4 {
font-size: 1.8rem;
}
#containerContenido > div > div:nth-child(2) h5 {
font-size: 1rem;
}
#container_ver_proveedor #rowCategoriasProveedor > div {
height: 14rem;
border-radius: 1.4rem;
}
#container_ver_proveedor #rowCategoriasProveedor img {
height: 13rem;
}
#container_ver_proveedor #rowCategoriasProveedor h3 {
font-size: 1rem;
}
}
@media all and (max-width: 384px) {
#buttonMenuMovil {
padding-left: 1.4vw;
padding-right: 1.2vw;
}
#divBotonesDestino > div {
width: 100%;
justify-content: center;
}
#divBotonesDestino h3{
font-size: 4.8vw;
text-align: center;
margin-top: auto;
margin-bottom: auto;
}
#btnPais button {
width: 20vw;
height: 9vw;
line-height: 7.5vw;
}
#btnPais img {
width: 7.5vw !important;
}
#btnCiudad button {
font-size: 4.4vw;
letter-spacing: .01rem !important;
width: auto;
min-width: 25vw;
height: 9vw;
padding-right: 3vw;
line-height: 9vw !important;
}
#divBotonesDestino #btnPais .dropdown-toggle::after {
width: 3.5vw !important;
height: 3.5vw !important;
margin-top: 2.8vw !important;
}
#divBotonesDestino #btnCiudad .dropdown-toggle::after {
width: 3.5vw !important;
height: 3.5vw !important;
margin-top: 3vw !important;
}
#divBanners .carousel-indicators {
bottom: -3vw!important;
}
#divBanners .carousel-indicators button {
width: 1.8vw;
height: 1.6vw;
}
.divAtencion {
font-size: 3vw;
}
.textoCategorias {
font-size: 5vw !important;
text-shadow: none;
}
.categoria {
border-radius: 1.4rem;
}
#sectionCubosCategorias1 .carousel-indicators button,
#sectionCubosCategorias2 .carousel-indicators button{
width: 2.2vw;
height: 2.1vw;
}
#sectionCubosCategorias1 .carousel-indicators,
#sectionCubosCategorias2 .carousel-indicators {
margin-bottom: -30vw;
}
.sectionTextoCategoria p.h3{
font-size: 4.5vw;
}
.sectionTextoCategoria p.h5{
font-size: 3.7vw;
}
.sectionTextoCategoria p.text-muted{
font-size: 3.6vw;
}
.sectionCategoria .rowCategoria p {
margin-bottom: 9%;
}
.sectionCategoria .rowCategoria > div {
font-size: 4vw;
width: 42%;
}
.sectionCategoria img {
height: 42vw;
}
.divBotonVerMas a{
font-size: 3.8vw;
}
#sectionCobertura .titulo{
font-size: 6vw;
}
#sectionCobertura .subtitulo{
font-size: 4.4vw;
}
#sectionCobertura .subtitulo img{
width: 9vw;
}
#sectionCobertura .texto{
font-size: 4vw;
}
#sectionPorQueComprar .titulo {
font-size: 6vw;
}
#sectionPorQueComprar .texto {
font-size: 3vw;
}
#sectionNewsletter .titulo {
font-size: 5.5vw;
}
#sectionNewsletter .texto {
font-size: 3.8vw;
}
#inputEmail input {
height: 13vw;
font-size: 4vw;
}
#btnSuscribirse button {
font-size: 5vw;
width: 36vw;
height: 13vw;
}
#sectionNewsletter #divSuscripcion img {
height: 9vw;
}
#sectionFooter .titulo {
font-size: 5.4vw;
}
#sectionFooter .texto {
font-size: 3.7vw;
}
j#sectionFooter #divTextos a.fondoRojo {
font-size: 3.8vw;
padding-left: 2.4vw!important;
padding-right: 2.4vw!important;
}
j#sectionFooter #divTextos > .row div:first-child,
j#sectionFooter #divTextos > .row > div#divPoliticas {
padding-left: 7vw !important;
}
j#sectionFooter #divTextos > .row > div {
padding-left: 3vw !important;
padding-right: 2.8vw !important;
}
#divApoya p {
font-size: 3.7vw;
}
#divBreadcrumb a {
font-size: 4.2vw;
}
#divBotonesOrdenFiltros div button{
font-size: 4vw;
}
#divBotonesOrdenFiltros div img,
#divBreadcrumb img{
width: 7.5vw;
height: 7.5vw;
}
#divBreadcrumb a:not(#linkHome)::before {
margin-left: 1vw;
margin-right: 1vw;
width: 3vw !important;
height: 3vw !important;
}
#divTextoImagenCategoria {
min-height: 20vw;
}
#divTextoImagenCategoria h2 {
font-size: 4.4vw;
}
#divTextoImagenCategoria p {
font-size: 3.5vw;
}
#divProductosCuadricula .nombreProducto{
font-size: 3.8vw;
}
#divProductosCuadricula .divPrecio .precioAnteriorCuadricula {
font-size: 3.6vw;
}
#divProductosCuadricula .precioProductoCuadricula {
font-size: 4.2vw;
}
#divProductosCuadricula div {
font-size: 4vw;
max-width: 14rem;
}
#divProductosCuadricula .divPrecio {
height: 14vw;
}
#divProductosLista div.promo a:before {
width: 48px;
height: 48px;
}
#divProductosLista div.promo .porcentajeDcto {
width: 2.4rem;
top: 3px;
left: -4px;
font-size: 0.9rem;
}
#divProductosLista div.nuevo a:after {
top: -6px;
left: 17vw;
width: 50px;
height: 34px;
}
#rowDescripcionCategoria h1 {
font-size: 1.2rem;
}
#rowDescripcionCategoria div p {
font-size: 3.8vw;
}
#rowDescripcionCategoria iframe {
width: 84vw;
height: 50vw;
border-radius: 1.6rem;
}
#rowDescripcionCategoria #divVideoCategoria p {
font-size: 5.2vw;
}
#divPaginacionMovil {
font-size: 4.2vw;
}
#rowPaginacion #divPaginacionMovil .page-link {
font-size: 4.2vw;
padding: 1vw 2vw;
}
#rowDescripcionCategoria h1 {
font-size: 5vw;
}
#rowInfoProducto #nombreProducto {
font-size: 5.9vw;
}
#rowInfoProducto #precioProducto {
font-size: 6.3vw;
}
#rowInfoProducto #precioAnterior {
font-size: 4.6vw;
}
#rowInfoProducto #idProducto {
font-size: 4.2vw;
}
#rowInfoProducto #divInfoEnvio {
font-size: 4.2vw;
}
#divCantidad {
width: 35.4vw;
max-width: 7.5rem;
}
#divCantidad span,
#divCantidad input{
font-size: 4.2vw !important;
}
#rowInfoProducto #divBotonComprar a {
padding-inline: 8.4vw;
font-size: 5vw !important;
}
#rowInfoProducto #textoCompraProtegida {
font-size: 4vw;
}
#rowInfoProducto #rowInfoContacto {
font-size: 4.1vw;
padding-left: 2vw;
padding-right: 2vw;
}
#rowDetalleProducto #tabsInfoProducto.nav-tabs .nav-link {
font-size: 4.7vw;
}
#rowDetalleProducto #divContenidoTabs h1 {
font-size: 4.7vw;
}
#rowDetalleProducto #divContenidoTabs p {
font-size: 4.7vw;
}
#rowSugeridos > h3 {
font-size: 5.1vw;
}
#carouselSugeridos .carousel-item > div {
width: 8rem;
}
#carouselSugeridos .carousel-item img {
height: 8rem;
}
#containerCarrito h4 {
font-size: 5.1vw !important;
}
#containerCarrito .divProducto h1,
#containerCarrito .divProducto span,
#containerCarrito #divTitulos p,
#containerCarrito #btnPagar2,
#containerCarrito #divMensajeTarifa,
#containerCarrito #btnSeguirComprando,
#containerCarrito #btnVaciarCarrito {
font-size: 4.1vw !important;
}
#containerCarrito #btnEliminarProducto span {
font-size: 3.9vw !important;
}
#containerCarrito #btnEliminarProducto span span {
display: none;
}
#containerCarrito #divTotal, #containerCarrito #btnPagar2, #containerCarrito #btnSeguirComprando {
font-size: 4.2vw !important;
}
#containerCarrito #textoCarritoVacio {
font-size: 4.9vw;
padding-top: 22vw;
padding-bottom: 26vw;
}
#containerBienvenidoNews #divIntereses{
font-size: 3.9vw;
}
#container_ver_proveedor #rowCategoriasProveedor > div {
height: 12rem;
border-radius: 1.4rem;
}
#container_ver_proveedor #rowCategoriasProveedor img {
height: 11rem;
}
#container_ver_proveedor #rowCategoriasProveedor h3 {
font-size: 4.4vw;
border-radius: 2rem !important;
}
}