/* =============================================================================
   --- Estilos CSS para el Conversor de Temperatura ---
   --- Este archivo es encolado por el archivo principal del plugin ---
   ============================================================================= */

/* Estilos para ocultar las flechas de incremento/decremento en inputs tipo number */
/* Esto mejora la apariencia y evita que las flechas interfieran con el diseño */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none; /* Oculta las flechas en navegadores Webkit (Chrome, Safari, Edge) */
    margin: 0; /* Elimina el margen por defecto */
}

input[type=number] {
    -moz-appearance: textfield; /* Oculta las flechas en Firefox */
}

/*
   Los siguientes estilos para el 'body' no son estrictamente necesarios en un plugin de WordPress,
   ya que el tema de WordPress maneja el estilo del body principal. Los incluimos aquí
   principalmente para la vista previa web independiente, pero en el contexto de WordPress
   pueden ser anulados por el tema. Si necesitas centrar el shortcode, usa clases de
   Tailwind como 'mx-auto' en el contenedor principal del HTML del shortcode.
*/
/*
body {
    display: block !important;
    min-height: auto !important;
    background-color: transparent !important;
    font-family: inherit !important;
}
*/