/*
Theme Name: Tiwalao Kadence Child
Theme URI: https://tiwalao.com/
Description: Tema hijo de Kadence para el Proyecto Tiwalao.
Author: Washington C.
Author URI: https://tiwalao.com/
Template: kadence
Version: 1.0.0
Text Domain: tiwalao-kadence-child
*/

/* ==================================================
   CSS GLOBAL DEL PROYECTO TIWALAO
   ================================================== */

/* Variables globales */
:root {
    --tiwalao-color-principal: #315f57;
    --tiwalao-color-secundario: #eef7f4;
    --tiwalao-color-texto: #202124;
    --tiwalao-color-blanco: #ffffff;
    --tiwalao-radio: 12px;
    --tiwalao-ancho-contenido: 1180px;
}

/* Ajustes globales básicos */
html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    color: var(--tiwalao-color-texto);
}

/* Contenedor reutilizable */
.tiwalao-contenedor {
    width: min(100% - 32px, var(--tiwalao-ancho-contenido));
    margin-inline: auto;
}

/* Botón general */
.tiwalao-boton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 18px;
    border-radius: var(--tiwalao-radio);
    background: var(--tiwalao-color-principal);
    color: var(--tiwalao-color-blanco);
    text-decoration: none;
    font-weight: 600;
}

.tiwalao-boton:hover,
.tiwalao-boton:focus-visible {
    opacity: 0.9;
    color: var(--tiwalao-color-blanco);
}