/* ==========================================================================
   NEXECO · Trabaje con nosotros — estilos propios de la página de talento
   --------------------------------------------------------------------------
   Aquí vive solo lo que no existe en nexeco.css: las filas dinámicas del
   formulario, el panel de vista previa y el diseño de la hoja de vida.

   El bloque @media print del final es el que hace honesto el botón
   "Descargar mi hoja de vida (PDF)": al imprimir se oculta TODA la página
   menos la hoja de vida, así window.print() produce un CV limpio.
   ========================================================================== */

/* ---------- Rejilla del camino "crear" ------------------------------------ */
/* El formulario es mucho más alto que la vista previa: alineados al centro
   (el valor por defecto de la rejilla partida) la hoja de vida flotaría a
   mitad de la página. */
.nx-crear { align-items: start; }

/* ---------- Grupos del formulario ----------------------------------------- */
.nx-titulo-grupo { font-size: 1.05rem; letter-spacing: -0.01em; margin-bottom: var(--nx-e-3); }
.nx-grupo-cv { margin-top: var(--nx-e-5); }

/* Filas dinámicas (experiencia, educación, idiomas, enlaces) */
.nx-fila-lista {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--nx-e-3) var(--nx-e-4);
  background: var(--nx-gris-50);
  border: var(--nx-borde);
  border-radius: var(--nx-r-m);
  padding: var(--nx-e-4);
  margin-bottom: var(--nx-e-3);
}
.nx-fila-lista .nx-campo { min-width: 0; }
.nx-campo--entero { grid-column: 1 / -1; }

.nx-fila-lista__cabecera {
  grid-column: 1 / -1;
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--nx-e-3);
}
.nx-fila-lista__rotulo {
  font-size: var(--nx-t-micro); font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase;
  color: var(--nx-texto-3);
}
.nx-quitar-fila {
  background: none; border: 0; cursor: pointer;
  font-family: inherit; font-size: var(--nx-t-peq); font-weight: 650;
  color: var(--nx-azul);
  /* 44px de alto: es el boton que el candidato pulsa desde el telefono para
     quitar una experiencia, y estaba pegado a los campos de texto de la
     misma fila. A 25px se falla el toque y se borra lo que no era. */
  display: inline-flex; align-items: center; min-height: 44px;
  padding: 0 12px; margin-right: -8px; border-radius: var(--nx-r-s);
  transition: background-color var(--nx-transicion), color var(--nx-transicion);
}
.nx-quitar-fila:hover { background: var(--nx-azul-suave); color: var(--nx-azul-600); }

/* En pantallas angostas las dos columnas de la fila no caben. */
@media (max-width: 560px) {
  .nx-fila-lista { grid-template-columns: 1fr; }
  .nx-campo--entero { grid-column: auto; }
}

/* ---------- Panel de vista previa ----------------------------------------- */
/* Pegado bajo el encabezado fijo en escritorio: mientras el candidato baja
   llenando el formulario, la hoja de vida lo acompaña. */
@media (min-width: 1025px) {
  .nx-hv-panel {
    position: sticky; top: 98px;
    max-height: calc(100vh - 122px);
    overflow-y: auto;
  }
}
.nx-hv-panel__titulo {
  font-size: var(--nx-t-micro); font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  color: var(--nx-texto-3);
  margin-bottom: var(--nx-e-3);
}
.nx-hv-panel__vacio {
  border: 1.5px dashed var(--nx-gris-300);
  border-radius: var(--nx-r-g);
  padding: var(--nx-e-7) var(--nx-e-5);
  text-align: center;
  color: var(--nx-texto-3);
  font-size: var(--nx-t-peq);
}

/* ---------- La hoja de vida ------------------------------------------------ */
/* Sus estilos viven en assets/css/hoja-de-vida.css, compartidos con el CRM. */

/* ---------- Impresión: SOLO la hoja de vida -------------------------------- */
/* nexeco.css ya oculta la barra superior y el encabezado del sitio; aquí se
   oculta el resto de esta página para que del navegador salga un CV limpio,
   sin formulario ni pie. Por eso "Descargar en PDF" = window.print() y no
   hace falta ninguna librería de PDF. */
@media print {
  @page { margin: 16mm; }

  .nx-cabecera-pagina,
  .nx-pie,
  #caminos,
  #subir,
  #preguntas,
  #crear .nx-encabezado,
  #crear .nx-aviso,
  .nx-crear__formulario,
  .nx-hv-panel__titulo,
  .nx-hv-panel__vacio { display: none !important; }

  #crear { padding: 0 !important; background: #fff !important; }
  #crear .nx-contenedor { max-width: none; padding: 0; }
  .nx-crear { display: block !important; }

  .nx-hv-panel {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .nx-hv {
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    font-size: 11pt;
  }

  /* Evita que una entrada de experiencia quede partida entre dos páginas. */
  .nx-hv__entrada { page-break-inside: avoid; break-inside: avoid; }

  /* nexeco.css añade "(url)" tras los enlaces al imprimir; en la hoja de
     vida la URL ya es el texto visible y saldría duplicada. */
  .nx-hv a[href]::after { content: none !important; }
}