/* Estilos exclusivos del footer (agrega aquí los estilos personalizados si es necesario) */

/* #region Footer con color #444A48 */
footer {
    background: #444A48 !important;
    box-shadow: 0 -4px 20px rgba(68, 74, 72, 0.3), 0 0 0 1px rgba(68, 74, 72, 0.2) !important;
    border-top: 3px solid rgba(68, 74, 72, 0.4) !important;
    position: relative;
}

/* Efecto de brillo en el borde superior */
footer::before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, rgba(68, 74, 72, 0.6) 50%, transparent 100%);
    box-shadow: 0 0 10px rgba(68, 74, 72, 0.5);
}

/* Logo del footer en blanco */
footer img {
    filter: brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

/* Ajustes de texto para mejor legibilidad */
footer h3 {
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    font-weight: 800 !important;
    font-size: 22px !important; /* Títulos Servicios / Menú / Contacto / Suscripción */
}

footer .text-gray-400,
footer .text-gray-400 *,
footer li span,
footer li a span {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

footer .text-gray-400:hover,
footer .text-gray-400 a:hover {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Asegurar que los textos de contacto sean blancos (sobrescribir colores específicos de iconos) */
footer ul li span {
    color: #ffffff !important;
}

footer ul li a {
    color: #ffffff !important;
}

/* Hacer más gruesos todos los textos del footer */
footer p, footer span, footer li, footer a {
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

footer a:hover {
    font-weight: 700 !important;
}

/* Correo de contacto en blanco específico */
footer a[href^="mailto:reservas@zamberlanturismo.com.ar"] {
    color: #ffffff !important;
}

/* Tamaño de fuente de las listas del footer */
footer ul {
    font-size: 18px !important; /* Listas de cada sección */
}

footer ul li a {
    font-size: inherit !important; /* Asegura que los enlaces no reduzcan el tamaño (override text-sm) */
}

/* Bordes de los títulos en blanco */
footer .border-sky-400,
footer .border-white {
    border-color: #ffffff !important;
}

/* Borde superior del separador también en blanco */
footer .border-t {
    border-color: #ffffff !important;
}

/* Asegurar que todos los textos sean blancos */
footer {
    color: #ffffff !important;
}

/* Textos generales en blanco */
footer a:not([style*="color"]):not(.text-yellow-400):not(.text-yellow-300) {
    color: #ffffff !important;
}

footer span:not([style*="color"]) {
    color: #ffffff !important;
}

footer p:not([style*="color"]) {
    color: #ffffff !important;
}

footer li:not([style*="color"]) {
    color: #ffffff !important;
}

/* Formulario de suscripción */
footer input {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
}

footer input::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

footer button {
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    color: #ffffff !important;
    transition: all 0.3s ease;
}

footer button:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

/* Textos específicos más gruesos */
footer .text-sky-100, footer .text-sky-300 {
    font-weight: 700 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Información de contacto más visible */
footer .flex.items-center.gap-2 {
    font-weight: 600 !important;
}

footer .flex.items-center.gap-2 span {
    font-weight: 700 !important;
}

/* Enlaces de redes sociales más gruesos */
footer .text-yellow-400 {
    font-weight: 700 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Derechos de autor más visibles */
footer .text-base {
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    font-size: 17px !important; /* © Derechos de autor */
} 

/* Labels de redes del desarrollador (wpp_dev / web_dev) a 18px */
footer .text-sm.font-medium {
    font-size: 17px !important;
}