/* Extra styling for destination pages (montenegro.html, polonia.html, croacia.html) */

.price-banner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  flex-wrap:wrap;
  background:var(--panel-light);
  border:1px solid var(--line-light);
  border-radius:24px;
  padding:36px clamp(24px,5vw,52px);
  box-shadow:0 4px 24px rgba(10,23,48,.06);
}

.price-banner .sec-title{font-size:clamp(1.8rem,4vw,2.4rem)}

@media (max-width:640px){
  .price-banner{flex-direction:column;align-items:flex-start;text-align:left}
  .price-banner .btn{width:100%;justify-content:center}
}

/* Cuadro unico "Que te ofrece [destino]" (croacia.html: reemplaza las 2
   tarjetas de "Modalidades" por un solo panel oscuro con lista de items
   con icono). Reusa el mismo degradado oscuro que .job-card/.testi-card. */
.oferta-card{
  background:linear-gradient(160deg,var(--bg-elevated),var(--bg-elevated-2));
  border:1px solid rgba(90,162,226,.26);
  border-radius:24px;
  padding:clamp(28px,5vw,48px);
  box-shadow:0 18px 40px rgba(2,6,20,.45),0 0 30px rgba(90,162,226,.1),inset 0 1px 0 rgba(125,211,252,.08);
}
.oferta-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:30px 40px;
}
.oferta-item{display:flex;gap:16px;align-items:flex-start}
.oferta-icon{
  flex-shrink:0;
  width:52px;height:52px;
  border-radius:14px;
  background:rgba(90,162,226,.14);
  border:1px solid rgba(90,162,226,.3);
  color:#7dd3fc;
  display:grid;place-items:center;
  box-shadow:0 0 18px rgba(90,162,226,.16);
}
.oferta-item h3{color:#fff;font-size:1.02rem;font-weight:600;margin-bottom:6px}
.oferta-item p{color:#b9c6dc;font-size:.9rem;line-height:1.55;margin:0}

/* El cuadro vive dentro de una .section-light (fondo claro) -- se sobreescribe
   el color del eyebrow/titulo/subtitulo solo dentro del cuadro oscuro. */
.oferta-card .eyebrow{color:#7dd3fc}
.oferta-card .eyebrow::before{background:#7dd3fc}
.oferta-card .sec-title{color:#fff}
.oferta-card .sec-sub{color:#b9c6dc}

@media (max-width:760px){
  .oferta-grid{grid-template-columns:1fr;gap:24px}
}