generatepress

/* 🔒 OCULTAR TÍTULO Y FOOTER */ .page .entry-title, .site-footer { display: none !important; visibility: hidden; height: 0; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } /* 🧼 ELIMINAR MÁRGENES Y PADDING DE CABECERAS Y SECCIONES */ .page-header, .inside-article, .entry-content, .site-content, .main, .content-area, .site-content > *:first-child, .elementor-section.elementor-top-section { margin-top: 0 !important; padding-top: 0 !important; } /* 🧱 OPTIMIZACIÓN GLOBAL */ body, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background-color: #fff; color: #111; font-display: swap; } html { scroll-behavior: auto !important; overflow-x: hidden; } /* ✨ IMÁGENES ADAPTADAS Y VISIBLES YA */ img { max-width: 100%; height: auto; display: block; font-display: swap; } /* 🟢 ENLACES LIMPIOS Y ACCESIBLES */ a { text-decoration: none; color: inherit; touch-action: manipulation; font-display: swap; } /* ⚡ ANULACIÓN DE ANIMACIONES EN MÓVIL */ @media (max-width: 768px) { * { animation: none !important; transition: none !important; } } /* 🟣 EVITAR CAMBIOS DE DISEÑO INNECESARIOS */ .lazy, img[class*="lazy"] { aspect-ratio: auto !important; min-height: auto !important; } /* 🚀 ELIMINAR SOMBRAS VISUALES QUE CONSUMEN RENDIMIENTO */ [class*="shadow"], [class*="box-shadow"], [class*="elevation"], [class*="card"] { box-shadow: none !important; } /* 🟡 CORREGIR CONTRASTE DE BOTÓN LLAMAR */ a[href^="tel"] { background-color: #25D366 !important; color: black !important; font-weight: bold; font-size: 18px; padding: 10px 20px; display: inline-block; border-radius: 10px; box-shadow: none !important; } /* 📱 HACER WHATSAPP BOTÓN MÁS LIGERO */ .btn-whatsapp-pow { background-color: #25D366 !important; color: black !important; font-weight: bold; font-size: 18px; padding: 10px 20px; display: inline-flex; align-items: center; gap: 10px; border-radius: 10px; box-shadow: none !important; transition: none !important; } .btn-whatsapp-pow i { animation: none !important; } /* 🛡️ PREVENIR MOVIMIENTOS AL CARGAR FUENTES */ body * { font-display: swap; } /* Estilos base del botón de menú */ .botin a { background-color: #fff !important; /* Amarillo oscuro */ color: #000000 !important; /* Letras negras */ padding: 10px 20px !important; /* Espaciado interno */ border-radius: 5px !important; /* Bordes redondeados */ transition: all 0.3s ease-in-out; /* Transición suave para el hover */ display: inline-block; /* Necesario para transformaciones y animaciones */ text-decoration: none !important; /* Asegura que no se subraye */ /* Animación de balanceo más rápida y contundente, con pausa */ animation: balanceo-contundente 3s ease-in-out infinite; /* Nombre, duración, tipo, repetición */ } /* Efecto hover: Invertir colores */ .botin a:hover { background-color: #fcc08e!important; /* Fondo negro */ color: #000 !important; /* Letras amarillo oscuro */ /* Pausar la animación al pasar el ratón */ animation-play-state: paused; } /* Definición de la animación de balanceo más contundente y con pausa */ @keyframes balanceo-contundente { 0% { transform: rotate(0deg); /* Inicio */ } 10% { transform: rotate(5deg); /* Giro más pronunciado a la derecha */ } 30% { transform: rotate(-5deg); /* Giro más pronunciado a la izquierda */ } 50% { transform: rotate(0deg); /* Vuelve al centro */ } /* Añadimos una "pausa" manteniendo la rotación en 0deg */ 100% { transform: rotate(0deg); /* Se mantiene en el centro durante el resto de la duración */ } } .main-navigation .menu-item-type-custom a[href="https://cerrajeromalaga.es/"] { /* Oculta el texto del enlace */ font-size: 0; line-height: 0; display: block; /* Asegura que el área del enlace ocupe espacio */ width: 150px; /* Ajusta el ancho de tu logo */ height: 100px; /* Ajusta la altura de tu logo */ background-image: url('https://cerrajeromalaga.es/wp-content/uploads/2025/09/cerrajero-malaga.jpg'); background-size: contain; /* Ajusta el tamaño de la imagen dentro del área */ background-color: #222222; background-repeat: no-repeat; background-position: bottom; padding: 0; /* Asegúrate de que no haya padding que afecte el tamaño del logo */ text-indent: -9999px; /* Otra forma de ocultar el texto para lectores de pantalla */ overflow: hidden; /* Oculta cualquier desbordamiento del texto oculto */ } /* Si el tema añade padding al LI del menú, podrías necesitar esto también */ .main-navigation .menu-item-type-custom { padding: 0; } .main-navigation { color: #ffffff; background-color: #222222; } .entry-meta { display: none; font-size: 85%; margin-top: .5em; line-height: 1.5; }