/* BlackRoom Hotel Calculator — Wizard y Resultado.
   Estrategia defensiva: doble clase .br-calc-root + !important + html body para ganarle a Elementor y al tema. */

/* ============================================================
   RESET AGRESIVO dentro del wrapper
   ============================================================ */
html body .br-calc-root.br-calc-root,
html body .br-calc-root.br-calc-root *,
html body .br-calc-root.br-calc-root *::before,
html body .br-calc-root.br-calc-root *::after {
    box-sizing: border-box !important;
    border-radius: 0 !important;
}

/* Ocultamiento robusto con clase dedicada (no confiamos en el atributo [hidden] porque el tema lo anula). */
html body .br-calc-root.br-calc-root .br-is-hidden,
html body .br-calc-root.br-calc-root .br-is-hidden.br-is-hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
}

html body .br-calc-root.br-calc-root {
    font-family: inherit;
    color: #0A0A0A !important;
    max-width: var(--br-max-w, 720px) !important;
    margin: 0 auto !important;
    padding: 2rem 1.25rem !important;
    background: transparent !important;
    text-align: center !important;
    line-height: 1.5 !important;
    display: block !important;
}

/* Modo descalificación: el root se expande para dar protagonismo a la foto del equipo.
   Se activa con la clase .br-disq-active que agrega el JS al mostrar la pantalla de descalificación,
   y también con :has() como respaldo nativo del navegador. Solo afecta ese estado — cover,
   wizard y pantalla de resultado siguen en 720px. */
html body .br-calc-root.br-calc-root.br-disq-active,
html body .br-calc-root.br-calc-root:has(.br-calc-result.br-disq:not(.br-is-hidden)) {
    max-width: 1100px !important;
}

/* En mobile, cuando está en modo descalificación, achicar el padding lateral
   para que la foto y el texto respiren más, sin llegar al borde del widget. */
@media (max-width: 640px) {
    html body .br-calc-root.br-calc-root.br-disq-active,
    html body .br-calc-root.br-calc-root:has(.br-calc-result.br-disq:not(.br-is-hidden)) {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
}

/* Forzar font-family neutra, heredando del tema pero cayendo a sans. */
html body .br-calc-root.br-calc-root,
html body .br-calc-root.br-calc-root h1,
html body .br-calc-root.br-calc-root h2,
html body .br-calc-root.br-calc-root h3,
html body .br-calc-root.br-calc-root h4,
html body .br-calc-root.br-calc-root h5,
html body .br-calc-root.br-calc-root p,
html body .br-calc-root.br-calc-root span,
html body .br-calc-root.br-calc-root small,
html body .br-calc-root.br-calc-root label,
html body .br-calc-root.br-calc-root input,
html body .br-calc-root.br-calc-root select,
html body .br-calc-root.br-calc-root textarea,
html body .br-calc-root.br-calc-root button {
    font-family: inherit !important;
}

/* Ocultar inputs radio nativos de forma blindada. */
html body .br-calc-root.br-calc-root input[type="radio"],
html body .br-calc-root.br-calc-root input[type="checkbox"].br-hide {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    display: inline !important;
}

/* Heading del widget (opcional) */
html body .br-calc-root.br-calc-root .br-calc-heading {
    font-size: 22px !important;
    font-weight: 500 !important;
    margin: 0 0 24px !important;
    color: #0A0A0A !important;
    text-align: center !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* ============================================================
   PANTALLA INICIAL / COVER
   ============================================================ */
html body .br-calc-root.br-calc-root .br-calc-cover {
    padding: 32px 0 24px !important;
    text-align: center !important;
}
html body .br-calc-root.br-calc-root .br-calc-cover-eyebrow {
    font-size: 11px !important;
    color: #8A8A8A !important;
    margin: 0 auto 24px !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    font-weight: 500 !important;
    padding: 0 !important;
}
html body .br-calc-root.br-calc-root .br-calc-cover-title {
    font-size: 48px !important;
    font-weight: 500 !important;
    margin: 0 auto 22px !important;
    line-height: 1.05 !important;
    letter-spacing: -1.6px !important;
    color: #0A0A0A !important;
    max-width: 600px !important;
    padding: 0 !important;
    text-transform: none !important;
}
html body .br-calc-root.br-calc-root .br-calc-cover-body {
    font-size: 16px !important;
    color: #4A4A4A !important;
    margin: 0 auto 44px !important;
    line-height: 1.6 !important;
    max-width: 620px !important;
    font-weight: 400 !important;
    padding: 0 !important;
}
html body .br-calc-root.br-calc-root .br-calc-cover-meta {
    border-top: 1px solid #E5E5E5 !important;
    border-bottom: 1px solid #E5E5E5 !important;
    padding: 22px 0 !important;
    margin: 0 auto 44px !important;
    max-width: 560px !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
}
html body .br-calc-root.br-calc-root .br-calc-cover-meta-item {
    text-align: center !important;
}
html body .br-calc-root.br-calc-root .br-calc-cover-meta-num {
    font-size: 22px !important;
    font-weight: 500 !important;
    margin: 0 0 6px !important;
    color: #0A0A0A !important;
    letter-spacing: -0.5px !important;
    padding: 0 !important;
}
html body .br-calc-root.br-calc-root .br-calc-cover-meta-label {
    font-size: 11px !important;
    color: #8A8A8A !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-weight: 500 !important;
    padding: 0 !important;
}
html body .br-calc-root.br-calc-root .br-calc-cover-btn {
    padding: 18px 46px !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
}
html body .br-calc-root.br-calc-root .br-calc-cover-note {
    font-size: 11px !important;
    color: #8A8A8A !important;
    margin: 32px auto 0 !important;
    max-width: 500px !important;
    line-height: 1.65 !important;
    letter-spacing: 0.2px !important;
    padding: 0 !important;
}

/* ============================================================
   PROGRESS BAR
   ============================================================ */
html body .br-calc-root.br-calc-root .br-calc-progress {
    height: 2px !important;
    background: #EDEDED !important;
    margin: 0 0 44px !important;
    width: 100% !important;
}
html body .br-calc-root.br-calc-root .br-calc-progress-bar {
    height: 100% !important;
    background: #0A0A0A !important;
    width: 0% !important;
    transition: width .3s ease !important;
}

/* ============================================================
   FORM / STEPS
   ============================================================ */
html body .br-calc-root.br-calc-root .br-calc-form {
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}
html body .br-calc-root.br-calc-root .br-calc-step {
    animation: brFadeIn .25s ease !important;
    text-align: center !important;
}
@keyframes brFadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: none; }
}

/* Eyebrow + pregunta */
html body .br-calc-root.br-calc-root .br-calc-eyebrow {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 2.5px !important;
    color: #8A8A8A !important;
    margin: 0 0 16px !important;
    font-weight: 500 !important;
    display: block !important;
    padding: 0 !important;
}
html body .br-calc-root.br-calc-root .br-calc-q {
    font-size: 32px !important;
    font-weight: 500 !important;
    margin: 0 auto 40px !important;
    line-height: 1.15 !important;
    letter-spacing: -0.8px !important;
    color: #0A0A0A !important;
    max-width: 520px !important;
    text-align: center !important;
    text-transform: none !important;
    padding: 0 !important;
}

/* Campos genéricos */
html body .br-calc-root.br-calc-root .br-calc-field {
    display: block !important;
    margin: 0 auto 22px !important;
    max-width: 460px !important;
    text-align: left !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
html body .br-calc-root.br-calc-root .br-calc-field > span {
    display: block !important;
    font-size: 11px !important;
    color: #6A6A6A !important;
    margin: 0 0 10px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    padding: 0 !important;
}
html body .br-calc-root.br-calc-root .br-calc-field input[type="text"],
html body .br-calc-root.br-calc-root .br-calc-field input[type="number"],
html body .br-calc-root.br-calc-root .br-calc-field input[type="email"],
html body .br-calc-root.br-calc-root .br-calc-field input[type="tel"],
html body .br-calc-root.br-calc-root .br-calc-field select,
html body .br-calc-root.br-calc-root .br-calc-field textarea {
    width: 100% !important;
    padding: 14px 16px !important;
    font-size: 16px !important;
    border: 1px solid #D8D8D8 !important;
    background: #FFFFFF !important;
    color: #0A0A0A !important;
    line-height: 1.4 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    outline: 0 !important;
}
html body .br-calc-root.br-calc-root .br-calc-field select {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path fill='%230A0A0A' d='M0 0h12L6 8z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    padding-right: 44px !important;
    cursor: pointer !important;
}
html body .br-calc-root.br-calc-root .br-calc-field input:focus,
html body .br-calc-root.br-calc-root .br-calc-field select:focus,
html body .br-calc-root.br-calc-root .br-calc-field textarea:focus {
    outline: 0 !important;
    border-color: #0A0A0A !important;
    box-shadow: 0 0 0 1px #0A0A0A !important;
}
html body .br-calc-root.br-calc-root .br-calc-hint {
    display: block !important;
    font-size: 12px !important;
    color: #8A8A8A !important;
    margin: 8px 0 0 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 400 !important;
    padding: 0 !important;
}

/* ============================================================
   RADIO CARDS (paso 1)
   ============================================================ */
html body .br-calc-root.br-calc-root .br-calc-radio-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}
html body .br-calc-root.br-calc-root .br-calc-radio-grid > label {
    cursor: pointer !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    background: transparent !important;
    border: 0 !important;
}
html body .br-calc-root.br-calc-root .br-calc-radio-grid > label > span {
    display: block !important;
    padding: 36px 24px !important;
    border: 1px solid #D8D8D8 !important;
    text-align: center !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #0A0A0A !important;
    background: #FFFFFF !important;
    transition: border-color .15s ease !important;
    line-height: 1.3 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}
html body .br-calc-root.br-calc-root .br-calc-radio-grid > label > span > small {
    display: block !important;
    font-size: 11px !important;
    color: #8A8A8A !important;
    margin: 10px 0 0 !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 0 !important;
}
html body .br-calc-root.br-calc-root .br-calc-radio-grid > label:hover > span {
    border-color: #6A6A6A !important;
}
html body .br-calc-root.br-calc-root .br-calc-radio-grid > label > input[type="radio"]:checked + span {
    border-color: #0A0A0A !important;
    border-width: 2px !important;
    padding: 35px 23px !important;
    background: #FAFAFA !important;
}

/* ============================================================
   RADIO INLINE (Sí/No)
   ============================================================ */
html body .br-calc-root.br-calc-root .br-calc-radio-inline {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
}
html body .br-calc-root.br-calc-root .br-calc-radio-inline > label {
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    background: transparent !important;
    border: 0 !important;
}
html body .br-calc-root.br-calc-root .br-calc-radio-inline > label > span {
    display: inline-block !important;
    padding: 12px 24px !important;
    border: 1px solid #D8D8D8 !important;
    font-size: 14px !important;
    background: #FFFFFF !important;
    color: #0A0A0A !important;
    font-weight: 500 !important;
    transition: all .15s ease !important;
    letter-spacing: 0.5px !important;
    text-transform: none !important;
    line-height: 1.3 !important;
}
html body .br-calc-root.br-calc-root .br-calc-radio-inline > label:hover > span {
    border-color: #6A6A6A !important;
}
html body .br-calc-root.br-calc-root .br-calc-radio-inline > label > input[type="radio"]:checked + span {
    background: #0A0A0A !important;
    color: #FFFFFF !important;
    border-color: #0A0A0A !important;
}

/* ============================================================
   NAVEGACIÓN (botones)
   ============================================================ */
html body .br-calc-root.br-calc-root .br-calc-nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 48px 0 0 !important;
    padding: 0 !important;
    flex-wrap: wrap !important;
    background: transparent !important;
    border: 0 !important;
}
html body .br-calc-root.br-calc-root .br-calc-btn {
    display: inline-block !important;
    padding: 16px 34px !important;
    border: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    font-family: inherit !important;
    transition: opacity .15s !important;
    box-shadow: none !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    min-height: 0 !important;
    text-decoration: none !important;
    height: auto !important;
    max-height: none !important;
    white-space: nowrap !important;
}
html body .br-calc-root.br-calc-root .br-calc-btn-primary {
    background: #0A0A0A !important;
    color: #FFFFFF !important;
}
html body .br-calc-root.br-calc-root .br-calc-btn-primary:hover {
    opacity: 0.88 !important;
    background: #0A0A0A !important;
    color: #FFFFFF !important;
}
html body .br-calc-root.br-calc-root .br-calc-btn-ghost {
    background: transparent !important;
    color: #0A0A0A !important;
    border: 1px solid #0A0A0A !important;
    padding: 15px 33px !important;
}
html body .br-calc-root.br-calc-root .br-calc-btn-ghost:hover {
    background: #F5F5F5 !important;
    color: #0A0A0A !important;
}
html body .br-calc-root.br-calc-root .br-calc-btn:disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}

/* ============================================================
   LOADING
   ============================================================ */
html body .br-calc-root.br-calc-root .br-calc-legal {
    font-size: 11px !important;
    color: #8A8A8A !important;
    line-height: 1.6 !important;
    max-width: 520px !important;
    margin: 18px auto 0 !important;
    text-align: center !important;
    padding: 0 !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

html body .br-calc-root.br-calc-root .br-calc-loading {
    text-align: center !important;
    padding: 80px 0 !important;
    color: #6A6A6A !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}

/* ============================================================
   PANTALLA DE RESULTADO
   ============================================================ */
html body .br-calc-root.br-calc-root .br-result {
    padding: 1rem 0 !important;
    color: #0A0A0A !important;
    text-align: left !important;
}
html body .br-calc-root.br-calc-root .br-result .br-header { margin: 0 0 2rem !important; text-align: left !important; }
html body .br-calc-root.br-calc-root .br-result .br-eyebrow {
    font-size: 11px !important; color: #6A6A6A !important; margin: 0 0 10px !important;
    text-transform: uppercase !important; letter-spacing: 2.5px !important; font-weight: 500 !important;
}
html body .br-calc-root.br-calc-root .br-result .br-h1 {
    font-size: 40px !important; font-weight: 500 !important; margin: 0 0 10px !important;
    line-height: 1.05 !important; letter-spacing: -1.2px !important; color: #0A0A0A !important;
    text-transform: none !important;
}
html body .br-calc-root.br-calc-root .br-result .br-meta {
    font-size: 14px !important; color: #6A6A6A !important; margin: 0 !important; line-height: 1.55 !important;
}

html body .br-calc-root.br-calc-root .br-result .br-score-box {
    border: 1px solid #D8D8D8 !important; padding: 36px 24px !important; margin: 0 0 2rem !important;
    background: #FFFFFF !important;
}
html body .br-calc-root.br-calc-root .br-result .br-score-title {
    font-size: 11px !important; color: #6A6A6A !important; margin: 0 0 28px !important;
    text-transform: uppercase !important; letter-spacing: 2.5px !important; font-weight: 500 !important; text-align: center !important;
}
html body .br-calc-root.br-calc-root .br-result .br-score-row {
    display: grid !important; gap: 28px !important; align-items: start !important;
}
html body .br-calc-root.br-calc-root .br-result .br-score-row-two { grid-template-columns: 1fr 1fr !important; }
html body .br-calc-root.br-calc-root .br-result .br-score-row-three { grid-template-columns: 1fr 1fr 1fr !important; }
html body .br-calc-root.br-calc-root .br-result .br-score-dona { text-align: center !important; }
html body .br-calc-root.br-calc-root .br-result .br-score-dona svg { width: 180px !important; height: 180px !important; max-width: 100% !important; }
html body .br-calc-root.br-calc-root .br-result .br-score-label {
    font-size: 11px !important; color: #6A6A6A !important; margin: 10px 0 2px !important;
    text-transform: uppercase !important; letter-spacing: 2px !important; font-weight: 500 !important;
}
html body .br-calc-root.br-calc-root .br-result .br-score-label.br-strong { color: #0A0A0A !important; font-weight: 700 !important; }
html body .br-calc-root.br-calc-root .br-result .br-score-sub { font-size: 12px !important; color: #8A8A8A !important; margin: 0 !important; }
html body .br-calc-root.br-calc-root .br-result .br-delta { text-align: center !important; }
html body .br-calc-root.br-calc-root .br-result .br-delta-big {
    font-size: 44px !important; font-weight: 500 !important; color: #0A0A0A !important;
    margin: 0 !important; line-height: 1 !important; letter-spacing: -1.2px !important;
}

html body .br-calc-root.br-calc-root .br-result .br-diag { margin: 0 0 1.5rem !important; }
html body .br-calc-root.br-calc-root .br-result .br-diag-item {
    display: flex !important; gap: 14px !important; padding: 16px 20px !important;
    margin: 0 0 8px !important;
}
html body .br-calc-root.br-calc-root .br-result .br-diag-item.br-good { background: #F0FDF4 !important; }
html body .br-calc-root.br-calc-root .br-result .br-diag-item.br-bad  { background: #FEF2F2 !important; }
html body .br-calc-root.br-calc-root .br-result .br-diag-item .br-num {
    font-size: 12px !important; font-weight: 700 !important; min-width: 22px !important;
}
html body .br-calc-root.br-calc-root .br-result .br-diag-item.br-good .br-num { color: #166534 !important; }
html body .br-calc-root.br-calc-root .br-result .br-diag-item.br-bad  .br-num { color: #B91C1C !important; }
html body .br-calc-root.br-calc-root .br-result .br-diag-item p {
    font-size: 14px !important; margin: 0 !important; line-height: 1.55 !important; color: #0A0A0A !important;
}

html body .br-calc-root.br-calc-root .br-result .br-financial {
    padding: 16px 20px !important; background: #F5F5F5 !important; margin: 2rem 0 10px !important;
}
html body .br-calc-root.br-calc-root .br-result .br-financial-title {
    font-size: 11px !important; color: #6A6A6A !important; margin: 0 0 4px !important;
    text-transform: uppercase !important; letter-spacing: 2px !important; font-weight: 500 !important;
}
html body .br-calc-root.br-calc-root .br-result .br-financial-body {
    font-size: 13px !important; margin: 0 !important; font-weight: 500 !important; color: #0A0A0A !important;
}
html body .br-calc-root.br-calc-root .br-result .br-financial-note {
    font-size: 11px !important; color: #8A8A8A !important; margin: 0 0 2rem !important;
    line-height: 1.6 !important; padding-left: 16px !important;
}

html body .br-calc-root.br-calc-root .br-result .br-services-title {
    font-size: 11px !important; color: #6A6A6A !important; margin: 0 0 16px !important;
    text-transform: uppercase !important; letter-spacing: 2.5px !important; font-weight: 500 !important;
}
html body .br-calc-root.br-calc-root .br-result .br-services-list { margin: 0 0 2rem !important; }
html body .br-calc-root.br-calc-root .br-result .br-services-item {
    padding: 18px 0 !important; border-top: 1px solid #E5E5E5 !important;
}
html body .br-calc-root.br-calc-root .br-result .br-services-item:last-child { border-bottom: 1px solid #E5E5E5 !important; }
html body .br-calc-root.br-calc-root .br-result .br-services-item h5 {
    font-size: 16px !important; margin: 0 0 4px !important; font-weight: 500 !important; color: #0A0A0A !important;
}
html body .br-calc-root.br-calc-root .br-result .br-services-item p {
    font-size: 13px !important; color: #6A6A6A !important; margin: 0 !important; line-height: 1.5 !important;
}
html body .br-calc-root.br-calc-root .br-result .br-result-inputs { width: 100% !important; border-collapse: collapse !important; margin: 0 !important; }
html body .br-calc-root.br-calc-root .br-result .br-result-inputs td { padding: 12px 0 !important; font-size: 13px !important; border-top: 1px solid #E5E5E5 !important; vertical-align: top !important; }
html body .br-calc-root.br-calc-root .br-result .br-result-inputs tr:last-child td { border-bottom: 1px solid #E5E5E5 !important; }
html body .br-calc-root.br-calc-root .br-result .br-result-inputs tr td:first-child { color: #6A6A6A !important; font-weight: 500 !important; width: 40% !important; }
html body .br-calc-root.br-calc-root .br-result .br-result-inputs tr td:last-child { color: #0A0A0A !important; font-weight: 500 !important; }

html body .br-calc-root.br-calc-root .br-result .br-cta {
    display: flex !important; flex-wrap: wrap !important; gap: 18px !important;
    align-items: center !important; justify-content: space-between !important;
    padding: 26px 28px !important; background: #0A0A0A !important; color: #FFFFFF !important;
    margin: 0 0 1.25rem !important;
}
html body .br-calc-root.br-calc-root .br-result .br-cta-title {
    font-size: 18px !important; font-weight: 500 !important; margin: 0 0 6px !important;
    letter-spacing: -0.3px !important; color: #FFFFFF !important;
}
html body .br-calc-root.br-calc-root .br-result .br-cta-body {
    font-size: 13px !important; color: #C8C8C8 !important; margin: 0 !important; line-height: 1.5 !important;
}
html body .br-calc-root.br-calc-root .br-result .br-cta-btn {
    background: #FFFFFF !important; color: #0A0A0A !important; border: 0 !important;
    padding: 14px 24px !important; font-size: 12px !important; font-weight: 700 !important;
    letter-spacing: 1.5px !important; text-transform: uppercase !important; cursor: pointer !important;
    font-family: inherit !important; text-decoration: none !important; display: inline-block !important;
}
html body .br-calc-root.br-calc-root .br-result .br-cta-btn:hover { opacity: 0.9 !important; }

html body .br-calc-root.br-calc-root .br-result .br-disclaimer {
    font-size: 11px !important; color: #8A8A8A !important; margin: 0 !important; line-height: 1.65 !important;
}

/* Descalificado — pantalla con carta firmada e imagen del equipo abajo (como <img> real) */
html body .br-calc-root.br-calc-root .br-calc-result.br-disq { padding: 0 !important; text-align: center !important; }
html body .br-calc-root.br-calc-root .br-calc-result.br-disq .br-disq-wrap {
    background-color: #FFFFFF !important;
    padding: 60px 24px 0 !important;
    text-align: center !important;
    color: #0A0A0A !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
html body .br-calc-root.br-calc-root .br-calc-result.br-disq .br-disq-photo {
    display: block !important;
    width: 100% !important;
    max-width: 1600px !important;
    height: auto !important;
    margin: 0 auto !important;
}
html body .br-calc-root.br-calc-root .br-calc-result.br-disq .br-disq-text {
    max-width: 620px !important;
    margin: 0 auto !important;
}
html body .br-calc-root.br-calc-root .br-calc-result.br-disq h2 {
    font-size: 40px !important;
    font-weight: 500 !important;
    letter-spacing: -1.2px !important;
    margin: 0 0 26px !important;
    color: #0A0A0A !important;
    line-height: 1.1 !important;
}
html body .br-calc-root.br-calc-root .br-calc-result.br-disq p {
    font-size: 15px !important;
    line-height: 1.7 !important;
    margin: 0 0 18px !important;
    color: #1A1A1A !important;
    font-weight: 400 !important;
    max-width: 620px !important;
    text-align: center !important;
}
html body .br-calc-root.br-calc-root .br-calc-result.br-disq p strong {
    font-weight: 700 !important;
    color: #0A0A0A !important;
}
html body .br-calc-root.br-calc-root .br-calc-result.br-disq .br-disq-signature {
    margin-top: 34px !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    color: #4A4A4A !important;
}
html body .br-calc-root.br-calc-root .br-calc-result.br-disq .br-disq-signature strong {
    display: inline-block !important;
    margin: 6px 0 2px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    color: #0A0A0A !important;
}
html body .br-calc-root.br-calc-root .br-calc-result.br-disq .br-disq-signature span {
    font-size: 13px !important;
    color: #6A6A6A !important;
    display: inline-block !important;
}
@media (max-width: 640px) {
    html body .br-calc-root.br-calc-root .br-calc-result.br-disq .br-disq-wrap {
        padding: 40px 16px 0 !important;
    }
    html body .br-calc-root.br-calc-root .br-calc-result.br-disq h2 { font-size: 30px !important; }
    html body .br-calc-root.br-calc-root .br-calc-result.br-disq p { font-size: 14px !important; }
}

/* Responsive */
@media (max-width: 520px) {
    html body .br-calc-root.br-calc-root .br-calc-cover-title { font-size: 34px !important; }
    html body .br-calc-root.br-calc-root .br-calc-q { font-size: 24px !important; }
    html body .br-calc-root.br-calc-root .br-calc-radio-grid { grid-template-columns: 1fr !important; }
    html body .br-calc-root.br-calc-root .br-result .br-h1 { font-size: 28px !important; }
    html body .br-calc-root.br-calc-root .br-result .br-score-row { grid-template-columns: 1fr !important; gap: 32px !important; }
    html body .br-calc-root.br-calc-root .br-result .br-delta-big { font-size: 32px !important; }
    html body .br-calc-root.br-calc-root .br-result .br-cta { flex-direction: column !important; align-items: flex-start !important; }
}