/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Tema hijo para Astra.
Author: Tu Nombre
Author URI: https://tu-sitio-web.com/
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

/* Importación de fuentes locales con font-display para asegurar que el texto sea visible mientras se carga la fuente.
   Asegúrate de que la carpeta "fonts" se encuentre en la raíz del tema hijo, junto a este archivo.
   Si continúas obteniendo error 404, verifica el nombre exacto (minúsculas/mayúsculas) y los permisos del archivo. */
@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Regular.woff2') format('woff2'),
         url('fonts/Lato-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Raleway';
    src: url('fonts/Raleway-Regular.woff2') format('woff2'),
         url('fonts/Raleway-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Estilos base */
body {
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
}

h1, h2, h3 {
    font-family: 'Raleway', sans-serif;
}

/* Estilo para el logo personalizado */
.custom-logo {
    width: 255px;
    height: auto; /* Mantiene la proporción */
}

/* Estilo para el chat: posición fija sin transiciones ni animaciones */
#ht-ctc-chat {
    position: fixed;
    bottom: 250px;
    right: 20px;
    width: 50px;   /* Ajusta el tamaño real requerido */
    height: 50px;  /* Evita cambios de tamaño al cargar */
    transition: none;
    animation: none;
}

/* Contenedor para videos: mantiene una relación 16/9 y reserva espacio con fondo negro */
.video-container {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background-color: #000;
}

/* Optimización para transformaciones: indica al navegador qué propiedades pueden cambiar */
.elemento {
    will-change: transform, opacity;
}