/* ============================================================
   KV 4 — "EXPEDICIÓN" · plantillas
   Lo que el KV no traía porque era una sola página: ficha de plan,
   ficha de lugar, archivos, bitácora, páginas y 404. Todo se arma con
   las piezas del KV (panel, línea fina, etiqueta mono, titular cond).
   ============================================================ */

/* ---------- cabecera de sección reutilizable ---------- */
.seccion--ajustada{padding-top:76px}
.seccion--panel{background:var(--panel);border-top:1px solid var(--linea);
  border-bottom:1px solid var(--linea)}

/* ---------- cuerpo de una ficha (plan o lugar) ---------- */
.ficha-cuerpo{display:grid;grid-template-columns:1.32fr .68fr;gap:56px;align-items:start}
.ficha-cuerpo>div>*+*{margin-top:26px}
.lateral{position:sticky;top:calc(32px + var(--admin-bar))}
.lateral>*+*{margin-top:16px}

/* caja de datos del KV: panel, línea fina, etiqueta mono */
.caja{border:1px solid var(--linea);background:var(--panel);padding:26px 24px}
.caja__et{color:var(--apagado);display:block;text-transform:uppercase;letter-spacing:.16em}
.caja .precio{font-family:var(--D);font-weight:800;
  font-size:40px;letter-spacing:-.025em;line-height:1;margin-top:10px}
.caja .precio small{display:block;font-family:var(--M);font-size:11px;font-weight:500;
  letter-spacing:.04em;color:var(--apagado);margin-top:8px}
.caja .nota-precio{font-family:var(--M);font-size:11px;color:var(--apagado-2);
  letter-spacing:.06em;margin-top:10px}
.caja .acciones{margin-top:22px;flex-direction:column}
.caja .acciones .btn{justify-content:center}
.caja .spec{margin-top:18px}

/* bloque de descripción / itinerario del contenido del editor */
.entrada--ficha{font-size:16.5px}

/* ---------- rejillas ---------- */
.exps--tres{grid-template-columns:repeat(3,1fr)}
.rejilla-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--linea)}

/* ---------- estado vacío ---------- */
.vacio{border:1px solid var(--linea);background:var(--panel);padding:44px 32px;text-align:left}
.vacio p{color:var(--apagado);margin-top:10px;max-width:52ch}
.vacio .btn{margin-top:22px}

/* ---------- ficha de lugar ---------- */
.lugar-sello{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--naranja);
  border-radius:10px;color:var(--naranja);padding:6px 12px}

/* tarjeta de lugar del directorio (mismo lenguaje que la de expedición) */
.lugar-tarjeta{background:var(--fondo);display:flex;flex-direction:column;
  transition:background .5s cubic-bezier(.32,.72,0,1)}
.lugar-tarjeta:hover{background:var(--panel)}
.lugar-tarjeta .foto{height:200px;background-size:cover;background-position:center;position:relative}
.lugar-tarjeta .foto::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(15,16,19,.20),rgba(15,16,19,.72))}
.lugar-tarjeta .cuerpo{padding:26px 26px 30px;display:flex;flex-direction:column;flex:1}
.lugar-tarjeta h3{font-family:var(--D);font-weight:800;
  font-size:22px;line-height:1.15;letter-spacing:-.01em}
.lugar-tarjeta .desc{color:var(--apagado);font-size:15px;margin-top:10px;flex:1}

/* ---------- directorio y mapa (shortcodes del plugin) ----------
   El plugin trae su propio CSS. Aquí solo se le da el aire del KV al bloque. */
.directorio{margin-top:0}
.directorio h3,.directorio h2{margin-bottom:18px}

/* ---------- entrada del blog ---------- */
.entrada-cabecera{max-width:70ch}
.entrada-cabecera .datos{display:flex;gap:18px;flex-wrap:wrap;color:var(--apagado);
  font-family:var(--M);font-size:11.5px;letter-spacing:.04em;margin-top:20px}
.entrada-cabecera h1{margin-top:18px}
.entrada-pie{margin-top:56px;padding-top:26px;border-top:1px solid var(--linea);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.entrada-pie .etiquetas{display:flex;gap:10px;flex-wrap:wrap}
.entrada-pie .etiquetas a{border:1px solid var(--linea);border-radius:10px;padding:6px 12px;
  color:var(--apagado);font-family:var(--M);font-size:11.5px;letter-spacing:.02em}
.entrada-pie .etiquetas a:hover{border-color:var(--naranja);color:var(--naranja)}

/* ---------- buscador y formularios ---------- */
.buscador{display:flex;gap:0;border:1px solid var(--linea);border-radius:12px;overflow:hidden;
  max-width:560px;margin-top:26px}
.buscador input[type=search]{flex:1;background:var(--fondo);border:0;color:var(--tinta);
  padding:15px 18px;font-family:var(--M);font-size:13px}
.buscador input[type=search]::placeholder{color:var(--apagado-2)}
.buscador button{background:var(--naranja);border:0;color:#fff;padding:15px 24px;cursor:pointer;
  font-family:var(--M);font-size:13px;font-weight:600;letter-spacing:.02em}
.buscador button:hover{background:#ff5122}
.entrada input[type=text],.entrada input[type=email],.entrada input[type=url],.entrada textarea{
  width:100%;background:var(--fondo);border:1px solid var(--linea);border-radius:12px;color:var(--tinta);
  padding:14px 16px;font-family:var(--D);font-size:16px}
.entrada input[type=submit]{background:var(--naranja);border:1px solid var(--naranja);border-radius:12px;
  color:#fff;padding:15px 26px;
  font-family:var(--M);font-size:13px;font-weight:600;letter-spacing:.02em;
  cursor:pointer}

/* ---------- 404 ---------- */
.error-num{font-family:var(--D);font-weight:800;
  font-size:clamp(72px,16vw,200px);line-height:.9;color:var(--naranja)}

/* ---------- migas de pan ---------- */
.migas{display:flex;gap:10px;flex-wrap:wrap;font-family:var(--M);font-size:11.5px;
  letter-spacing:.02em;color:var(--apagado)}
.migas a:hover{color:var(--naranja)}

/* ---------- utilidades ---------- */
.mt-40{margin-top:40px}

/* =====================================================================
   PÁGINA DE NOSOTROS
   Se arma con las piezas del KV: bloques numerados, titular condensado y
   rejillas de celdas separadas por la línea fina.
   ===================================================================== */
.nosotros-bloque{margin-top:0}
.parejas{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--linea);
  margin-top:44px}
.parejas .panel{background:var(--fondo);padding:34px 32px 38px}
.parejas h3{font-family:var(--M);font-size:12px;font-weight:600;letter-spacing:.04em;
  color:var(--naranja)}
.parejas p{color:rgba(242,243,245,.86);margin-top:16px;font-size:17px}

/* rejilla de dos: se usa en misión / visión y en el diferencial */
.rejilla-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--linea)}

/* los siete valores, en celdas del KV.
   Siete no llena una retícula de tres: si el contenedor llevara el color de la
   línea como fondo, las dos celdas vacías de la última fila saldrían como un
   bloque gris y parecería un fallo. Por eso el fondo va transparente y cada
   celda se enmarca con una línea fina: con cualquier número de valores no hay
   huecos. */
.valores{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:transparent;
  margin-top:44px}
.valor{background:var(--fondo);outline:1px solid var(--linea);padding:30px 30px 34px;
  display:flex;flex-direction:column;transition:background .5s cubic-bezier(.32,.72,0,1)}
.valor:hover{background:var(--panel)}
.valor__num{font-family:var(--M);font-size:11.5px;font-weight:600;letter-spacing:.16em;
  color:var(--naranja)}
.valor h3{font-family:var(--D);font-weight:800;
  font-size:21px;line-height:1.2;letter-spacing:-.01em;margin-top:14px}
.valor p{color:var(--apagado);font-size:15px;margin-top:12px}

/* listas largas (13 servicios, 7 públicos) en dos columnas monoespaciadas */
.lista-datos{margin-top:40px;border-top:1px solid var(--linea)}
.lista-datos ul.andes-lista{columns:2;column-gap:40px;margin-top:8px}
.lista-datos ul.andes-lista li{padding:11px 0 11px 18px;border-bottom:1px solid var(--linea-2)}

/* cita literal del cliente y propuesta de valor */
.cita{margin-top:38px;border-left:2px solid var(--naranja);padding:10px 0 10px 26px;
  font-size:clamp(19px,2.1vw,25px);line-height:1.35;color:var(--tinta)}
.propuesta{border:1px solid var(--linea);background:var(--panel);padding:34px 32px}
.propuesta .mono{color:var(--apagado);display:block}
.propuesta p{font-family:var(--D);font-weight:700;
  font-size:clamp(20px,2.4vw,30px);line-height:1.25;margin-top:16px}

/* contacto: solo datos que existen (ni direcciones ni teléfonos inventados) */
.contacto-lineas{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.contacto-lineas a{font-family:var(--M);font-size:11.5px;font-weight:600;letter-spacing:.02em;
  color:var(--tinta);border:1px solid var(--linea);border-radius:10px;padding:12px 16px;
  display:inline-flex;align-items:center;gap:8px}
.contacto-lineas a:hover{border-color:var(--naranja);color:var(--naranja)}

/* ---------- adaptaciones ---------- */
@media (max-width:1080px){
  .exps--tres{grid-template-columns:repeat(2,1fr)}
  .valores{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:960px){
  .ficha-cuerpo{grid-template-columns:1fr;gap:40px}
  .lateral{position:static}
  .exps--tres,.rejilla-2,.valores,.parejas{grid-template-columns:1fr}
  .lista-datos ul.andes-lista{columns:1}
  .ficha{background:var(--panel)}
  .caja .precio{font-size:34px}
}
@media (max-width:560px){
  .caja{padding:22px 18px}
  .vacio{padding:30px 20px}
  .hero--corto{min-height:44vh}
  .valor{padding:24px 20px 28px}
  .parejas .panel{padding:26px 20px 30px}
}

/* ------------------------------------------------------------ galería --- */
/* El shortcode [gallery] de WordPress pinta su marcado clásico
   (div.gallery > figure.gallery-item) pero NO encola su propia hoja de
   estilos, y el tema no tenía ninguna regla para .gallery. Resultado: las
   fotos del itinerario se apilaban en una columna a su tamaño natural de
   150 px, diminutas al lado del texto. */
.gallery{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:26px 0 0;
}
.gallery-item{
  margin:0!important;
  width:auto!important;
  float:none!important;
}
.gallery-icon{
  overflow:hidden;
  border:1px solid var(--linea);
  border-radius:6px;
}
.gallery-icon img{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}
.gallery-caption{
  margin-top:6px;
  font-family:var(--mono,monospace);
  font-size:11px;
  color:var(--apagado);
}
@media (max-width:560px){
  .gallery{grid-template-columns:repeat(2,1fr)}
}