/*
Theme Name: Twenty Twenty-Five Child (ManuWerks)
Theme URI: https://manuwerks.com
Description: Twenty Twenty-Five child theme for ManuWerks.
Author: ManuWerks
Author URI:   https://manuwerks.com
Template: twentytwentyfive
Version: 0.1.2
*/

/*-----------------------------------------------------------------------------------

	0.	CSS Reset & Clearfix
	1.	Document Setup
	2.  Structure
	3.	Header
	4.	Navigation
	5.	Main Content
	6.  Single post
	7.	Post Content
	8.	Comments
	9.	Pagination
	10.	Page & Page Templates
	11.	Sidebar
	12.	Footer
	13. Credits
	14.	Responsive

----------------------------------------------------------------------------------- */

/* =========================================
   MANUWERKS CUSTOM STYLES
   ========================================= */

/* --- LAYOUT: STICKY FOOTER --- */
/* Fuerza al contenedor principal a ocupar toda la pantalla */
.wp-site-blocks {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Empuja el footer al fondo si falta contenido */
.wp-site-blocks > footer {
    margin-top: auto;
}

/* --- UI: BOTONES RETRO --- */
.wp-block-button__link {
    /* Estado Base: Sombra dura vertical */
    box-shadow: 0px 6px 0px #000000 !important;
    
    /* Optimización: Animamos solo lo que cambia (mejor performance que 'all') */
    transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), 
                box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), 
                filter 0.2s ease;
}

/* Estado Hover: "Power Up" (Levitar + Brillo) */
.wp-block-button__link:hover {
    filter: brightness(1.2) contrast(1.1); /* Efecto Neón encendido */
    transform: translateY(-2px);           /* Levitación */
    box-shadow: 0px 8px 0px #000000 !important; /* Sombra compensa la subida */
}

/* Estado Active: "Click Mecánico" (Hundir) */
.wp-block-button__link:active {
    filter: brightness(1.0); /* Vuelve al brillo normal al presionar */
    box-shadow: 0px 0px 0px #000000 !important; /* La sombra desaparece */
    transform: translateY(6px); /* El botón ocupa el espacio de la sombra */
}

/* --- BANNER INTERACTIVO (CTA) --- */
/* Estado Base */
.banner-interactive img {
    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.2s ease;
    /* El cubic-bezier le da un efecto de "rebote" elástico muy jugoso */
}

/* Estado Hover */
.banner-interactive:hover img {
    transform: scale(1.02) translateY(-4px); /* Crece un pelín y sube */
    /* drop-shadow(offset-x offset-y blur-radius color) */
    filter: drop-shadow(0px 8px 0px rgba(0,0,0,0.6)); 
}

/* --- Utility Class: Texto Galáctico --- */
.text-glow {
    background: linear-gradient(90deg, #ffffff 0%, #ffff00 50%, #ffffff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent; /* Fallback necesario para el clip */
    text-shadow: 0 4px 15px rgba(255,255,255,0.4);
    animation: smoothColorShift 3s ease-in-out infinite;
    position: relative;
    display: block;
    /* width: fit-content;
    width: -moz-fit-content; */
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}

/* El subrayado brillante */
.text-glow::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%; /* Ajustado al ancho del texto */
    height: 3px; /* Un poco más grueso para pixel style */
    background: linear-gradient(90deg, transparent, #ff9900, transparent);
    box-shadow: 0 0 10px #ff9900;
}

@keyframes smoothColorShift {
    0% { filter: hue-rotate(0deg); }
    50% { filter: hue-rotate(15deg); }
    100% { filter: hue-rotate(0deg); }
}