/**
 * Frontend CSS v1.5.0 — Colores corporativos Ayudas Mayores
 * Primario: magenta oscuro (#7a1157)
 * Secundario: rojo (#d62b2e)
 */
:root {
    --asc-primary: #7a1157;
    --asc-primary-dark: #5c0d42;
    --asc-primary-light: #fdf2f8;
    --asc-secondary: #d62b2e;
    --asc-secondary-dark: #b51f22;
    --asc-secondary-light: #fef2f2;
    --asc-accent: #d62b2e;
    --asc-accent-light: #fef2f2;
    --asc-success: #16a34a;
    --asc-warning: #d97706;
    --asc-danger: #c62828;
    --asc-gray-50: #f9fafb;
    --asc-gray-100: #f3f4f6;
    --asc-gray-200: #e5e7eb;
    --asc-gray-300: #d1d5db;
    --asc-gray-500: #6b7280;
    --asc-gray-700: #374151;
    --asc-gray-900: #111827;
    --asc-radius: 10px;
    --asc-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* CONTENEDOR */
.asc-calculadora-wrapper { max-width:720px; margin:2rem auto; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; font-size:15px; color:var(--asc-gray-900); background:#fff; border-radius:var(--asc-radius); box-shadow:var(--asc-shadow); overflow:hidden; }

/* HEADER — degradado granate a magenta */
.asc-header { background:linear-gradient(135deg, var(--asc-primary) 0%, var(--asc-accent) 100%); color:#fff; padding:2rem 2rem 1.5rem; text-align:center; }
.asc-titulo { font-size:1.5rem; font-weight:700; margin:0 0 .5rem; color:#fff; }
.asc-subtitulo { font-size:.95rem; opacity:.9; margin:0; line-height:1.5; }

/* SELECTOR VEHÍCULO */
.asc-selector-vehiculo-wrapper { padding:1.25rem 1.5rem; background:var(--asc-gray-50); border-bottom:1px solid var(--asc-gray-200); }
.asc-selector-titulo { font-size:.9rem; font-weight:600; color:var(--asc-gray-700); margin:0 0 .75rem; text-align:center; }
.asc-selector-vehiculo { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; max-width:480px; margin:0 auto; }

/* BOTONES VEHÍCULO — ambos con mismo estilo */
.asc-tab-vehiculo { display:flex; flex-direction:column; align-items:center; gap:.25rem; padding:1rem .75rem; border:2px solid var(--asc-gray-300); border-radius:var(--asc-radius); background:#fff; cursor:pointer; transition:all .25s ease; text-align:center; color:var(--asc-gray-700); }
.asc-tab-vehiculo:hover { border-color:var(--asc-primary); background:var(--asc-primary-light); color:var(--asc-primary); }
.asc-tab-vehiculo.active { border-color:var(--asc-primary); background:var(--asc-primary); color:#fff; box-shadow:0 2px 8px rgba(122,17,87,.3); }
.asc-tab-vehiculo.active .asc-tab-desc { color:rgba(255,255,255,.8); }
.asc-tab-vehiculo.active svg { color:#fff; }
.asc-tab-vehiculo.active:hover { background:var(--asc-primary-dark); border-color:var(--asc-primary-dark); }
.asc-tab-icon { font-size:1.6rem; line-height:1; display:flex; align-items:center; }
.asc-tab-icon svg { color:inherit; }
.asc-tab-label { font-size:.9rem; font-weight:700; }
.asc-tab-desc { font-size:.78rem; color:var(--asc-gray-500); font-weight:400; }
@media(max-width:480px) { .asc-selector-vehiculo{gap:.5rem;} .asc-tab-vehiculo{padding:.75rem .5rem;} .asc-tab-label{font-size:.82rem;} }

/* BUSCADOR */
.asc-buscador-wrapper { padding:1rem 1.5rem; border-bottom:1px solid var(--asc-gray-200); background:#fff; position:relative; }
.asc-buscador-campo { position:relative; }
.asc-buscador-campo label { display:flex; align-items:center; gap:.35rem; font-size:.85rem; font-weight:600; color:var(--asc-gray-700); margin-bottom:.35rem; }
.asc-buscador-campo label small { font-weight:400; color:var(--asc-gray-500); }
.asc-buscar-input { width:100%; padding:.65rem .75rem; border:2px solid var(--asc-gray-200); border-radius:8px; font-size:.95rem; box-sizing:border-box; transition:border-color .2s; }
.asc-buscar-input:focus { outline:none; border-color:var(--asc-primary); box-shadow:0 0 0 3px rgba(122,17,87,.1); }
.asc-resultados-busqueda { position:absolute; top:100%; left:0; right:0; z-index:50; background:#fff; border:1px solid var(--asc-gray-200); border-radius:0 0 8px 8px; box-shadow:0 8px 20px rgba(0,0,0,.12); max-height:320px; overflow-y:auto; }
.asc-producto-item { display:flex; align-items:center; gap:.75rem; padding:.65rem .75rem; cursor:pointer; transition:background .15s; border-bottom:1px solid var(--asc-gray-100); }
.asc-producto-item:hover { background:var(--asc-primary-light); }
.asc-producto-item:last-child { border-bottom:none; }
.asc-prod-thumb { width:44px; height:44px; border-radius:6px; object-fit:cover; flex-shrink:0; background:var(--asc-gray-100); }
.asc-prod-no-img { display:flex; align-items:center; justify-content:center; font-size:1.2rem; }
.asc-prod-info { flex:1; min-width:0; }
.asc-prod-info strong { display:block; font-size:.88rem; color:var(--asc-gray-900); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.asc-prod-info small { display:block; font-size:.78rem; color:var(--asc-gray-500); margin-top:.1rem; }
.asc-buscando,.asc-sin-resultados { padding:1rem; text-align:center; color:var(--asc-gray-500); font-size:.9rem; }

/* PRODUCTO SELECCIONADO — verde corporativo */
.asc-producto-seleccionado { display:flex; align-items:center; justify-content:space-between; margin-top:.75rem; padding:.6rem .75rem; background:#f0fdf4; border:1px solid #a3d9a5; border-radius:8px; }
.asc-prod-sel-info { display:flex; align-items:center; gap:.6rem; min-width:0; }
.asc-prod-sel-img { width:36px; height:36px; border-radius:6px; object-fit:cover; }
.asc-prod-sel-info strong { font-size:.88rem; display:block; }
.asc-prod-sel-info small { font-size:.78rem; color:var(--asc-gray-500); }
.asc-prod-sel-quitar { background:none; border:none; font-size:1.1rem; color:var(--asc-gray-500); cursor:pointer; padding:.25rem; border-radius:50%; transition:all .15s; }
.asc-prod-sel-quitar:hover { background:rgba(0,0,0,.08); color:var(--asc-danger); }

/* FORMULARIO */
.asc-formulario { padding:1.5rem; }
.asc-fieldset { border:1px solid var(--asc-gray-200); border-radius:var(--asc-radius); padding:1.25rem; margin-bottom:1.25rem; background:#fff; }
.asc-fieldset legend { font-weight:700; font-size:1rem; color:var(--asc-gray-700); padding:0 .5rem; }
.asc-legend-icon { margin-right:.35rem; }
.asc-grid { display:grid; gap:1rem; }
.asc-grid-2 { grid-template-columns:1fr 1fr; }
.asc-grid-3 { grid-template-columns:1fr 1fr 1fr; }
.asc-campo-full { grid-column:1/-1; }
@media(max-width:600px) { .asc-grid-2,.asc-grid-3{grid-template-columns:1fr;} .asc-formulario{padding:1rem;} .asc-fieldset{padding:1rem;} }
.asc-campo { display:flex; flex-direction:column; }
.asc-campo label { font-size:.85rem; font-weight:600; color:var(--asc-gray-700); margin-bottom:.35rem; }
.asc-req { color:var(--asc-danger); }
.asc-campo input,.asc-campo select { padding:.6rem .75rem; border:1px solid var(--asc-gray-300); border-radius:6px; font-size:.95rem; background:#fff; transition:border-color .2s; width:100%; box-sizing:border-box; }
.asc-campo input:focus,.asc-campo select:focus { outline:none; border-color:var(--asc-primary); box-shadow:0 0 0 3px rgba(122,17,87,.1); }

/* CAMPOS OBLIGATORIOS — fondo cálido suave */
.asc-obligatorio { background-color:#fef9f0!important; border-color:#e8c88a!important; }
.asc-obligatorio:focus { border-color:var(--asc-primary)!important; background-color:#fff!important; }
.asc-obligatorio:not(:placeholder-shown),.asc-obligatorio.asc-auto-filled { background-color:#fff!important; border-color:var(--asc-gray-300)!important; }
.asc-obligatorio:not(:placeholder-shown):focus,.asc-obligatorio.asc-auto-filled:focus { border-color:var(--asc-primary)!important; }

.asc-campo select:disabled { background:var(--asc-gray-100)!important; color:var(--asc-gray-500); cursor:not-allowed; }
.asc-campo input.asc-auto-filled { background:#f0fdf4!important; border-color:#7bc67e!important; }
.asc-campo-error input,.asc-campo-error select { border-color:var(--asc-danger)!important; box-shadow:0 0 0 3px rgba(198,40,40,.1)!important; }
.asc-ayuda { font-size:.8rem; color:var(--asc-gray-500); margin-top:.25rem; line-height:1.3; }

/* ENERGÍA */
.asc-energia-display { margin-top:1rem; padding:.6rem 1rem; background:var(--asc-primary-light); border:1px solid #d4a0c0; border-radius:6px; text-align:center; font-size:.95rem; }
.asc-energia-valor { font-weight:700; font-size:1.2rem; color:var(--asc-primary-dark); margin:0 .25rem; }
.asc-energia-detalle { display:block; font-size:.82rem; color:var(--asc-gray-500); margin-top:.15rem; }

/* BOTÓN CALCULAR — rojo corporativo */
.asc-boton-wrapper { text-align:center; margin-top:1.25rem; }
.asc-btn-calcular { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:.85rem 2.5rem; background:var(--asc-secondary); color:#fff; border:none; border-radius:8px; font-size:1.05rem; font-weight:700; cursor:pointer; transition:background .2s,transform .1s; min-width:220px; }
.asc-btn-calcular:hover { background:var(--asc-secondary-dark); }
.asc-btn-calcular:active { transform:scale(.98); }
.asc-btn-calcular:disabled { opacity:.7; cursor:not-allowed; }
.asc-spinner { display:inline-block; width:18px; height:18px; border:2px solid rgba(255,255,255,.3); border-top-color:#fff; border-radius:50%; animation:asc-spin .6s linear infinite; }
@keyframes asc-spin { to{transform:rotate(360deg);} }
.asc-errores { background:#fef2f2; border:1px solid #fecaca; border-radius:6px; padding:.75rem 1rem; margin-top:1rem; color:var(--asc-danger); font-size:.9rem; }
.asc-errores p { margin:.25rem 0; }

/* RESULTADOS */
.asc-resultados { padding:0 1.5rem 1.5rem; }

/* RESULTADO PRINCIPAL — degradado granate a magenta */
.asc-resultado-principal { background:linear-gradient(135deg, var(--asc-primary), var(--asc-accent)); color:#fff; border-radius:var(--asc-radius); padding:2rem; text-align:center; margin-bottom:1.5rem; }
.asc-resultado-tipo { display:inline-block; background:rgba(255,255,255,.18); padding:.3rem 1rem; border-radius:20px; font-size:.85rem; margin-bottom:.75rem; }
.asc-resultado-grande { display:flex; align-items:baseline; justify-content:center; gap:.25rem; }
.asc-resultado-numero { font-size:3.5rem; font-weight:800; line-height:1; }
.asc-resultado-unidad { font-size:1.5rem; font-weight:600; opacity:.85; }
.asc-resultado-etiqueta { margin:.5rem 0 0; font-size:.95rem; opacity:.85; }

/* ESCENARIOS */
.asc-escenarios { display:grid; grid-template-columns:1fr 1fr 1fr; gap:.75rem; margin-bottom:1.5rem; }
.asc-escenario { text-align:center; padding:1rem .5rem; border-radius:8px; border:1px solid var(--asc-gray-200); }
.asc-esc-opt { background:#f0fdf4; border-color:#a3d9a5; }
.asc-esc-real { background:var(--asc-primary-light); border-color:#d4a0c0; }
.asc-esc-pes { background:#fffbeb; border-color:#fde68a; }
.asc-esc-valor { display:block; font-size:1.3rem; font-weight:700; color:var(--asc-gray-900); }
.asc-esc-label { display:block; font-size:.82rem; font-weight:600; color:var(--asc-gray-700); margin-top:.15rem; }
.asc-escenario small { font-size:.75rem; color:var(--asc-gray-500); }
@media(max-width:480px) { .asc-escenarios{grid-template-columns:1fr;gap:.5rem;} .asc-escenario{display:flex;align-items:center;gap:.75rem;justify-content:center;padding:.75rem;} }

/* RECOMENDACIÓN */
.asc-recomendacion { display:flex; gap:.75rem; padding:1rem; background:#fffbeb; border:1px solid #fde68a; border-radius:8px; margin-bottom:1.5rem; align-items:flex-start; }
.asc-recomendacion-icono { font-size:1.5rem; flex-shrink:0; }
.asc-recomendacion-texto { font-size:.9rem; line-height:1.5; }
.asc-recomendacion-texto strong { display:block; margin-bottom:.25rem; }
.asc-recomendacion-texto p { margin:0; }

/* TABLA RESUMEN */
.asc-detalles { margin-bottom:1.25rem; }
.asc-detalles-titulo { font-size:.95rem; font-weight:700; color:var(--asc-gray-700); margin:0 0 .75rem; padding-bottom:.5rem; border-bottom:2px solid var(--asc-secondary-light); }
.asc-tabla { width:100%; border-collapse:collapse; font-size:.9rem; }
.asc-tabla td { padding:.5rem .75rem; text-align:left; border-bottom:1px solid var(--asc-gray-100); }
.asc-tabla tr:last-child td { border-bottom:none; }
.asc-tabla td:first-child { color:var(--asc-gray-500); width:40%; }
.asc-tabla td:last-child { font-weight:500; }
.asc-tabla small { font-weight:400; color:var(--asc-gray-500); }

/* CONSEJOS */
.asc-consejos { margin-bottom:1.25rem; }
.asc-consejos h4 { font-size:.95rem; font-weight:700; color:var(--asc-gray-700); margin:0 0 .5rem; }
.asc-consejos ul { margin:0; padding-left:1.5rem; }
.asc-consejos li { font-size:.9rem; color:var(--asc-gray-700); margin-bottom:.35rem; line-height:1.5; }
.asc-consejos li::marker { color:var(--asc-secondary); }

/* BOTÓN NUEVO CÁLCULO — primario outline */
.asc-btn-wrapper { text-align:center; margin-top:1.25rem; }
.asc-btn-nuevo { padding:.6rem 1.5rem; background:transparent; color:var(--asc-primary); border:2px solid var(--asc-primary); border-radius:8px; font-size:.9rem; font-weight:600; cursor:pointer; transition:all .2s; }
.asc-btn-nuevo:hover { background:var(--asc-primary); color:#fff; }

/* AVISO LEGAL */
.asc-aviso-legal { padding:.75rem 1.5rem; background:var(--asc-gray-50); border-top:1px solid var(--asc-gray-200); font-size:.8rem; color:var(--asc-gray-500); }
.asc-aviso-legal p { margin:0; }

/* PRODUCTO PAGE */
.asc-header-producto { display:flex; align-items:center; gap:1rem; text-align:left; }
.asc-producto-imagen { flex-shrink:0; width:80px; height:80px; border-radius:8px; overflow:hidden; background:rgba(255,255,255,.15); }
.asc-producto-imagen img { width:100%; height:100%; object-fit:cover; }
.asc-nombre-producto { font-size:.9rem; opacity:.8; margin:.25rem 0 0; }

@media print { .asc-calculadora-wrapper{box-shadow:none;border:1px solid #ccc;} .asc-formulario,.asc-selector-vehiculo-wrapper,.asc-buscador-wrapper,.asc-btn-wrapper,.asc-btn-nuevo{display:none;} .asc-resultados{display:block!important;padding:1rem;} }