/*
Theme Name: Materializa Abogados
Theme URI: https://example.com
Author: Materializa Abogados Team
Author URI: https://example.com
Description: A custom WordPress theme for Materializa Abogados based on the provided static design.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: materializa-abogados
*/

/* Reducción global del tamaño de texto (feedback cliente 2026-06-08: "los textos muy grandes").
   Tailwind usa unidades rem → bajar el font-size raíz reescala TODO proporcionalmente
   (texto + espaciados) en una sola línea, sin tocar las plantillas. 16px → 14px (-12,5%). */
html {
    font-size: 87.5%;
}

/* Custom styles from code.html */
body {
    font-family: 'Montserrat', sans-serif;
}
.hero-overlay {
    background: linear-gradient(to right, rgba(15, 23, 42, 0.9) 30%, rgba(15, 23, 42, 0.4) 100%);
}

/* md:aspect-square no existe en el Tailwind precompilado del tema; lo definimos aquí
   para reducir altura de las tarjetas de servicios. */
@media (min-width: 768px) {
    .md\:aspect-square {
        aspect-ratio: 1 / 1;
    }
}

/* Vídeo "¿Por qué Materializa?" en formato stories (9:16) pero contenido:
   ancho limitado para que se vea como un móvil, no como un cartel. */
.mz-story-video {
    aspect-ratio: 9 / 16;
    width: 100%;
    max-width: 260px;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1024px) {
    .mz-story-video {
        max-width: 360px;
        margin-left: auto;
        margin-right: 0;
    }
}