.elementor-9910 .elementor-element.elementor-element-a2c4227{text-align:center;}.elementor-9910 .elementor-element.elementor-element-a2c4227 .elementor-heading-title{font-size:30px;}.elementor-9910 .elementor-element.elementor-element-afd8bbe{width:var( --container-widget-width, 108.172% );max-width:108.172%;--container-widget-width:108.172%;--container-widget-flex-grow:0;}.elementor-9910 .elementor-element.elementor-element-8313d12:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-9910 .elementor-element.elementor-element-8313d12 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-9910 .elementor-element.elementor-element-8313d12 > .elementor-element-populated{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:30px 30px 30px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;padding:30px 30px 30px 30px;}.elementor-9910 .elementor-element.elementor-element-8313d12 > .elementor-element-populated, .elementor-9910 .elementor-element.elementor-element-8313d12 > .elementor-element-populated > .elementor-background-overlay, .elementor-9910 .elementor-element.elementor-element-8313d12 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-9910 .elementor-element.elementor-element-8313d12 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9910 .elementor-element.elementor-element-79e7251{text-align:center;}.elementor-9910 .elementor-element.elementor-element-79e7251 .elementor-heading-title{font-size:30px;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-9910 .elementor-element.elementor-element-5fa6158 .elementor-button:hover, .elementor-9910 .elementor-element.elementor-element-5fa6158 .elementor-button:focus{background-color:#D22630;}.elementor-9910 .elementor-element.elementor-element-5fa6158 > .elementor-widget-container{margin:-10px -10px -10px -10px;}.elementor-9910 .elementor-element.elementor-element-6de5445{text-align:center;}.elementor-9910 .elementor-element.elementor-element-6de5445 .elementor-heading-title{font-size:35px;}.elementor-9910 .elementor-element.elementor-element-6af8bdb{text-align:center;}.elementor-9910 .elementor-element.elementor-element-6af8bdb .elementor-heading-title{font-size:35px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9910 .elementor-element.elementor-element-eba2b06{width:51.443%;}.elementor-9910 .elementor-element.elementor-element-8313d12{width:48.456%;}}/* Start custom CSS for html, class: .elementor-element-afd8bbe *//* ------------------------------------------------------------------ */
/* COLORES CORPORATIVOS DEFINIDOS */
/* ------------------------------------------------------------------ */
:root {
    --color-primario: #7D2248;   /* Pantone 216 - Botón principal */
    --color-secundario: #D22630; /* Pantone 1795C - Hover y alerta negativa */
    --color-fondo-caja: #FFFFFF; /* Fondo de la calculadora: Blanco puro */
    --color-texto-principal: #27251F; /* Pantone Process Black C - Texto principal */
}

/* ------------------------------------------------------------------ */
/* ESTILOS DE LA CALCULADORA */
/* ------------------------------------------------------------------ */

/* Contenedor principal de la calculadora */
.container {
    font-family: inherit;
    background-color: var(--color-fondo-caja);
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 450px;
    margin: 20px auto; 
}

/* TÍTULO PRINCIPAL: FORZAMOS TAMAÑO A 18PX (Ajuste de especificidad) */
.container h1 {
    font-size: 18px; 
    color: var(--color-texto-principal); 
    text-align: center; 
    margin-bottom: 5px;
}

/* Estilos de etiquetas y texto */
label {
    display: block; 
    margin-bottom: 8px; 
    font-weight: bold; 
    color: var(--color-texto-principal); 
}

/* Estilos del botón (Color Primario) */
button {
    width: 100%;
    padding: 12px;
    background-color: var(--color-primario);
    color: white; 
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

button:hover {
    background-color: var(--color-secundario); 
}
    
/* Campos de entrada */
input[type="number"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

/* Estilos base para campos y grupos */
.input-group { margin-bottom: 20px; }


/* ------------------------------------------------------------------ */
/* ESTILOS CONDICIONALES DE RESULTADO (Ajuste de tamaño de fuente a 16px) */
/* ------------------------------------------------------------------ */

#resultado {
    font-size: 16px; /* Tamaño de fuente para el texto de resultado */
    margin-top: 25px;
    padding: 15px;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
}
.hidden { display: none !important; }

/* Resultado POSITIVO */
.positive {
    background-color: #d4edda; 
    color: #155724;            
}

/* Resultado NEGATIVO (Usando tu color secundario #D22630) */
.negative {
    background-color: #f8d7da; 
    border: 1px solid var(--color-secundario); 
    color: var(--color-secundario);            
}/* End custom CSS */