/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 24 2026 | 22:39:43 */
/* =========================================
   1. BASE GLOBAL
   ========================================= */
body {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Evita scroll horizontal */
    background-color: #0f172a;
}

/* --- FONDO NEURONAL COMPARTIDO --- */
/* Todas las secciones que usen esta clase tendrán el fondo alineado */
.seccion-fondo {
    background-color: #0f172a; 
    /* Ajustamos la opacidad al 0.6 para que se vea la red, pero el texto sea legible */
    background-image: 
        linear-gradient(to bottom, rgba(15, 23, 42, 0.6), rgba(15, 23, 42, 0.7)),
        url('https://cerrajerojuan.com/wp-content/uploads/2025/11/unnamed.jpg');
    background-size: cover;
    background-position: center center;
    background-attachment: fixed; /* Efecto Parallax */
    position: relative;
    color: white;
}

/* --- CONTENEDOR MAESTRO DE ANCHO --- */
.contenedor-seccion {
    width: 100%;
    max-width: 1100px; /* Ancho máximo del sitio */
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

/* --- ANIMACIONES COMPARTIDAS --- */
@keyframes flotar { 
    0% { transform: translateY(0px); } 
    50% { transform: translateY(-15px); } 
    100% { transform: translateY(0px); } 
}
@keyframes latido { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.05); box-shadow: 0 10px 20px rgba(255,193,7,0.5); } 
    100% { transform: scale(1); } 
}

.reveal-up { opacity: 0; transform: translateY(50px); transition: 1s; }
.reveal-left { opacity: 0; transform: translateX(-50px); transition: 1s; }
.reveal-right { opacity: 0; transform: translateX(50px); transition: 1s; }
.activo { opacity: 1; transform: translate(0,0); }