/* ===========================================================================
   PANEL DE ESTUDIO DE MERCADO — funcionarios públicos y clientes finales
   (13-10-2026). Va aparte de cotizador.css, que es de otra sesión. La CSP del
   panel no permite estilos en línea: todo lo que pinta entidades.js y el HTML
   que manda el servidor (estudios.html_estudio) usa estas clases.
   ========================================================================= */

/* El selector de tipo de cuenta en «Crear una cuenta» */
.tipo-cuenta { display: grid; gap: 8px; margin: 6px 0 14px; }
.tipo-cuenta label {
  display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px;
  border: 1px solid var(--linea, #d7dde5); border-radius: var(--radio, 8px); cursor: pointer; font-weight: normal;
}
.tipo-cuenta label:has(input:checked) { border-color: var(--acento, #0A578B); background: var(--fondo, #f4f6f9); }
.tipo-cuenta input { margin-top: 3px; flex: none; }
.tipo-cuenta small { display: block; color: var(--gris2, #5b6675); }

/* La franja de estado de la cuenta (prueba, vencimiento) */
.est-estado { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; }
.est-estado.vencida { border-color: #c0392b; }
.est-dias { font-size: 24px; font-weight: 700; }

/* Renglones del estudio */
.est-renglon { display: grid; grid-template-columns: 1fr; gap: 6px; padding: 10px 0; border-bottom: 1px solid var(--linea, #e3e8ee); }
.est-renglon textarea { width: 100%; min-height: 54px; font: inherit; }
.est-renglon-pie { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.est-renglon-pie input { width: 96px; }
.est-renglon-pie .insignia { margin-left: auto; }
.est-acciones { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.est-acciones .boton { flex: 1 1 auto; }

/* Resultados de la búsqueda dentro del estudio */
.est-resultado { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--linea, #e3e8ee); }
.est-resultado input { width: 64px; }

/* Cuadro comparativo */
.est-mejor td { font-weight: 700; }

/* La hoja del estudio y de la cotización (misma caja que la hoja del cotizador) */
.est-hoja { background: #fff; border: 1px solid var(--linea, #d7dde5); border-radius: var(--radio, 8px); padding: 20px; margin-bottom: 16px; }
.est-hoja h2 { margin: 0 0 4px; }
.est-hoja h3 { margin: 18px 0 6px; font-size: 16px; }
.est-sub { font-size: 18px; margin: 0 0 8px; }
.est-aviso { border: 1px solid #c0392b; border-radius: 6px; padding: 8px 10px; color: #7b1e12; }
.est-enlace { word-break: break-all; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13px; }

@media (max-width: 600px) {
  .est-hoja { padding: 12px; }
  .est-hoja .tabla { font-size: 13px; }
  .est-acciones .boton { flex-basis: 100%; }
}
@media print {
  .est-hoja { border: 0; padding: 0; margin: 0; }
}