/*
Theme Name: Viajar a Laponia - Rediseño Home
Template: colibri-wp
Author: Contuhijo
Version: 1.7
Description: Child theme de Colibri: nueva portada (front-page.php) + CSS que aplica el nuevo diseno a los modulos MARGA (md-destacados, md-buscador) y a las fichas de viaje.
*/
:root{--navy:#081726;--snow:#f6fafd;--cyan:#22c3e6;--cyan-d:#0ea5c4;--teal:#2dd4bf;--amber:#f7b733;--amber2:#fc4a1a;--muted:#5b7387;--line:#d9e6f0}
/* ocultar etiquetas de desarrollo "Módulo MARGA · ..." en producción */
.marga-tag{display:none!important}
/* FIX contraste: Colibri fuerza el color de los titulares a su navy y rompe los
   titulares blancos sobre fondos oscuros del diseño. Los reponemos en blanco.
   (Solo en la home; el acento cian de "Laponia" se conserva vía -webkit-text-fill.) */
body.home .hero h1,
body.home .search-wrap h3,
body.home .magic h2,
body.home .contact h2,
body.home .contact-info h2{color:#fff!important}
/* ===== MD-DESTACADOS: realza las tarjetas reales de MARGA (conserva su hover-reveal) =====
   Estructura real: .md-promociones > .h-row > .h-col-lg-4 > .box.mind-features-item
   > .item-image (img.span12) + .item-content.rotulo (panel navy que sube en hover) */
.md-promociones .h-row{margin-bottom:6px}
.md-promociones .box.mind-features-item{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 34px -18px rgba(8,40,66,.45);border:1px solid #eef4f9;transition:transform .3s ease, box-shadow .3s ease;margin:10px 0}
.md-promociones .box.mind-features-item:hover{transform:translateY(-6px);box-shadow:0 30px 56px -22px rgba(8,40,66,.6)}
.md-promociones .item-image{overflow:hidden}
.md-promociones .item-image img.span12{width:100%;height:235px;object-fit:cover;display:block;transition:transform .6s ease}
.md-promociones .box.mind-features-item:hover .item-image img.span12{transform:scale(1.07)}
.md-promociones .item-content.rotulo{background:linear-gradient(180deg,rgba(8,23,38,.15) 0%,rgba(8,23,38,.82) 42%,rgba(8,23,38,.97) 100%);color:#fff}
.md-promociones .item-content h3{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.1rem;line-height:1.25;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.md-promociones .txtBGrande,.md-promociones .txtBGrande p{color:rgba(255,255,255,.9);font-size:.9rem;line-height:1.45}
/* ===== Botones MARGA (pastilla con gradiente) ===== */
.md-btn,.md-btn-success,.md-promociones a.md-btn{background:linear-gradient(120deg,var(--cyan),var(--teal))!important;color:#03202b!important;border:none!important;border-radius:999px!important;font-weight:700!important;padding:.55rem 1.35rem!important;box-shadow:0 12px 26px -10px rgba(34,195,230,.65)!important;transition:transform .25s ease!important;text-shadow:none!important}
.md-btn:hover,.md-btn-success:hover{transform:translateY(-2px)!important}
/* ===== MD-BUSCADOR ===== */
input.md-search-field,input[placeholder^="Buscar"]{border-radius:12px!important;border:1px solid var(--line)!important;height:46px!important;padding:0 16px!important}
.dstSelect+.select2-container .select2-selection,.md-template .select2-selection{border-radius:12px!important;border:1px solid var(--line)!important;min-height:44px!important;display:flex!important;align-items:center}
/* ===== MD-CONTACTO ===== */
#contacto-form input,#contacto-form select,#contacto-form textarea{border-radius:10px!important;border:1px solid var(--line)!important;padding:8px 12px!important}
/* ===== FICHA DE VIAJE (programa servido por MARGA, .md-template) ===== */
.viaje-title{font-family:'Fraunces',Georgia,serif!important;font-weight:600;letter-spacing:-.5px;color:var(--navy);line-height:1.1}
/* RESERVA YA = accion principal (ambar); MAS INFO se queda en cian */
.md-template a.md-btn-success[href*="/reserva"]{background:linear-gradient(120deg,var(--amber),var(--amber2))!important;color:#2a0f00!important;box-shadow:0 14px 30px -12px rgba(252,74,26,.6)!important}
.md-template table{border-collapse:separate;border-spacing:0;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px -18px rgba(8,40,66,.4);width:100%}
.md-template table th{background:var(--navy);color:#fff;font-family:'Fraunces',serif;padding:12px 14px}
.md-template table td{padding:10px 14px;border-bottom:1px solid #eef4f9}
.md-template table tr:nth-child(even) td{background:var(--snow)}
li.md-bag{list-style:none;background:#f2f9fc;border:1px solid #dbeef6;border-radius:12px;padding:10px 14px;margin:6px 0;display:flex;align-items:center;gap:8px}
.md-template h2,.md-template h3{font-family:'Fraunces',Georgia,serif}
/* ===== MÓVIL: pulido responsive de los módulos MARGA ===== */
@media(max-width:768px){
  .md-promociones .h-row{display:block!important}
  .md-promociones .h-col-lg-4,.md-promociones .h-column{width:100%!important;max-width:100%!important;flex:0 0 100%!important;display:block!important}
  .md-promociones .item-image img.span12{height:210px!important}
  .md-btn,.md-btn-success{padding:.7rem 1.2rem!important;font-size:.95rem!important}
  /* buscador MARGA: campos a una columna */
  form.md-template .dstSelect,form.md-template .md-search-field{width:100%!important}
  /* evitar cualquier desbordamiento lateral */
  .contact-info,.contact-grid{max-width:100%;box-sizing:border-box}
  img,video{max-width:100%;height:auto}
}
/* cabecera móvil: teléfono sin partirse + quitar botón redundante "Buscar viaje" */
@media(max-width:820px){
  .nav-cta .phone-top{white-space:nowrap;font-size:.82rem}
  .nav-cta .btn.btn-primary{display:none!important}
}