/*
Theme Name: Método CAVA
Theme URI: https://metodocava.com
Author: Método CAVA®
Author URI: https://metodocava.com
Description: Landing page oficial del Método CAVA® — Coaching Sistémico para Díadas de Negocios. Tema premium con paleta navy + gold, tipografía serif/display, y formulario de contacto integrado con wp_mail.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: metodocava
Tags: landing-page, business, coaching, one-page, custom-colors, custom-menu
*/

/* Los estilos principales están en assets/css/main.css — cargados vía wp_enqueue_style en functions.php. */

/* Estilos específicos del tema (ajustes WP) */
body.admin-bar header.fixed {
    top: 32px;
}
@media (max-width: 782px) {
    body.admin-bar header.fixed {
        top: 46px;
    }
}

/* Ocultar elementos WP por defecto que podrían interferir */
.wp-site-blocks {
    margin: 0;
    padding: 0;
}

/* Mensaje de éxito/error del formulario */
.contact-form-message {
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    display: none;
}
.contact-form-message.success {
    display: block;
    background-color: rgba(34, 197, 94, 0.1);
    color: rgb(22, 101, 52);
    border: 1px solid rgba(34, 197, 94, 0.2);
}
.contact-form-message.error {
    display: block;
    background-color: rgba(239, 68, 68, 0.1);
    color: rgb(153, 27, 27);
    border: 1px solid rgba(239, 68, 68, 0.2);
}

/* Mobile menu panel */
#mobile-menu-panel {
    position: fixed;
    inset: 0;
    z-index: 60;
    background-color: hsl(var(--navy-900));
    padding: 1.5rem;
    display: none;
    flex-direction: column;
    overflow-y: auto;
}
#mobile-menu-panel.open {
    display: flex;
}
#mobile-menu-panel nav {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-top: 4rem;
}
#mobile-menu-panel nav a {
    display: block;
    padding: 1rem 1.25rem;
    color: white;
    font-size: 1.125rem;
    font-weight: 500;
    border-radius: 0.75rem;
    transition: background-color 150ms ease;
    text-decoration: none;
}
#mobile-menu-panel nav a:hover {
    background-color: rgba(255, 255, 255, 0.08);
}
#mobile-menu-panel .close-btn {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 9999px;
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Detalles FAQ */
details summary {
    cursor: pointer;
    list-style: none;
}
details summary::-webkit-details-marker {
    display: none;
}
details[open] summary .chevron {
    transform: rotate(180deg);
}
details summary .chevron {
    transition: transform 200ms ease;
}