/*
Theme Name: Viajes Mágicos
Theme URI: https://viajesmagicos.cl
Author: Viajes Mágicos
Author URI: https://viajesmagicos.cl
Description: Tema FSE personalizado para Viajes Mágicos.
Version: 1.0.5
Requires at least: 6.6
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: viajes-magicos
Tags: one-column, custom-colors, custom-menu, editor-style, full-site-editing
*/

/* 1. Estilos Base y Reinicio */
button,
input,
select,
textarea {
    font-family: ui-sans-serif, system-ui, sans-serif;
    font-size: 0.875rem;
    /* text-sm */
    color: #1a1a1a;
    /* aproximado a gray-900 */
    background-color: #fff;
    /* bg-white */
    border: 1px solid #d1d5db;
    /* border-gray-300 */
    border-radius: 0.5rem;
    /* rounded-lg */
    padding: 0.5rem 0.75rem;
    /* py-2 px-3 aproximado */
    width: 100%;
    box-sizing: border-box;
    transition: all 0.2s;
}

/* 2. Estilo específico para el Placeholder */
::placeholder {
    color: #9ca3af;
    /* gray-400 */
    opacity: 1;
}

/* 3. Comportamiento del Textarea */
textarea {
    min-height: 120px;
    resize: vertical;
}

/* 4. Estado de Enfoque (Focus) */
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: #6366f1;
    /* Un color de acento */
    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);
    /* focus:ring-2 */
}

/* 5. Estilo del Botón (Púrpura en la imagen) */
button.btn-submit {
    background-color: #4338ca;
    /* Indigo/Púrpura oscuro */
    color: white;
    font-weight: 500;
    border: none;
    padding: 0.75rem 1rem;
    border-radius: 9999px;
    /* rounded-full */
    cursor: pointer;
    margin-top: 1rem;
}

button.btn-submit:hover {
    background-color: #3730a3;
    transform: scale(1.02);
}

/* 6. Estilo para los Labels */
label {
    display: block;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #374151;
    /* gray-700 */
}