/* --- ESTILOS DEL PIE DE PÁGINA (FOOTER) --- */
footer { 
    display: flex; flex-direction: column; align-items: center; 
    padding: 40px 20px; text-align: center; margin-top: 10px; 
    transition: background-color 0.3s; 
}

.btn-contacto-dinamico { 
    display: inline-block; padding: 15px 35px; border-radius: 50px; 
    text-decoration: none; font-weight: bold; color: white !important; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1); transition: transform 0.2s; 
    margin-top: 20px; 
}

.btn-contacto-dinamico:hover { transform: scale(1.05); }

.bg-verde-btn { background: #25d366 !important; } 
.bg-azul-btn { background: #3498db !important; }

.datos-proteccion { margin: 10px 0; text-align: center; }
.datos-proteccion details { cursor: pointer; font-size: 0.8rem; display: inline-block; }

.caja-linea { 
    padding: 15px; text-align: left; line-height: 1.5; 
    max-width: 600px; margin: 10px auto; border-radius: 8px; 
    background: rgba(0,0,0,0.05); 
}

/* TEMAS DE COLOR */
.tema-blanco { background: #fdfdfd; border-top: 1px solid #eee; color: #333; }
.tema-color { border-top: none; color: white !important; }
.tema-color h2, .tema-color p, .tema-color summary, .tema-color details { color: white !important; }
.tema-color .caja-linea { background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.2); }

.tema-oscuro { background: #1a1a1a; }
.tema-azul { background: #2c3e50; } 

/* ESTILOS ICONOS TECNOLOGÍAS */
.contenedor-tech {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 10px;
}
.tech-img {
    height: 22px; 
    width: auto;
    filter: grayscale(1);
    opacity: 0.6;
    transition: all 0.3s ease;
}
.tech-img:hover {
    filter: grayscale(0);
    opacity: 1;
    transform: translateY(-2px);
}