/* Ocultar widgets de LiveChat de terceros */
#zendesk-widget-container,
#zopim-widget-container,
.zopim,
.zendesk-widget,
[id*="zopim"],
[class*="zopim"],
[id*="zendesk"],
[class*="zendesk"],
[id*="livechat"],
[class*="livechat"],
[id*="tawk"],
[class*="tawk"],
iframe[src*="zopim"],
iframe[src*="zendesk"],
iframe[src*="livechat"],
iframe[src*="tawk"] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
z-index: -9999 !important;
}

.whatsapp-chat-widget {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
font-family: Arial, sans-serif;
}

.whatsapp-chat-btn {
width: 60px;
height: 60px;
border-radius: 50%;
background: linear-gradient(45deg, #25d366, #128c7e);
color: white;
cursor: pointer;
font-size: 28px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
animation: pulse-whatsapp-right 2s infinite;
}

.whatsapp-chat-btn:hover {
transform: scale(1.1);
box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);
}

.whatsapp-chat-btn:active {
transform: scale(0.95);
}

.whatsapp-chat-tooltip {
position: absolute;
right: 70px;
top: 50%;
transform: translateY(-50%);
background: #333;
color: white;
padding: 8px 12px;
border-radius: 4px;
font-size: 12px;
white-space: nowrap;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}

.whatsapp-chat-tooltip::after {
content: '';
position: absolute;
left: 100%;
top: 50%;
transform: translateY(-50%);
border: 6px solid transparent;
border-left-color: #333;
}

.whatsapp-chat-btn:hover .whatsapp-chat-tooltip {
opacity: 1;
visibility: visible;
}

/* Animación de pulso para el botón de WhatsApp derecho */
@keyframes pulse-whatsapp-right {
0% {
box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
}
50% {
box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4), 0 0 0 10px rgba(37, 211, 102, 0.1);
}
100% {
box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4), 0 0 0 20px rgba(37, 211, 102, 0);
}
}

/* Efectos adicionales para móviles */
@media (max-width: 768px) {
.whatsapp-chat-widget {
bottom: 15px;
right: 15px;
}

.whatsapp-chat-btn {
width: 55px;
height: 55px;
font-size: 24px;
}

.whatsapp-chat-tooltip {
display: none; /* Ocultar tooltip en móviles */
}
}

/* Efecto de entrada */
.whatsapp-chat-widget {
animation: slideInRight 0.5s ease-out;
}

@keyframes slideInRight {
from {
transform: translateX(100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}

.correo_electronico {
border-bottom-left-radius: 0px!important;
border-top-left-radius: 0px!important;
}

/* Nuevo estilo del footer */
.footer-modern {
background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);
color: #f7fafc;
padding: 50px 0 20px;
margin-top: 0;
position: relative;
}

.footer-modern::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #e91e63 0%, #4caf50 50%, #e91e63 100%);
}

.footer-section {
margin-bottom: 30px;
}

.footer-title {
color: #e91e63;
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 8px;
}

.footer-title i {
font-size: 20px;
color: #4caf50;
}

.contact-item {
display: flex;
align-items: center;
margin-bottom: 12px;
padding: 8px 0;
transition: all 0.3s ease;
}

.contact-item:hover {
transform: translateX(5px);
color: #4caf50;
}

.contact-item i {
width: 20px;
margin-right: 12px;
color: #4caf50;
font-size: 16px;
}

.contact-item a {
color: #e2e8f0;
text-decoration: none;
transition: color 0.3s ease;
}

.contact-item a:hover {
color: #4caf50;
text-decoration: none;
}

.social-links {
display: flex;
gap: 15px;
margin-top: 15px;
}

.social-links a {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: linear-gradient(45deg, #e91e63, #ad1457);
color: white;
border-radius: 50%;
transition: all 0.3s ease;
text-decoration: none;
box-shadow: 0 2px 8px rgba(233, 30, 99, 0.3);
}

.social-links a:hover {
background: linear-gradient(45deg, #4caf50, #388e3c);
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(76, 175, 80, 0.4);
}

.newsletter-form {
background: rgba(233, 30, 99, 0.1);
padding: 20px;
border-radius: 10px;
margin-bottom: 20px;
border: 1px solid rgba(233, 30, 99, 0.2);
}

.newsletter-form h4 {
color: #e91e63;
margin-bottom: 15px;
font-size: 16px;
}

.newsletter-input-group {
display: flex;
border-radius: 25px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.newsletter-input-group input {
border: none;
padding: 12px 20px;
flex: 1;
outline: none;
background: #f7fafc;
color: #2d3748;
}

.newsletter-input-group button {
background: linear-gradient(45deg, #e91e63, #ad1457);
color: white;
border: none;
padding: 12px 20px;
cursor: pointer;
transition: all 0.3s ease;
white-space: nowrap;
}

.newsletter-input-group button:hover {
background: linear-gradient(45deg, #4caf50, #388e3c);
transform: scale(1.05);
}

.footer-buttons {
display: flex;
gap: 10px;
flex-wrap: wrap;
}

.footer-btn {
background: linear-gradient(45deg, #4a5568, #2d3748);
color: #f7fafc;
padding: 10px 20px;
border-radius: 25px;
text-decoration: none;
transition: all 0.3s ease;
border: 2px solid transparent;
display: inline-flex;
align-items: center;
gap: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.footer-btn:hover {
background: linear-gradient(45deg, #e91e63, #ad1457);
color: white;
text-decoration: none;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(233, 30, 99, 0.3);
}

.footer-logo {
text-align: center;
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
}

.footer-logo img {
max-width: 200px;
filter: brightness(1.1) contrast(1.1);
display: block;
margin: 0 auto;
}

.payment-methods-modern {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
margin: 20px 0;
flex-wrap: wrap;
}

.payment-methods-modern i {
font-size: 30px;
color: #a0aec0;
transition: all 0.3s ease;
filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
}

.payment-methods-modern i:hover {
color: #4caf50;
transform: scale(1.1);
filter: drop-shadow(0 4px 8px rgba(76, 175, 80, 0.3));
}

.footer-bottom {
background: #1a202c;
padding: 20px 0;
margin-top: 30px;
border-top: 1px solid rgba(233, 30, 99, 0.2);
}

.footer-links {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 15px;
}

.footer-links a {
color: #cbd5e0;
text-decoration: none;
padding: 8px 15px;
border-radius: 20px;
transition: all 0.3s ease;
border: 1px solid transparent;
}

.footer-links a:hover {
color: #4caf50;
background: rgba(76, 175, 80, 0.1);
border-color: rgba(76, 175, 80, 0.3);
transform: translateY(-2px);
}

.footer-links a i {
margin-right: 5px;
color: #e91e63;
}

.copyright {
text-align: center;
color: #a0aec0;
font-size: 14px;
}

.copyright a {
color: #e91e63;
text-decoration: none;
transition: color 0.3s ease;
}

.copyright a:hover {
color: #4caf50;
}

.seo-text {
background: rgba(239, 244, 252, 0.3);
padding: 20px;
border-radius: 10px;
margin-bottom: 20px;
border: 1px solid rgba(76, 175, 80, 0.2);
}

.seo-toggle {
color: #4caf50;
cursor: pointer;
font-weight: 600;
text-decoration: underline;
transition: color 0.3s ease;
}

.seo-toggle:hover {
color: #e91e63;
}

.fab {
color: white;
}

/* Efectos adicionales */
.footer-section:hover .footer-title {
transform: translateX(5px);
transition: transform 0.3s ease;
}

.security-badge {
text-align: center;
margin: 15px 0;
display: flex;
justify-content: center;
align-items: center;
}

.security-badge img {
transition: transform 0.3s ease;
display: block;
margin: 0 auto;
}

.security-badge img:hover {
transform: scale(1.05);
}

/* Centrado adicional para las imágenes de métodos de pago */
.payment-images {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin: 20px 0;
}

.payment-images img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}

/* Lazy Loading styles */
.lazy-load {
opacity: 0;
transition: opacity 0.4s ease-in-out;
background-color: #f8f9fa;
min-height: 50px;
}

.lazy-load.loaded {
opacity: 1;
background-color: transparent;
}

/* Skeleton loader effect for lazy images */
.lazy-load:not(.loaded) {
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: loading-skeleton 1.5s infinite;
}

@keyframes loading-skeleton {
0% {
background-position: -200% 0;
}
100% {
background-position: 200% 0;
}
}

/* Optimize lazy loading for reduced motion users */
@media (prefers-reduced-motion: reduce) {
.lazy-load {
opacity: 1;
transition: none;
}

.lazy-load:not(.loaded) {
animation: none;
background: #f8f9fa;
}
}

@media (max-width: 768px) {
.footer-modern {
padding: 30px 0 20px;
}

.newsletter-input-group {
flex-direction: column;
border-radius: 10px;
}

.newsletter-input-group input,
.newsletter-input-group button {
border-radius: 0;
}

.newsletter-input-group input {
border-radius: 10px 10px 0 0;
}

.newsletter-input-group button {
border-radius: 0 0 10px 10px;
}

.footer-buttons {
justify-content: center;
}

.social-links {
justify-content: center;
}

.payment-methods-modern {
justify-content: center;
}

.footer-logo {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
}

.footer-logo img {
max-width: 180px;
display: block;
margin: 0 auto;
}

.security-badge {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin: 15px 0;
}

.security-badge img {
display: block;
margin: 0 auto;
}

.payment-images {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}

.payment-images img {
max-width: 90%;
display: block;
margin: 0 auto;
}
}