@import "tailwindcss";

/* Escanea vistas y controladores de CodeIgniter para clases usadas */
@source "../../app/Views/**/*.php";
@source "../../app/Controllers/**/*.php";

/**
 * Design tokens — marca Soporte Holanda
 * primary: #DE2727 (usar bg-primary, text-primary, border-primary, etc.)
 */
@theme {
    --color-primary: #DE2727;
    --color-primary-hover: #c42121;
    --color-primary-light: #fef2f2;
    --color-primary-foreground: #ffffff;
    /* 7xl = 80rem (1280px); 8xl = 90rem (1440px) — un paso más ancho */
    --container-8xl: 90rem;
}

/**
 * Anti-zoom iOS Safari / Chrome mobile:
 * Si input/select/textarea tienen font-size < 16px, el navegador hace zoom al focus
 * y a menudo NO revierte del todo al blur → “ligero zoom” residual.
 */
@layer base {
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="file"]),
    select,
    textarea {
        font-size: 16px;
    }
}

/* Select2 (form público): mismo mínimo 16px en control y opciones */
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-results__option,
.select2-container--default .select2-search--dropdown .select2-search__field {
    font-size: 16px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    padding: 0.5rem;
}