/*
Theme Name: Aulexum Theme
Template: twentytwentyfive
Description: Child theme for Aulexum — SaaS premium para abogados y psicólogos
Version: 1.1
*/

/* ==========================================================
   BASE — Títulos, layout, header sticky, footer menu
   ========================================================== */

.home .wp-block-post-title,
.home h1.wp-block-post-title,
.page-id-13 .wp-block-post-title,
.page-id-13 .entry-header,
.page-id-13 .wp-block-group.has-global-padding > .wp-block-post-title {
    display: none !important;
}

.page-id-13 .wp-block-post-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.wp-block-template-part[data-slug="header"] {
    position: sticky;
    top: 0;
    z-index: 100;
}

.footer-menu {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.footer-menu li { margin-bottom: 0.6rem !important; }
.footer-menu a:hover { color: #00A8A8 !important; }

/* ==========================================================
   VARIABLES GLOBALES
   ========================================================== */

:root {
    --aulexum-navy:   #1A2B4A;
    --aulexum-teal:   #00A8A8;
    --aulexum-purple: #733693;
    --aulexum-gold:   #C9A227;
    --aulexum-dark:   #121212;
    --aulexum-light:  #F4F6F8;
    --aulexum-muted:  #6B7785;
}

/* ==========================================================
   TIPOGRAFÍA GLOBAL
   ========================================================== */

body {
    font-family: 'Inter', 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    color: var(--aulexum-navy);
    -webkit-font-smoothing: antialiased;
}

/* ==========================================================
   SCROLL REVEAL
   ========================================================== */

.reveal-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1),
                transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
.reveal-on-scroll.is-visible {
    opacity: 1;
    transform: translateY(0);
}
.reveal-on-scroll:nth-child(2) { transition-delay: 0.1s; }
.reveal-on-scroll:nth-child(3) { transition-delay: 0.2s; }
.reveal-on-scroll:nth-child(4) { transition-delay: 0.3s; }

/* ==========================================================
   BOTONES — bloque consolidado (fusión Session 1 + Session 2)
   ========================================================== */

.wp-block-button__link {
    position: relative;
    overflow: hidden;
    border-radius: 50px !important;
    background: linear-gradient(135deg, #00A8A8 0%, #00A8A8 60%, #1A8F9E 100%) !important;
    transition: transform 0.25s ease,
                box-shadow 0.25s ease,
                background 0.35s ease !important;
}
.wp-block-button__link:hover {
    background: linear-gradient(135deg, #00A8A8 0%, #733693 140%) !important;
    box-shadow: 0 10px 30px rgba(115,54,147,0.40) !important;
    transform: translateY(-3px) !important;
}
.wp-block-button__link::after {
    content: "";
    position: absolute;
    top: 0; left: -75%;
    width: 50%; height: 100%;
    background: linear-gradient(120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.35) 50%,
        rgba(255,255,255,0) 100%);
    transform: skewX(-20deg);
    transition: left 0.6s ease;
}
.wp-block-button__link:hover::after { left: 125%; }

/* ==========================================================
   CARDS / COLUMNAS
   ========================================================== */

.wp-block-column {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.home .wp-block-column[style*="border-radius"],
.page .wp-block-column[style*="border-radius"] {
    box-shadow: 0 4px 20px rgba(26,43,74,0.08);
}
.home .wp-block-column[style*="border-radius"]:hover,
.page .wp-block-column[style*="border-radius"]:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 45px rgba(115,54,147,0.18) !important;
}

/* ==========================================================
   HERO — animación de entrada
   ========================================================== */

@keyframes heroFadeUp {
    from { opacity: 0; transform: translateY(40px); }
    to   { opacity: 1; transform: translateY(0); }
}
.wp-block-cover__inner-container h1 {
    animation: heroFadeUp 0.9s cubic-bezier(0.16,1,0.3,1) both;
}
.wp-block-cover__inner-container p {
    animation: heroFadeUp 0.9s cubic-bezier(0.16,1,0.3,1) 0.15s both;
}
.wp-block-cover__inner-container .wp-block-buttons {
    animation: heroFadeUp 0.9s cubic-bezier(0.16,1,0.3,1) 0.30s both;
}

/* ==========================================================
   GRADIENTE ANIMADO — secciones navy
   ========================================================== */

.has-navy-background-color {
    background: linear-gradient(135deg, #1A2B4A 0%, #2D2A5A 55%, #733693 130%) !important;
    background-size: 200% 200% !important;
    animation: gradientShift 18s ease infinite;
}
@keyframes gradientShift {
    0%   { background-position: 0%   50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0%   50%; }
}

/* ==========================================================
   LINKS CON SUBRAYADO ANIMADO
   ========================================================== */

.wp-block-post-content a:not(.wp-block-button__link) {
    background-image: linear-gradient(#00A8A8, #00A8A8);
    background-size: 0% 2px;
    background-repeat: no-repeat;
    background-position: left bottom;
    transition: background-size 0.3s ease;
    text-decoration: none;
}
.wp-block-post-content a:not(.wp-block-button__link):hover {
    background-size: 100% 2px;
}

/* ==========================================================
   UTILIDADES
   ========================================================== */

.wp-block-group    { scroll-margin-top: 80px; }
.wp-block-group h2 { position: relative; }
html               { scroll-behavior: smooth; }

.aulexum-badge {
    display: inline-block;
    background: linear-gradient(135deg, #733693, #00A8A8);
    color: #fff !important;
    padding: 0.3rem 0.9rem;
    border-radius: 50px;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* ==========================================================
   OCULTAR TÍTULOS DE PÁGINA
   ========================================================== */

.page .wp-block-post-title,
.page-id-13 .wp-block-post-title,
.page-id-14 .wp-block-post-title,
.page-id-15 .wp-block-post-title,
.page-id-16 .wp-block-post-title,
.page-id-17 .wp-block-post-title,
.page-id-18 .wp-block-post-title,
.page-id-19 .wp-block-post-title,
.page-id-20 .wp-block-post-title,
.page-id-21 .wp-block-post-title {
    display: none !important;
}

/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {
    .reveal-on-scroll,
    .wp-block-button__link,
    .wp-block-column,
    .wp-block-cover__inner-container h1,
    .wp-block-cover__inner-container p,
    .wp-block-cover__inner-container .wp-block-buttons,
    .has-navy-background-color {
        animation: none !important;
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}