::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-thumb {
background: #c2c2c2;
transition: .4s all ease-in-out;
}
::-webkit-scrollbar-thumb:hover {
background: var(--e-global-color-primary);
}
::-webkit-scrollbar-track {
border-radius: 0;
}
.wd-scrollbar.platform-Windows,
.wd-scrollbar.platform-Windows.browser-Opera,
.wd-scrollbar.platform-Mac {
--wd-scroll-w: 0px !important;
}
* b.resaltar {
color: var(--e-global-color-primary) !important;
}
* a {
color: var(--e-global-color-primary);
font-weight: 600;
transition: .4s all;
text-decoration: none !important;
}
* a:hover {
color: var(--e-global-color-secondary);
}
* .elementor-form textarea {
min-height: 64px !important;
}
.elementor-shortcode {
font-family: var(--e-global-typography-primary-font-family);
}
.elementor-icon-box-wrapper .elementor-icon-box-title {
margin-top: 0 !important;
}
.elementor-widget-text-editor>div *:last-child {
margin-bottom: 0 !important;
}
.elementor-widget-icon .elementor-icon-wrapper {
display: flex !important;
}
.elementor-button-content-wrapper {
display: flex;
align-items: center;
} .carrusel_infinito .swiper-wrapper {
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.carrusel_infinito img {
transition: .4s all ease;
} @media(max-width:768px) {
.elementor-icon-box-wrapper {
display: flex;
align-items: center;
}
.elementor-icon-box-icon {
line-height: 0;
}
} .whatsapp-predeterminado {
padding: 10px 20px;
font-size: 18px;
line-height: 20px;
font-weight: 600;
border-radius: 50px;
background: #25d366;
color: #fff;
width: fit-content;
display: flex;
align-items: center;
gap: 8px;
transition: .4s all ease;
}
.whatsapp-predeterminado i {
font-size: 24px;
}
.whatsapp-predeterminado:hover {
transform: scale(1.05);
background: #128c7e;
}@keyframes pulso-wsp-footer {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgb(37, 211, 102, 0.7);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 12px rgba(37, 211, 102, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
}
} .boton-wsp-izquierdo {
position: fixed;
bottom: 36px;
left: 36px;
z-index: 1000;
padding: 8px;
background: #25d366;
width: 65px;
height: 65px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
color: #fff;
font-size: 32px;
animation: pulso-wsp-footer 1.6s infinite;
transition: .4s all ease-in-out;
}
.boton-wsp-izquierdo:hover {
color: #fff;
background: #128c7e;
}  .whatsapp-predeterminado {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px 24px;
border-radius: 6px;
background: var(--e-global-color-secondary);
font-size: var(--wd-text-font-size);
line-height: calc(var(--wd-text-font-size) + 4px);
color: #fff;
transition: .4s all ease-in-out;
}
.whatsapp-predeterminado i {
font-size: calc(var(--wd-text-font-size) + 4px);
transition: .4s all ease-in-out;
}
.whatsapp-predeterminado:hover {
background: var(--e-global-color-accent);
color: #fff;
} .whatsapp-cabecera {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
color: var(--e-global-color-text);
font-size: var(--wd-text-font-size);
line-height: calc(var(--wd-text-font-size) + 4px);
transition: .4s all ease-in-out;
}
.whatsapp-cabecera i {
font-size: calc(var(--wd-text-font-size) + 4px);
transition: .4s all ease-in-out;
}
.whatsapp-cabecera:hover {
color: var(--e-global-color-primary);
} .whatsapp-icono {
display: flex;
align-items: center;
justify-content: center;
padding: 4px;
border-radius: var(--wd-brd-radius);
font-size: var(--wd-text-font-size);
width: 20px;
height: 20px;
background: #25d366;
color: #fff;
transition: .4s all ease-in-out;
}
.whatsapp-icono:hover {
color: #fff;
}:is(.home, .page-parent, .blog, .category, .single-post) header .amazon-cabecera {
background: transparent !important;
} :is(.home, .page-parent, .blog, .category, .single-post) header .amazon-cabecera .amazon-logo:before {
content: "";
position: absolute;
width: 160px;
height: 68px;
top: 0;
left: 0;
background: url(https://amazonwildlifetours.com/wp-content/uploads/2026/03/amazon-wildlife-logo-blanco-1.avif);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
opacity: 1;
transition: .4s all ease-in-out;
}
:is(.home, .page-parent, .blog, .category, .single-post) header .amazon-cabecera .amazon-logo img {
opacity: 0;
transition: .4s all ease-in-out;
} :is(.home, .page-parent, .blog, .category, .single-post) header .amazon-cabecera .amazon-menu .elementor-nav-menu > .menu-item :is(a, a.elementor-item-active) {
color: #fff;
opacity: .75;
transition: .4s all ease-in-out;
}
:is(.home, .page-parent, .blog, .category, .single-post) header .amazon-cabecera .amazon-menu .elementor-nav-menu > .menu-item a:hover {
opacity: 1;
}
:is(.home, .page-parent, .blog, .category, .single-post) header .amazon-cabecera .amazon-menu ul.elementor-nav-menu li.menu-item ul.sub-menu .menu-item a {
color: var(--e-global-color-primary) ;
}
:is(.home, .page-parent, .blog, .category, .single-post) header .amazon-cabecera .amazon-menu ul.elementor-nav-menu li.menu-item ul.sub-menu .menu-item a:hover {
color: #fff;
} :is(.home, .page-parent, .blog, .category, .single-post) .amazon-cabecera .contenedor-whatsapp-cabecera-en {
border: 1px solid #fff;
}
:is(.home, .page-parent, .blog, .category, .single-post) .amazon-cabecera .contenedor-whatsapp-cabecera-en :is(i, .contenido) {
color: #fff;
}
:is(.home, .page-parent, .blog, .category, .single-post) .amazon-cabecera .contenedor-whatsapp-cabecera-en:hover {
background: #25d366;
border: 1px solid #25d366;
color: #fff;
}
:is(.home, .page-parent, .blog, .category, .single-post) .amazon-cabecera .contenedor-whatsapp-cabecera-en:hover i {
color: #25d366;
} :is(.home, .page-parent, .blog, .category, .single-post) .amazon-cabecera .amazon-reserva .elementor-icon-box-wrapper{
border: 1px solid #fff;
transition: .4s all ease-in-out;
}
:is(.home, .page-parent, .blog, .category, .single-post) .amazon-cabecera .amazon-reserva :is(.elementor-icon-box-title a, .elementor-icon-box-title span, .elementor-icon-box-description) {
color: #fff !important;
}
:is(.home, .page-parent, .blog, .category, .single-post) .amazon-cabecera .amazon-reserva:hover :is(.elementor-icon-box-title a, .elementor-icon-box-title span, .elementor-icon-box-description) {
color: #fff !important;
} :is(.home, .page-parent, .blog, .category, .single-post) header .elementor-sticky--effects.amazon-cabecera {
background: #fff !important;
} :is(.home, .page-parent, .blog, .category, .single-post) header .elementor-sticky--effects.amazon-cabecera .amazon-logo:before {
opacity: 0;
}
:is(.home, .page-parent, .blog, .category, .single-post) header .elementor-sticky--effects.amazon-cabecera .amazon-logo img {
opacity: 1;
filter: none;
} :is(.home, .page-parent, .blog, .category, .single-post) header .elementor-sticky--effects.amazon-cabecera .amazon-menu .elementor-nav-menu > .menu-item a {
color: var(--e-global-color-primary) !important;
transition: .4s all ease-in-out;
}
:is(.home, .page-parent, .blog, .category, .single-post) header .elementor-sticky--effects.amazon-cabecera .amazon-menu s.elementor-nav-menu > .menu-item a:hover {
color: #fff !important;
} :is(.home, .page-parent, .blog, .category, .single-post) header .elementor-sticky--effects.amazon-cabecera .contenedor-whatsapp-cabecera-en {
border: 1px solid #25d366;
}
:is(.home, .page-parent, .blog, .category, .single-post) header .elementor-sticky--effects.amazon-cabecera .contenedor-whatsapp-cabecera-en i {
color: #fff;
}
:is(.home, .page-parent, .blog, .category, .single-post) header .elementor-sticky--effects.amazon-cabecera .contenedor-whatsapp-cabecera-en .contenido {
color: var(--e-global-color-primary);
}
:is(.home, .page-parent, .blog, .category, .single-post) header .elementor-sticky--effects.amazon-cabecera .contenedor-whatsapp-cabecera-en:hover i {
color: #25d366;
} :is(.home, .page-parent, .blog, .category, .single-post) header .elementor-sticky--effects.amazon-cabecera .amazon-reserva .elementor-icon-box-wrapper{
border: 1px solid var(--e-global-color-secondary);
transition: .4s all ease-in-out;
}
:is(.home, .page-parent, .blog, .category, .single-post) header .elementor-sticky--effects.amazon-cabecera .amazon-reserva :is(.elementor-icon-box-title a, .elementor-icon-box-title span, .elementor-icon-box-description) {
color: var(--e-global-color-secondary) !important;
}
:is(.home, .page-parent, .blog, .category, .single-post) header .elementor-sticky--effects.amazon-cabecera .amazon-reserva:hover :is(.elementor-icon-box-title a, .elementor-icon-box-title span, .elementor-icon-box-description) {
color: #fff !important;
} .amazon-reserva .elementor-icon-box-wrapper{
border: 1px solid var(--e-global-color-secondary);
border-radius: 8px;
padding: 10px;
transition: .4s all ease-in-out;
}
.amazon-reserva:hover .elementor-icon-box-wrapper {
background: var(--e-global-color-secondary);
}
.amazon-reserva:hover :is(.elementor-icon-box-title a, .elementor-icon-box-title span, .elementor-icon-box-description) {
color: #fff !important;
} .contenedor-whatsapp-cabecera-en {
display: flex;
align-items: center;
border: 1px solid #25d366;
border-radius: 8px;
padding: 8px;
gap: 12px;
transition: .4s all ease-in-out;
}
.contenedor-whatsapp-cabecera-en i {
background: #25d366;
padding: 8px;
border-radius: 25px;
font-size: 24px;
color: #fff;
transition: .4s all ease-in-out;
}
.contenedor-whatsapp-cabecera-en .contenido {
display: flex;
flex-direction: column;
color: var(--e-global-color-primary);
font-size: 14px;
font-weight: 400;
transition: .4s all ease-in-out;
}
.contenedor-whatsapp-cabecera-en .contenido b {
font-size: 16px;
}
.contenedor-whatsapp-cabecera-en:hover {
background: #25d366;
}
.contenedor-whatsapp-cabecera-en:hover i {
background: #fff;
color: #25d366;
}
.contenedor-whatsapp-cabecera-en:hover .contenido {
color: #fff;
}@keyframes pulso-wsp-footer {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgb(37, 211, 102, 0.7);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 12px rgba(37, 211, 102, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
}
} .boton-wsp-izquierdo {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 1000;
padding: 8px;
background: #25d366;
width: 65px;
height: 65px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
color: #fff;
animation: pulso-wsp-footer 1.7s infinite;
font-size: 32px;
transition: .4s all ease-in-out;
}
.boton-wsp-izquierdo:hover {
background: #128c7e;
color: #fff;
}.btn-reserva-flotante {
position: fixed;
top: 50%;
right: 0;
transform: translateY(-50%) rotate(180deg);
writing-mode: vertical-rl;
text-orientation: mixed;
z-index: 99998;
background: var(--e-global-color-secondary);
color: #fff;
border: none;
padding: 36px 12px;
font-size: 16px;
font-weight: 600;
letter-spacing: .5px;
border-radius: 0 12px 12px 0;
box-shadow: -2px 0 14px rgba(0, 0, 0, .25);
cursor: pointer;
transition: padding .2s ease, background .2s ease;
}
.btn-reserva-flotante:hover {
background: var(--e-global-color-accent);
padding-right: 16px;
}
.panel-reserva-flotante-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .6);
z-index: 999998;
opacity: 0;
visibility: hidden;
transition: opacity .3s ease, visibility .3s ease;
}
.panel-reserva-flotante-overlay.is-abierto {
opacity: 1;
visibility: visible;
}
.panel-reserva-flotante {
position: fixed;
top: 0;
right: 0;
height: 100%;
width: 512px;
max-width: 100%;
background: #fff;
border-radius: 32px 0 0 32px;
z-index: 999999;
transform: translateX(100%);
transition: transform .35s ease;
display: flex;
flex-direction: column;
overflow: hidden;
}
.panel-reserva-flotante.is-abierto {
transform: translateX(0);
}
.panel-reserva-flotante__scroll {
flex: 1;
overflow-y: auto;
overflow-x: hidden;
}
.panel-reserva-flotante__scroll .elementor-section,
.panel-reserva-flotante__scroll .elementor-container,
.panel-reserva-flotante__scroll .e-con {
max-width: 100%;
}
.panel-reserva-flotante__cerrar {
position: absolute;
display: flex;
top: 10px;
right: 12px;
z-index: 2;
padding: 4px 4px 10px 4px !important;
background: rgba(0, 0, 0, .16);
color: var(--e-global-color-primary);
border: none;
width: 34px;
height: 34px;
border-radius: 50%;
font-size: 24px;
line-height: 24px;
cursor: pointer;
justify-content: center;
align-items: center;
transition: .4s all;
}
.panel-reserva-flotante__cerrar:hover {
background: var(--e-global-color-secondary);
color: #fff;
}
@media (max-width: 480px) {
.btn-reserva-flotante {
padding: 14px 10px;
font-size: 14px;
}
.panel-reserva-flotante {
width: 100%;
}
}:is(.seccion-galeria, .section-gallery) img {
aspect-ratio: 1;
object-fit: cover;
}.mds-mapa {
font-family: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
max-width: 100%;
}
.mds-selector-idioma {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 16px;
}
.mds-boton-idioma {
cursor: pointer;
border: 2px solid #94a3b8;
background: #fff;
color: #1e293b;
border-radius: 8px;
padding: 6px 14px;
font-size: 13px;
font-weight: 600;
}
.mds-boton-idioma.mds-activo {
background: #2563eb;
border-color: #2563eb;
color: #fff;
}
.mds-arbol,
.mds-arbol ul {
list-style: none;
margin: 0;
padding: 0;
}
.mds-arbol ul {
margin-left: 18px;
padding-left: 16px;
border-left: 2px solid #cbd5e1;
}
.mds-arbol li {
position: relative;
margin: 8px 0;
}
.mds-arbol ul li::before {
content: '';
position: absolute;
top: 14px;
left: -16px;
width: 16px;
height: 2px;
background: #cbd5e1;
}
.mds-nodo {
display: inline-block;
max-width: 100%;
padding: 6px 12px;
border: 2px solid #94a3b8;
border-radius: 8px;
background: #fff;
color: #1e293b;
text-decoration: none;
font-size: 13px;
font-weight: 600;
word-break: break-word;
box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
}
a.mds-nodo:hover {
border-color: #2563eb;
color: #2563eb;
background: #eff6ff;
}
.mds-raiz > .mds-nodo {
background: #2563eb;
border-color: #2563eb;
color: #fff;
font-size: 15px;
}
.mds-nodo-grupo {
background: #f1f5f9;
}.bc-contenido-categoria {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
padding: 32px 0;
} .bc-contenido-categoria .bc-titulo {
margin: 0;
padding: 0;
font-size: 28px;
font-weight: 700;
line-height: 36px;
color: #fff;
transition: color .3s ease-in-out;
} .bc-contenido-categoria .bc-descripcion {
margin: 0;
font-size: 16px;
line-height: 26px;
color: #fff;
transition: color .3s ease-in-out;
}
.bc-contenido-categoria .bc-descripcion br {
display: block;
content: "";
margin-top: 8px;
} .bc-contenido-categoria .bc-boton-personalizado {
display: inline-flex;
align-items: center;
justify-content: center;
align-self: flex-start;
padding: 12px 24px;
border-radius: var(--wd-brd-radius, 4px);
background: var(--e-global-color-primary);
font-size: 15px;
line-height: 19px;
font-weight: 600;
color: #fff;
text-decoration: none;
transition: background .4s ease-in-out, transform .2s ease-in-out;
}
.bc-contenido-categoria .bc-boton-personalizado:hover {
background: var(--e-global-color-secondary, #333);
color: #fff;
transform: translateY(-2px);
}
.bc-contenido-categoria .bc-boton-personalizado:active {
transform: translateY(0);
transition: transform .1s ease-in-out;
} .bc-contenido-categoria .whatsapp-predeterminado {
align-self: flex-start;
}  @media (max-width: 768px) {
.bc-contenido-categoria {
padding: 24px 0;
gap: 14px;
}
} @media (max-width: 768px) {
.bc-contenido-categoria .bc-titulo {
font-size: 22px;
line-height: 30px;
}
} @media (max-width: 768px) {
.bc-contenido-categoria .bc-descripcion {
font-size: 15px;
line-height: 24px;
}
} @media (max-width: 768px) {
.bc-contenido-categoria .bc-boton-personalizado,
.bc-contenido-categoria .whatsapp-predeterminado {
width: 100%;
justify-content: center;
font-size: 15px;
padding: 14px 20px; -webkit-tap-highlight-color: transparent;
touch-action: manipulation;
} .bc-contenido-categoria .bc-boton-personalizado:hover {
transform: none;
}
}.en-cluster-post {
background: #ffffff;
padding: 0;
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%;
display: flex;
flex-direction: column;
}
.en-cluster-post:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.en-cluster-post-image {
width: 100%;
height: 220px;
overflow: hidden;
position: relative;
}
.en-cluster-post-image a {
display: block;
width: 100%;
height: 100%;
}
.en-cluster-post-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.en-cluster-post:hover .en-cluster-post-image img {
transform: scale(1.05);
}
.en-cluster-post-content {
padding: 12px 16px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.en-cluster-post-category {
font-size: 14px;
font-weight: 500;
color: var(--e-global-color-text);
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.en-cluster-post-title {
margin: 0 0 auto 0;
padding-bottom: 12px;
}
.en-cluster-post-title a {
font-size: 20px;
line-height: 23px;
font-weight: 700;
color: #2c2c2c;
text-decoration: none;
transition: color 0.3s ease;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.en-cluster-post-title a:hover {
color: var(--e-global-color-primary);
}
.en-cluster-post-footer {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 12px;
border-top: 1px solid #f0f0f0;
}
.en-cluster-post-date {
font-size: 14px;
color: #888;
font-weight: 400;
}
.en-cluster-post-read-more {
font-size: 14px;
font-weight: 600;
color: var(--e-global-color-primary);
text-decoration: none;
position: relative;
transition: color 0.3s ease;
}
.en-cluster-post-read-more::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 2px;
background: var(--e-global-color-primary);
transition: width 0.3s ease;
}
.en-cluster-post-read-more:hover {
color: #000;
}
.en-cluster-post-read-more:hover::after {
width: 100%;
} .en-carousel-posts-wrapper {
position: relative;
padding: 0 40px;
}
.en-carousel-posts-wrapper .swiper {
overflow: visible;
}
.en-carousel-posts-wrapper .swiper-slide {
height: auto;
}
.en-carousel-posts-wrapper .swiper-button-next,
.en-carousel-posts-wrapper .swiper-button-prev {
width: 40px;
height: 40px;
background: #ffffff;
border-radius: 50%;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.en-carousel-posts-wrapper .swiper-button-next::after,
.en-carousel-posts-wrapper .swiper-button-prev::after {
font-size: 16px;
color: #2c2c2c;
font-weight: 700;
}
.en-carousel-posts-wrapper .swiper-button-next:hover,
.en-carousel-posts-wrapper .swiper-button-prev:hover {
background: var(--e-global-color-primary);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}
.en-carousel-posts-wrapper .swiper-button-next:hover::after,
.en-carousel-posts-wrapper .swiper-button-prev:hover::after {
color: #ffffff;
}
.en-carousel-posts-wrapper .swiper-pagination {
margin-top: 24px;
position: relative;
}
.en-carousel-posts-wrapper .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #d0d0d0;
opacity: 1;
transition: all 0.3s ease;
}
.en-carousel-posts-wrapper .swiper-pagination-bullet-active {
background: var(--e-global-color-primary);
width: 24px;
border-radius: 5px;
}
@media (max-width: 768px) {
.en-carousel-posts-wrapper {
padding: 0 20px;
}
.en-carousel-posts-wrapper .swiper-button-next,
.en-carousel-posts-wrapper .swiper-button-prev {
width: 32px;
height: 32px;
}
.en-carousel-posts-wrapper .swiper-button-next::after,
.en-carousel-posts-wrapper .swiper-button-prev::after {
font-size: 14px;
}
} .en-archive-posts-container {
width: 100%;
}
.en-archive-posts-search-title {
text-align: center;
margin-bottom: 40px;
}
.en-archive-posts-search-title div {
font-size: 28px;
font-weight: 700;
color: #2c2c2c;
margin: 0;
}
.en-archive-posts-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-bottom: 40px;
}
.en-archive-posts-no-results {
text-align: center;
font-size: 18px;
color: #888;
padding: 40px 0;
grid-column: 1 / -1;
} .en-archive-posts-pagination {
display: flex;
justify-content: center;
margin-top: 40px;
}
.en-archive-posts-pagination .page-numbers {
display: flex;
gap: 8px;
list-style: none;
padding: 0;
margin: 0;
}
.en-archive-posts-pagination .page-numbers li {
display: inline-block;
}
.en-archive-posts-pagination .page-numbers a,
.en-archive-posts-pagination .page-numbers span {
display: inline-block;
padding: 10px 16px;
background: #ffffff;
color: #2c2c2c;
text-decoration: none;
border-radius: 4px;
font-weight: 600;
transition: all 0.3s ease;
border: 1px solid #e0e0e0;
}
.en-archive-posts-pagination .page-numbers a:hover {
background: var(--e-global-color-primary);
color: #ffffff;
border-color: var(--e-global-color-primary);
transform: translateY(-2px);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.en-archive-posts-pagination .page-numbers .current {
background: var(--e-global-color-primary);
color: #ffffff;
border-color: var(--e-global-color-primary);
}
@media (max-width: 768px) {
.en-archive-posts-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.en-archive-posts-search-title div {
font-size: 22px;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.en-archive-posts-grid {
grid-template-columns: repeat(2, 1fr);
}
} .en-custom-title-wrapper {}
.en-custom-title {
font-size: 32px;
font-weight: 700;
color: #ffffff;
margin: 0;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
.en-custom-title {
font-size: 26px;
}
} .en-custom-description-wrapper {}
.en-custom-description {
font-size: 16px;
font-weight: 400;
color: #ffffff;
margin: 0;
max-width: 800px;
margin-left: auto;
margin-right: auto;
line-height: 1.6;
text-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
@media (max-width: 768px) {
.en-custom-description {
font-size: 14px;
}
} .en-custom-link-wrapper {}
.en-custom-link {
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #ffffff;
background: var(--e-global-color-primary);
padding: 12px 32px;
text-decoration: none;
border-radius: 4px;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.en-custom-link:hover {
background: #ffffff;
color: var(--e-global-color-primary);
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}
@media (max-width: 768px) {
.en-custom-link {
font-size: 14px;
padding: 10px 24px;
}
} .en-carousel-products-wrapper {
position: relative;
}
.en-carousel-products-wrapper .swiper {
overflow: visible;
padding: 20px 0 40px;
}
.en-carousel-products-wrapper .swiper-slide {
height: auto;
}
.en-product-card {
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 12px;
overflow: hidden;
transition: all 0.3s ease;
height: 100%;
display: flex;
flex-direction: column;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.en-product-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
border-color: var(--e-global-color-primary);
}
.en-product-image-container {
position: relative;
width: 100%;
height: 280px;
overflow: hidden;
background: #f9f9f9;
}
.en-product-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.en-product-card:hover .en-product-image {
transform: scale(1.08);
}
.en-product-discount-badge {
position: absolute;
top: 12px;
left: 12px;
background: #e74c3c;
color: #ffffff;
font-size: 13px;
font-weight: 700;
padding: 6px 12px;
border-radius: 6px;
z-index: 2;
box-shadow: 0 2px 8px rgba(231, 76, 60, 0.4);
}
.en-product-content {
padding: 20px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.en-product-title {
margin: 0 0 16px 0;
}
.en-product-title a {
color: #2c2c2c;
text-decoration: none;
font-size: 18px;
font-weight: 700;
line-height: 1.4;
transition: color 0.3s ease;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.en-product-title a:hover {
color: var(--e-global-color-primary);
}
.en-product-price-container {
margin-top: auto;
padding-top: 16px;
border-top: 1px solid #f0f0f0;
}
.en-product-price-label {
font-size: 13px;
color: #888;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 6px;
font-weight: 600;
}
.en-product-price-value {
font-size: 16px;
color: #2c2c2c;
font-weight: 700;
}
.en-product-price-sale {
display: flex;
align-items: center;
gap: 10px;
}
.en-product-price-sale .en-product-price-regular {
font-size: 14px;
color: #999;
text-decoration: line-through;
font-weight: 400;
}
.en-product-price-sale .en-product-price-value {
font-size: 18px;
color: #e74c3c;
font-weight: 800;
}
.en-product-buy-button {
display: block;
margin-top: 16px;
background: var(--e-global-color-primary);
color: #ffffff;
text-align: center;
padding: 12px 20px;
border-radius: 6px;
text-decoration: none;
font-weight: 700;
font-size: 15px;
transition: all 0.3s ease;
}
.en-product-buy-button:hover {
background: #2c2c2c;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.en-carousel-products-wrapper .swiper-button-next,
.en-carousel-products-wrapper .swiper-button-prev {
width: 44px;
height: 44px;
background: #ffffff;
border-radius: 50%;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
transition: all 0.3s ease;
opacity: 0.95;
}
.en-carousel-products-wrapper .swiper-button-next:hover,
.en-carousel-products-wrapper .swiper-button-prev:hover {
background: var(--e-global-color-primary);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
opacity: 1;
}
.en-carousel-products-wrapper .swiper-button-next::after,
.en-carousel-products-wrapper .swiper-button-prev::after {
font-size: 18px;
color: #2c2c2c;
font-weight: 700;
}
.en-carousel-products-wrapper .swiper-button-next:hover::after,
.en-carousel-products-wrapper .swiper-button-prev:hover::after {
color: #ffffff;
}
.en-carousel-products-wrapper .swiper-pagination {
margin-top: 24px;
position: relative;
}
.en-carousel-products-wrapper .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #d0d0d0;
opacity: 1;
transition: all 0.3s ease;
}
.en-carousel-products-wrapper .swiper-pagination-bullet-active {
background: var(--e-global-color-primary);
width: 24px;
border-radius: 5px;
}
@media (max-width: 768px) {
.en-carousel-products-wrapper {
padding: 0 30px;
}
.en-carousel-products-wrapper .swiper-button-next,
.en-carousel-products-wrapper .swiper-button-prev {
width: 36px;
height: 36px;
opacity: 1;
}
.en-carousel-products-wrapper .swiper-button-next::after,
.en-carousel-products-wrapper .swiper-button-prev::after {
font-size: 14px;
}
.en-product-discount-badge {
font-size: 12px;
padding: 4px 8px;
top: 8px;
left: 8px;
}
.en-product-price-label {
font-size: 12px;
}
.en-product-price-value {
font-size: 14px;
}
.en-product-price-sale .en-product-price-value {
font-size: 16px;
}
.en-product-buy-button {
font-size: 14px;
padding: 10px 16px;
}
} .en-filters-post-container {
background: #ffffff;
padding: 24px;
border: 1px solid #e0e0e0;
border-radius: 8px;
} .en-filters-post-search {
position: relative;
margin-bottom: 32px;
}
.en-filters-post-search input {
width: 100%;
padding: 14px 20px;
border: 2px solid #e0e0e0;
border-radius: 6px;
font-size: 16px;
transition: all 0.3s ease;
outline: none;
}
.en-filters-post-search input:focus {
border-color: var(--e-global-color-primary);
box-shadow: 0 0 0 3px rgba(var(--e-global-color-primary-rgb), 0.1);
}
.en-filters-post-results {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 6px;
margin-top: 8px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
z-index: 100;
max-height: 400px;
overflow-y: auto;
}
.en-filters-post-ajax-results {
padding: 16px;
}
.en-filters-post-ajax-results h5 {
font-size: 14px;
font-weight: 700;
color: #888;
text-transform: uppercase;
margin: 0 0 12px 0;
letter-spacing: 0.5px;
}
.en-filters-post-ajax-results ul {
list-style: none;
padding: 0;
margin: 0 0 16px 0;
}
.en-filters-post-ajax-results ul:last-child {
margin-bottom: 0;
}
.en-filters-post-ajax-results li {
margin-bottom: 8px;
}
.en-filters-post-ajax-results li:last-child {
margin-bottom: 0;
}
.en-filters-post-ajax-results a {
color: #2c2c2c;
text-decoration: none;
font-size: 15px;
display: block;
padding: 8px 12px;
border-radius: 4px;
transition: all 0.3s ease;
}
.en-filters-post-ajax-results a:hover {
background: #f5f5f5;
color: var(--e-global-color-primary);
padding-left: 16px;
}
.en-filters-post-ajax-no-results {
padding: 16px;
text-align: center;
color: #888;
font-size: 14px;
} .en-filters-post-categories {
margin-bottom: 32px;
}
.en-filters-post-title {
font-size: 18px;
font-weight: 700;
color: #2c2c2c;
margin: 0 0 16px 0;
padding-bottom: 12px;
border-bottom: 2px solid var(--e-global-color-primary);
}
.en-filters-post-category-list {
list-style: none;
padding: 0;
margin: 0;
}
.en-filters-post-category-list li {
margin-bottom: 10px;
}
.en-filters-post-category-list li:last-child {
margin-bottom: 0;
}
.en-filters-post-category-list a {
color: #2c2c2c;
text-decoration: none;
font-size: 15px;
font-weight: 500;
display: block;
padding: 10px 16px;
border-radius: 4px;
transition: all 0.3s ease;
position: relative;
padding-left: 28px;
}
.en-filters-post-category-list a::before {
content: '→';
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: all 0.3s ease;
}
.en-filters-post-category-list a:hover {
background: #f5f5f5;
color: var(--e-global-color-primary);
padding-left: 32px;
}
.en-filters-post-category-list a:hover::before {
opacity: 1;
left: 14px;
} .en-filters-post-related {
margin-bottom: 0;
}
.en-filters-post-related-list {
display: flex;
flex-direction: column;
gap: 16px;
}
.en-filter-post-related-item {
display: flex;
gap: 12px;
padding: 12px;
border-radius: 6px;
transition: all 0.3s ease;
border: 1px solid transparent;
}
.en-filter-post-related-item:hover {
background: #f9f9f9;
border-color: #e0e0e0;
}
.en-filter-post-related-image {
flex-shrink: 0;
width: 80px;
height: 80px;
overflow: hidden;
border-radius: 4px;
}
.en-filter-post-related-image a {
display: block;
width: 100%;
height: 100%;
}
.en-filter-post-related-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.en-filter-post-related-item:hover .en-filter-post-related-image img {
transform: scale(1.1);
}
.en-filter-post-related-content {
flex-grow: 1;
display: flex;
align-items: center;
}
.en-filter-post-related-content div {
margin: 0;
}
.en-filter-post-related-content a {
color: #2c2c2c;
text-decoration: none;
font-size: 15px;
font-weight: 600;
line-height: 1.4;
transition: color 0.3s ease;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.en-filter-post-related-content a:hover {
color: var(--e-global-color-primary);
}
@media (max-width: 768px) {
.en-filters-post-container {
padding: 20px;
}
.en-filters-post-search input {
font-size: 14px;
padding: 12px 16px;
}
.en-filter-post-related-image {
width: 60px;
height: 60px;
}
} .en-whatsapp-post-container {
background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
padding: 32px 24px;
border-radius: 12px;
text-align: center;
box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3);
transition: all 0.3s ease;
}
.en-whatsapp-post-container:hover {
transform: translateY(-5px);
box-shadow: 0 12px 35px rgba(37, 211, 102, 0.4);
}
.en-whatsapp-post-title {
font-size: 24px;
font-weight: 700;
color: #ffffff;
margin: 0 0 20px 0;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.en-whatsapp-post-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
background: #ffffff;
color: #25d366;
padding: 18px;
border-radius: 32px;
text-decoration: none;
font-size: 16px;
font-weight: 700;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}
.en-whatsapp-post-button:hover {
background: #25d366;
color: #ffffff;
transform: scale(1.05);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}
.en-whatsapp-post-button i {
font-size: 20px;
}
@media (max-width: 768px) {
.en-whatsapp-post-container {
padding: 24px 20px;
}
.en-whatsapp-post-title {
font-size: 20px;
}
.en-whatsapp-post-button {
font-size: 14px;
padding: 14px 24px;
}
}.es-cluster-entrada {
background: #ffffff;
padding: 0;
transition: transform 0.3s ease, box-shadow 0.3s ease;
height: 100%;
display: flex;
flex-direction: column;
}
.es-cluster-entrada:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.es-cluster-entrada-imagen {
width: 100%;
height: 220px;
overflow: hidden;
position: relative;
}
.es-cluster-entrada-imagen a {
display: block;
width: 100%;
height: 100%;
}
.es-cluster-entrada-imagen img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.es-cluster-entrada:hover .es-cluster-entrada-imagen img {
transform: scale(1.05);
}
.es-cluster-entrada-contenido {
padding: 12px 16px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.es-cluster-entrada-categoria {
font-size: 14px;
font-weight: 500;
color: var(--e-global-color-text);
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.es-cluster-entrada-titulo {
margin: 0 0 auto 0;
padding-bottom: 12px;
}
.es-cluster-entrada-titulo a {
font-size: 20px;
line-height: 23px;
font-weight: 700;
color: #2c2c2c;
text-decoration: none;
transition: color 0.3s ease;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.es-cluster-entrada-titulo a:hover {
color: var(--e-global-color-primary);
}
.es-cluster-entrada-footer {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 12px;
border-top: 1px solid #f0f0f0;
}
.es-cluster-entrada-fecha {
font-size: 14px;
color: #888;
font-weight: 400;
}
.es-cluster-entrada-ver-mas {
font-size: 14px;
font-weight: 600;
color: var(--e-global-color-primary);
text-decoration: none;
position: relative;
transition: color 0.3s ease;
}
.es-cluster-entrada-ver-mas::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 2px;
background: var(--e-global-color-primary);
transition: width 0.3s ease;
}
.es-cluster-entrada-ver-mas:hover {
color: #000;
}
.es-cluster-entrada-ver-mas:hover::after {
width: 100%;
} .es-carrusel-entradas-wrapper {
position: relative;
padding: 0 40px;
}
.es-carrusel-entradas-wrapper .swiper {
overflow: visible;
}
.es-carrusel-entradas-wrapper .swiper-slide {
height: auto;
}
.es-carrusel-entradas-wrapper .swiper-button-next,
.es-carrusel-entradas-wrapper .swiper-button-prev {
width: 40px;
height: 40px;
background: #ffffff;
border-radius: 50%;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.es-carrusel-entradas-wrapper .swiper-button-next::after,
.es-carrusel-entradas-wrapper .swiper-button-prev::after {
font-size: 16px;
color: #2c2c2c;
font-weight: 700;
}
.es-carrusel-entradas-wrapper .swiper-button-next:hover,
.es-carrusel-entradas-wrapper .swiper-button-prev:hover {
background: var(--e-global-color-primary);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}
.es-carrusel-entradas-wrapper .swiper-button-next:hover::after,
.es-carrusel-entradas-wrapper .swiper-button-prev:hover::after {
color: #ffffff;
}
.es-carrusel-entradas-wrapper .swiper-pagination {
margin-top: 24px;
position: relative;
}
.es-carrusel-entradas-wrapper .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #d0d0d0;
opacity: 1;
transition: all 0.3s ease;
}
.es-carrusel-entradas-wrapper .swiper-pagination-bullet-active {
background: var(--e-global-color-primary);
width: 24px;
border-radius: 5px;
}
@media (max-width: 768px) {
.es-carrusel-entradas-wrapper {
padding: 0 20px;
}
.es-carrusel-entradas-wrapper .swiper-button-next,
.es-carrusel-entradas-wrapper .swiper-button-prev {
width: 32px;
height: 32px;
}
.es-carrusel-entradas-wrapper .swiper-button-next::after,
.es-carrusel-entradas-wrapper .swiper-button-prev::after {
font-size: 14px;
}
} .es-archivo-entradas-contenedor {
width: 100%;
}
.es-archivo-entradas-titulo-busqueda {
text-align: center;
margin-bottom: 40px;
}
.es-archivo-entradas-titulo-busqueda h2 {
font-size: 28px;
font-weight: 700;
color: #2c2c2c;
margin: 0;
}
.es-archivo-entradas-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-bottom: 40px;
}
.es-archivo-entradas-sin-resultados {
text-align: center;
font-size: 18px;
color: #888;
padding: 40px 0;
grid-column: 1 / -1;
} .es-archivo-entradas-paginacion {
display: flex;
justify-content: center;
margin-top: 40px;
}
.es-archivo-entradas-paginacion .page-numbers {
display: flex;
gap: 8px;
list-style: none;
padding: 0;
margin: 0;
}
.es-archivo-entradas-paginacion .page-numbers li {
display: inline-block;
}
.es-archivo-entradas-paginacion .page-numbers a,
.es-archivo-entradas-paginacion .page-numbers span {
display: inline-block;
padding: 10px 16px;
background: #ffffff;
color: #2c2c2c;
text-decoration: none;
border-radius: 4px;
font-weight: 600;
transition: all 0.3s ease;
border: 1px solid #e0e0e0;
}
.es-archivo-entradas-paginacion .page-numbers a:hover {
background: var(--e-global-color-primary);
color: #ffffff;
border-color: var(--e-global-color-primary);
transform: translateY(-2px);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.es-archivo-entradas-paginacion .page-numbers .current {
background: var(--e-global-color-primary);
color: #ffffff;
border-color: var(--e-global-color-primary);
}
@media (max-width: 768px) {
.es-archivo-entradas-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.es-archivo-entradas-titulo-busqueda h2 {
font-size: 22px;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.es-archivo-entradas-grid {
grid-template-columns: repeat(2, 1fr);
}
} .es-titulo-personalizado-wrapper {}
.es-titulo-personalizado {
font-size: 32px;
font-weight: 700;
color: #ffffff;
margin: 0;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
.es-titulo-personalizado {
font-size: 26px;
}
} .es-descripcion-personalizado-wrapper {}
.es-descripcion-personalizado {
font-size: 16px;
font-weight: 400;
color: #ffffff;
margin: 0;
max-width: 800px;
margin-left: auto;
margin-right: auto;
line-height: 1.6;
text-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}
@media (max-width: 768px) {
.es-descripcion-personalizado {
font-size: 14px;
}
} .es-link-personalizado-wrapper {}
.es-link-personalizado {
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #ffffff;
background: var(--e-global-color-primary);
padding: 12px 32px;
text-decoration: none;
border-radius: 4px;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
.es-link-personalizado:hover {
background: #ffffff;
color: var(--e-global-color-primary);
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}
@media (max-width: 768px) {
.es-link-personalizado {
font-size: 14px;
padding: 10px 24px;
}
} .es-carrusel-productos-wrapper {
position: relative;
}
.es-carrusel-productos-wrapper .swiper {
overflow: visible;
padding: 20px 0 40px;
}
.es-carrusel-productos-wrapper .swiper-slide {
height: auto;
}
.es-producto-card {
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 12px;
overflow: hidden;
transition: all 0.3s ease;
height: 100%;
display: flex;
flex-direction: column;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.es-producto-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
border-color: var(--e-global-color-primary);
}
.es-producto-imagen-container {
position: relative;
width: 100%;
height: 280px;
overflow: hidden;
background: #f9f9f9;
}
.es-producto-imagen {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.es-producto-card:hover .es-producto-imagen {
transform: scale(1.08);
}
.es-producto-etiqueta-descuento {
position: absolute;
top: 12px;
left: 12px;
background: #e74c3c;
color: #ffffff;
font-size: 13px;
font-weight: 700;
padding: 6px 12px;
border-radius: 6px;
z-index: 2;
box-shadow: 0 2px 8px rgba(231, 76, 60, 0.4);
}
.es-producto-contenido {
padding: 20px;
flex-grow: 1;
display: flex;
flex-direction: column;
}
.es-producto-titulo {
margin: 0 0 16px 0;
}
.es-producto-titulo a {
color: #2c2c2c;
text-decoration: none;
font-size: 18px;
font-weight: 700;
line-height: 1.4;
transition: color 0.3s ease;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.es-producto-titulo a:hover {
color: var(--e-global-color-primary);
}
.es-producto-precio-container {
margin-top: auto;
padding-top: 16px;
border-top: 1px solid #f0f0f0;
}
.es-producto-precio-label {
font-size: 13px;
color: #888;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 6px;
font-weight: 600;
}
.es-producto-precio-valor {
font-size: 16px;
color: #2c2c2c;
font-weight: 700;
}
.es-producto-precio-oferta {
display: flex;
align-items: center;
gap: 10px;
}
.es-producto-precio-oferta .es-producto-precio-anterior {
font-size: 14px;
color: #999;
text-decoration: line-through;
font-weight: 400;
}
.es-producto-precio-oferta .es-producto-precio-valor {
font-size: 18px;
color: #e74c3c;
font-weight: 800;
}
.es-producto-boton-comprar {
display: block;
margin-top: 16px;
background: var(--e-global-color-primary);
color: #ffffff;
text-align: center;
padding: 12px 20px;
border-radius: 6px;
text-decoration: none;
font-weight: 700;
font-size: 15px;
transition: all 0.3s ease;
}
.es-producto-boton-comprar:hover {
background: #2c2c2c;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.es-carrusel-productos-wrapper .swiper-button-next,
.es-carrusel-productos-wrapper .swiper-button-prev {
width: 44px;
height: 44px;
background: #ffffff;
border-radius: 50%;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
transition: all 0.3s ease;
opacity: 0.95;
}
.es-carrusel-productos-wrapper .swiper-button-next:hover,
.es-carrusel-productos-wrapper .swiper-button-prev:hover {
background: var(--e-global-color-primary);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
opacity: 1;
}
.es-carrusel-productos-wrapper .swiper-button-next::after,
.es-carrusel-productos-wrapper .swiper-button-prev::after {
font-size: 18px;
color: #2c2c2c;
font-weight: 700;
}
.es-carrusel-productos-wrapper .swiper-button-next:hover::after,
.es-carrusel-productos-wrapper .swiper-button-prev:hover::after {
color: #ffffff;
}
.es-carrusel-productos-wrapper .swiper-pagination {
margin-top: 24px;
position: relative;
}
.es-carrusel-productos-wrapper .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #d0d0d0;
opacity: 1;
transition: all 0.3s ease;
}
.es-carrusel-productos-wrapper .swiper-pagination-bullet-active {
background: var(--e-global-color-primary);
width: 24px;
border-radius: 5px;
}
@media (max-width: 768px) {
.es-carrusel-productos-wrapper {
padding: 0 30px;
}
.es-carrusel-productos-wrapper .swiper-button-next,
.es-carrusel-productos-wrapper .swiper-button-prev {
width: 36px;
height: 36px;
opacity: 1;
}
.es-carrusel-productos-wrapper .swiper-button-next::after,
.es-carrusel-productos-wrapper .swiper-button-prev::after {
font-size: 14px;
}
.es-producto-etiqueta-descuento {
font-size: 12px;
padding: 4px 8px;
top: 8px;
left: 8px;
}
.es-producto-precio-label {
font-size: 12px;
}
.es-producto-precio-valor {
font-size: 14px;
}
.es-producto-precio-oferta .es-producto-precio-valor {
font-size: 16px;
}
.es-producto-boton-comprar {
font-size: 14px;
padding: 10px 16px;
}
} .es-filtros-entrada-contenedor {
background: #ffffff;
padding: 24px;
border: 1px solid #e0e0e0;
border-radius: 8px;
} .es-filtros-entrada-buscador {
position: relative;
margin-bottom: 32px;
}
.es-filtros-entrada-buscador input {
width: 100%;
padding: 14px 20px;
border: 2px solid #e0e0e0;
border-radius: 6px;
font-size: 16px;
transition: all 0.3s ease;
outline: none;
}
.es-filtros-entrada-buscador input:focus {
border-color: var(--e-global-color-primary);
box-shadow: 0 0 0 3px rgba(var(--e-global-color-primary-rgb), 0.1);
}
.es-filtros-entrada-resultados {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 6px;
margin-top: 8px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
z-index: 100;
max-height: 400px;
overflow-y: auto;
}
.es-filtros-entrada-ajax-resultados {
padding: 16px;
}
.es-filtros-entrada-ajax-resultados h5 {
font-size: 14px;
font-weight: 700;
color: #888;
text-transform: uppercase;
margin: 0 0 12px 0;
letter-spacing: 0.5px;
}
.es-filtros-entrada-ajax-resultados ul {
list-style: none;
padding: 0;
margin: 0 0 16px 0;
}
.es-filtros-entrada-ajax-resultados ul:last-child {
margin-bottom: 0;
}
.es-filtros-entrada-ajax-resultados li {
margin-bottom: 8px;
}
.es-filtros-entrada-ajax-resultados li:last-child {
margin-bottom: 0;
}
.es-filtros-entrada-ajax-resultados a {
color: #2c2c2c;
text-decoration: none;
font-size: 15px;
display: block;
padding: 8px 12px;
border-radius: 4px;
transition: all 0.3s ease;
}
.es-filtros-entrada-ajax-resultados a:hover {
background: #f5f5f5;
color: var(--e-global-color-primary);
padding-left: 16px;
}
.es-filtros-entrada-ajax-sin-resultados {
padding: 16px;
text-align: center;
color: #888;
font-size: 14px;
} .es-filtros-entrada-categorias {
margin-bottom: 32px;
}
.es-filtros-entrada-titulo {
font-size: 18px;
font-weight: 700;
color: #2c2c2c;
margin: 0 0 16px 0;
padding-bottom: 12px;
border-bottom: 2px solid var(--e-global-color-primary);
}
.es-filtros-entrada-lista-categorias {
list-style: none;
padding: 0;
margin: 0;
}
.es-filtros-entrada-lista-categorias li {
margin-bottom: 10px;
}
.es-filtros-entrada-lista-categorias li:last-child {
margin-bottom: 0;
}
.es-filtros-entrada-lista-categorias a {
color: #2c2c2c;
text-decoration: none;
font-size: 15px;
font-weight: 500;
display: block;
padding: 10px 16px;
border-radius: 4px;
transition: all 0.3s ease;
position: relative;
padding-left: 28px;
}
.es-filtros-entrada-lista-categorias a::before {
content: '→';
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
opacity: 0;
transition: all 0.3s ease;
}
.es-filtros-entrada-lista-categorias a:hover {
background: #f5f5f5;
color: var(--e-global-color-primary);
padding-left: 32px;
}
.es-filtros-entrada-lista-categorias a:hover::before {
opacity: 1;
left: 14px;
} .es-filtros-entrada-relacionadas {
margin-bottom: 0;
}
.es-filtros-entrada-lista-relacionadas {
display: flex;
flex-direction: column;
gap: 16px;
}
.es-filtro-entrada-relacionada-item {
display: flex;
gap: 12px;
padding: 12px;
border-radius: 6px;
transition: all 0.3s ease;
border: 1px solid transparent;
}
.es-filtro-entrada-relacionada-item:hover {
background: #f9f9f9;
border-color: #e0e0e0;
}
.es-filtro-entrada-relacionada-imagen {
flex-shrink: 0;
width: 80px;
height: 80px;
overflow: hidden;
border-radius: 4px;
}
.es-filtro-entrada-relacionada-imagen a {
display: block;
width: 100%;
height: 100%;
}
.es-filtro-entrada-relacionada-imagen img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.es-filtro-entrada-relacionada-item:hover .es-filtro-entrada-relacionada-imagen img {
transform: scale(1.1);
}
.es-filtro-entrada-relacionada-contenido {
flex-grow: 1;
display: flex;
align-items: center;
}
.es-filtro-entrada-relacionada-contenido h5 {
margin: 0;
}
.es-filtro-entrada-relacionada-contenido a {
color: #2c2c2c;
text-decoration: none;
font-size: 15px;
font-weight: 600;
line-height: 1.4;
transition: color 0.3s ease;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.es-filtro-entrada-relacionada-contenido a:hover {
color: var(--e-global-color-primary);
}
@media (max-width: 768px) {
.es-filtros-entrada-contenedor {
padding: 20px;
}
.es-filtros-entrada-buscador input {
font-size: 14px;
padding: 12px 16px;
}
.es-filtro-entrada-relacionada-imagen {
width: 60px;
height: 60px;
}
} .es-whatsapp-entrada-contenedor {
background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
padding: 32px 24px;
border-radius: 12px;
text-align: center;
box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3);
transition: all 0.3s ease;
}
.es-whatsapp-entrada-contenedor:hover {
transform: translateY(-5px);
box-shadow: 0 12px 35px rgba(37, 211, 102, 0.4);
}
.es-whatsapp-entrada-titulo {
font-size: 24px;
font-weight: 700;
color: #ffffff;
margin: 0 0 20px 0;
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.es-whatsapp-entrada-boton {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
background: #ffffff;
color: #25d366;
padding: 18px;
border-radius: 32px;
text-decoration: none;
font-size: 16px;
font-weight: 700;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}
.es-whatsapp-entrada-boton:hover {
background: #25d366;
color: #ffffff;
transform: scale(1.05);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
}
.es-whatsapp-entrada-boton i {
font-size: 20px;
}
@media (max-width: 768px) {
.es-whatsapp-entrada-contenedor {
padding: 24px 20px;
}
.es-whatsapp-entrada-titulo {
font-size: 20px;
}
.es-whatsapp-entrada-boton {
font-size: 14px;
padding: 14px 24px;
}
}