/* agendar-cita.html · adapta el cotizador residencial (mu-plugins/cotizador_form.php) al tema oscuro.
   Sólo CSS: la lógica, el marcado y el envío a n8n no cambian. Los !important compiten con los estilos
   propios del cotizador (#supernova-cotizador-styles), que vienen con colores fijos. */
.agendar .sn-cotizador{max-width:none!important;padding:0!important;font-family:var(--body)!important;color:var(--paper)}
.agendar .sn-hero{text-align:left!important;margin-bottom:28px!important}
.agendar .sn-hero h1,.agendar .sn-hero .sn-hero__t,.agendar .sn-hero .subtitle{display:none!important}   /* el título lo pone la página */
.agendar .sn-benefits{justify-content:flex-start!important;gap:18px!important}
.agendar .sn-benefit{color:var(--paper-2)!important;font:500 12px/1.5 var(--mono)!important;letter-spacing:.1em;text-transform:uppercase}
.agendar .sn-benefit svg{color:var(--acento)!important;stroke:var(--acento)!important}

/* Pasos */
.agendar .sn-step-num{background:var(--ink-3)!important;color:var(--mute)!important;border:1px solid var(--line-2)!important;font-family:var(--mono)!important}
.agendar .sn-step-num.active{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--paper)!important}
.agendar .sn-step-num.completed{background:var(--acento)!important;color:var(--ink)!important;border-color:var(--acento)!important}
.agendar .sn-step-line{background:var(--line-2)!important}
.agendar .sn-step-line.completed{background:var(--acento)!important}
.agendar .sn-step-title{color:var(--paper)!important;font:600 clamp(20px,1.8vw,26px)/1.25 var(--body)!important}
.agendar .sn-paso-aviso{color:var(--mute)!important}

/* Contenedor y tarjetas */
.agendar .sn-form-container{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.agendar .sn-service-card,.agendar .sn-appointment-type{background:var(--ink-2)!important;border:1px solid var(--line)!important;border-radius:0!important;color:var(--paper-2)!important;box-shadow:none!important}
.agendar .sn-service-card:hover,.agendar .sn-appointment-type:hover{border-color:var(--fx-tenue)!important;transform:none!important}
.agendar .sn-service-card.selected,.agendar .sn-appointment-type.selected{border-color:var(--acento)!important;background:var(--ink-3)!important}
.agendar .sn-service-card .name,.agendar .sn-appointment-type .type-name{color:var(--paper)!important}
.agendar .sn-service-card .icon{color:var(--acento)!important;filter:none!important}
.agendar .sn-appointment-type .type-desc{color:var(--mute)!important}
.agendar .sn-appointment-type .radio-circle{border-color:var(--line-2)!important;background:transparent!important}
.agendar .sn-appointment-type.selected .radio-circle{border-color:var(--acento)!important}
.agendar .sn-appointment-type.selected .radio-circle::after{background:var(--acento)!important}

/* Campos */
.agendar .sn-form-group label{color:var(--paper)!important;font:600 14px/1.3 var(--body)!important}
.agendar .sn-form-group label.required::after{color:var(--acento)!important}
.agendar .sn-form-group input,.agendar .sn-form-group textarea,.agendar .sn-form-group select{background:var(--ink-3)!important;border:1px solid var(--line-2)!important;border-radius:0!important;color:var(--paper)!important;font-size:16px!important}
.agendar .sn-form-group input:focus,.agendar .sn-form-group textarea:focus{border-color:var(--acento)!important;box-shadow:none!important;outline:2px solid var(--acento);outline-offset:2px}
.agendar .sn-form-group input::placeholder,.agendar .sn-form-group textarea::placeholder{color:var(--mute)!important}
.agendar .sn-portal-incluido{background:var(--ink-2)!important;border:1px solid var(--line)!important;border-radius:0!important;color:var(--paper-2)!important}
.agendar .sn-portal-incluido a{color:var(--paper)!important;border-bottom:1px solid var(--acento)}

/* Botones */
.agendar .sn-btn{border-radius:0!important;font:600 13px/1 var(--body)!important;letter-spacing:.08em;text-transform:uppercase;min-height:50px;box-shadow:none!important}
.agendar .sn-btn-next{background:var(--paper)!important;color:var(--ink)!important;border:1px solid var(--paper)!important}
.agendar .sn-btn-next:hover{background:var(--acento)!important;border-color:var(--acento)!important;transform:none!important}
.agendar .sn-btn-next:disabled{background:var(--ink-3)!important;color:var(--mute)!important;border-color:var(--line)!important}
.agendar .sn-btn-back{background:transparent!important;color:var(--paper-2)!important;border:1px solid var(--line-2)!important}
.agendar .sn-btn-back:hover{color:var(--paper)!important;border-color:var(--paper)!important}
.agendar .sn-btn-whatsapp{background:transparent!important;color:var(--paper)!important;border:1px solid var(--line-2)!important}
.agendar .sn-btn-whatsapp:hover{border-color:var(--wa)!important}
.agendar .sn-btn-whatsapp svg{color:var(--wa)!important}

/* Confirmación y contacto */
.agendar .sn-success{background:var(--ink-2)!important;border:1px solid var(--ok)!important;border-radius:0!important}
.agendar .sn-success h2{color:var(--paper)!important;font-family:var(--body)!important}
.agendar .sn-success p{color:var(--paper-2)!important}
.agendar .sn-success .icon{color:var(--ok)!important;background:transparent!important}
.agendar .sn-contact-info{background:transparent!important;border-top:1px solid var(--line)!important;border-radius:0!important}
.agendar .sn-contact-info h3{color:var(--paper)!important}
.agendar .sn-contact-link{color:var(--paper-2)!important;border-color:var(--line-2)!important;border-radius:0!important}
.agendar .sn-contact-link:hover{color:var(--paper)!important;border-color:var(--paper)!important}

.agendar__proto{margin-top:0}