/*
Theme Name: Acuariofilia Editorial
Theme URI: https://acuariofilia.es
Author: Acuariofilia.es
Description: Tema a medida basado en el sistema de diseño "Aquatic Editorial" (Manrope/Inter, teal #0E7C86) diseñado en Google Stitch. Ver wordpress/stitch-design-brief.md y el export de Stitch en el proyecto para el origen del diseño.
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: acuariofilia-editorial
*/

/* Iconos Material Symbols: forzar el grosor/relleno consistente usado en todas las pantallas de Stitch */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

body {
    background-color: #f7fafb;
}

/* Sombra editorial suave usada en tarjetas y bloques elevados (DESIGN.md: Elevation & Depth) */
.editorial-shadow {
    box-shadow: 0px 4px 20px rgba(22, 35, 42, 0.05);
}

/* Header: sombra al hacer scroll */
.header-scrolled {
    box-shadow: 0px 4px 20px rgba(22, 35, 42, 0.05);
}

/* Buscador expandible del header de escritorio */
.search-expand {
    width: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-expand.active {
    width: 240px;
    opacity: 1;
    margin-right: 12px;
}

/* Drawer de navegación móvil */
#mobile-drawer {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
#drawer-overlay {
    transition: opacity 0.3s ease;
}
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Footer: micro-interacción de enlaces */
.footer-link-hover:hover {
    color: #0E7C86;
    padding-left: 4px;
}
.footer-link-hover {
    transition: all 0.2s ease;
}
.social-btn:active {
    transform: scale(0.95);
}

/* Gradiente de acento usado en CTAs destacados */
.accent-gradient {
    background: linear-gradient(135deg, #0e7c86 0%, #00626a 100%);
}

/* Bloque de anuncio: placeholder visual mientras no hay red de anuncios conectada */
.ad-slot {
    border: 1px dashed #bdc9ca;
    border-radius: 0.5rem;
}

/* Fondo suave usado en la caja de veredicto de comparativas */
.bg-teal-soft {
    background-color: #F0F7F8;
}

/* Tabla comparativa: scrollbar fina en móvil */
.table-container::-webkit-scrollbar {
    height: 6px;
}
.table-container::-webkit-scrollbar-thumb {
    background: #bdc9ca;
    border-radius: 10px;
}

/* Línea vertical conectando pasos numerados (fichas de enfermedad/guía) */
.step-line {
    position: relative;
}
.step-line::before {
    content: '';
    position: absolute;
    left: 1.25rem;
    top: 2rem;
    bottom: 0;
    width: 2px;
    background-color: #E2E8F0;
}
.step-line:last-child::before {
    display: none;
}

/* Acordeón nativo <details>: oculta el marcador por defecto del navegador */
details > summary {
    list-style: none;
}
details > summary::-webkit-details-marker {
    display: none;
}