/* ===================================================================
   Huellas en el Paraíso — Lavanda Serena
   Estiliza elementos NATIVOS de Flatsome UX Builder.
   Todo va dentro de secciones con la clase .huellas-2026
   (no afecta el resto del sitio).
   Diginova 2026
   =================================================================== */

.huellas-2026{
  --arena:#E8DFD3; --arena-osc:#D9CDBA;
  --lavanda:#8E7C9B; --lavanda-osc:#6E5E7B; --lavanda-claro:#EDE7EF;
  --marfil:#FBF8F3; --laton:#B08D57; --laton-osc:#977442;
  --ciruela:#3D2F42; --texto:#41354A; --texto-suave:#6E6373;
  --linea:rgba(61,47,66,.14);
}

/* ---------- Tipografía ---------- */
.huellas-2026,
.huellas-2026 p,
.huellas-2026 li,
.huellas-2026 .button,
.huellas-2026 input,
.huellas-2026 textarea,
.huellas-2026 select{
  font-family:"Mulish",-apple-system,Segoe UI,Roboto,sans-serif;
}
.huellas-2026 h1,
.huellas-2026 h2,
.huellas-2026 h3,
.huellas-2026 h4,
.huellas-2026 .is-serif{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-weight:500;
  letter-spacing:.005em;
  line-height:1.16;
  color:var(--ciruela);
}
.huellas-2026 h1{font-size:clamp(2.4rem,5vw,4rem)}
.huellas-2026 h2{font-size:clamp(1.9rem,3.6vw,2.9rem)}
.huellas-2026 h3{font-size:clamp(1.3rem,2vw,1.7rem)}
.huellas-2026 p{color:var(--texto-suave);line-height:1.7}
.huellas-2026 em{font-style:italic;color:var(--lavanda-osc)}

/* ---------- Eyebrow (texto pequeño superior) ---------- */
.huellas-2026 .hp-eyebrow{
  font-family:"Mulish",sans-serif !important;
  font-size:.76rem !important;
  font-weight:700 !important;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--laton) !important;
  margin:0 0 12px !important;
}

/* ---------- Encabezado de sección centrado ---------- */
.huellas-2026 .hp-head{text-align:center}
.huellas-2026 .hp-head > .col-inner{max-width:660px;margin:0 auto}
.huellas-2026 .hp-head h2{margin:6px 0 14px}
.huellas-2026 .hp-head p{font-size:1.05rem}

/* ---------- Imagen con esquinas redondeadas ---------- */
.huellas-2026 .hp-img-redonda img{border-radius:10px}

/* ---------- Lead y frase ---------- */
.huellas-2026 .hp-lead{font-size:1.12rem !important;color:var(--texto) !important}
.huellas-2026 .hp-frase{
  font-family:"Cormorant Garamond",serif !important;
  font-style:italic;
  font-size:1.35rem !important;
  color:var(--laton-osc) !important;
  border-left:2px solid var(--laton);
  padding-left:18px;
  margin:6px 0 4px;
}
.huellas-2026 .hp-nota{font-size:.9rem !important;color:var(--texto-suave) !important}

/* ---------- Hero ---------- */
.huellas-2026.hp-hero{position:relative}
.huellas-2026.hp-hero .banner-bg::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(158deg,rgba(142,124,155,.55) 0%,rgba(61,47,66,.82) 100%);
}
.huellas-2026.hp-hero .banner-layers,
.huellas-2026.hp-hero .banner-inner{position:relative;z-index:2}
.huellas-2026.hp-hero h1,
.huellas-2026.hp-hero h2,
.huellas-2026.hp-hero p{color:#fff}
.huellas-2026.hp-hero em{color:#e6d6ec}
.huellas-2026.hp-hero .hp-frase{color:#e7c79a !important;border-color:#e7c79a}
.huellas-2026.hp-hero .hp-eyebrow{color:#e7c79a}
.huellas-2026.hp-hero .hp-eyebrow::before,
.huellas-2026.hp-hero .hp-eyebrow::after{background:#e7c79a}

/* ---------- Botones ---------- */
.huellas-2026 .button{
  font-family:"Mulish",sans-serif;
  font-weight:700;letter-spacing:.02em;
  border-radius:6px;text-transform:none;
  min-height:0;padding:.85em 1.7em;
  transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;
}
.huellas-2026 .button:hover{transform:translateY(-2px)}
.huellas-2026 .button.hp-btn-wa,
.huellas-2026 .button.hp-btn-wa:hover{background-color:#5c8a6e;border-color:#5c8a6e;color:#fff}
.huellas-2026 .button.hp-btn-wa:hover{background-color:#4d7a5e}
.huellas-2026 .button.hp-btn-lav{background-color:var(--lavanda);border-color:var(--lavanda);color:#fff}
.huellas-2026 .button.hp-btn-lav:hover{background-color:var(--lavanda-osc);border-color:var(--lavanda-osc)}
.huellas-2026 .button.hp-btn-ghost{
  background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);
}
.huellas-2026 .button.hp-btn-ghost:hover{box-shadow:inset 0 0 0 1.5px #fff;background:rgba(255,255,255,.08)}
.huellas-2026 .button.hp-btn-ghost-dark{
  background:transparent;color:var(--ciruela);box-shadow:inset 0 0 0 1.5px var(--linea);
}
.huellas-2026 .button.hp-btn-ghost-dark:hover{box-shadow:inset 0 0 0 1.5px var(--lavanda);color:var(--lavanda-osc)}
.huellas-2026 .button.hp-btn-light{background:#fff;color:var(--ciruela);border-color:#fff}

/* ---------- Tarjetas genéricas ---------- */
.huellas-2026 .hp-card > .col-inner{
  background:var(--marfil);
  border:1px solid var(--linea);
  border-radius:10px;
  padding:32px 28px;
  height:100%;
  transition:transform .3s ease,box-shadow .3s ease;
}
.huellas-2026 .hp-card:hover > .col-inner{
  transform:translateY(-6px);
  box-shadow:0 18px 44px -26px rgba(61,47,66,.5);
}

/* ---------- Proceso (tarjetas numeradas) ---------- */
.huellas-2026 .hp-num{
  font-family:"Cormorant Garamond",serif !important;
  font-size:2.7rem !important;
  color:var(--arena-osc) !important;
  line-height:1;margin:0 0 6px !important;
}
.huellas-2026 .hp-paso h3{margin:.2em 0}

/* ---------- Paquetes ---------- */
.huellas-2026 .hp-paquete > .col-inner{
  background:var(--marfil);
  border:1px solid var(--linea);
  border-radius:10px;
  padding:32px 30px;height:100%;
  display:flex;flex-direction:column;
  transition:transform .3s ease,box-shadow .3s ease;
}
.huellas-2026 .hp-paquete:hover > .col-inner{
  transform:translateY(-6px);
  box-shadow:0 22px 50px -28px rgba(61,47,66,.55);
}
.huellas-2026 .hp-paquete-destacado > .col-inner{
  border-color:var(--lavanda);
  box-shadow:0 22px 50px -30px rgba(61,47,66,.5);
}
.huellas-2026 .hp-paquete .text-box,
.huellas-2026 .hp-paquete .text{margin:0;width:100%}
.huellas-2026 .hp-paquete h3{margin:.1em 0 0}
.huellas-2026 .hp-paquete .hp-incluye{flex:1 0 auto}
.huellas-2026 .hp-paquete .button{width:100%;margin:18px 0 0}
.huellas-2026 .hp-tipo{
  font-size:.74rem !important;letter-spacing:.14em;text-transform:uppercase;
  color:var(--laton) !important;font-weight:700 !important;margin:0 !important;
}
.huellas-2026 .hp-precio{
  margin:12px 0 16px !important;color:var(--ciruela) !important;
  padding-bottom:16px;border-bottom:1px solid var(--linea);
}
.huellas-2026 .hp-precio .hp-monto{
  font-family:"Cormorant Garamond",serif;font-size:2.2rem;font-weight:600;
}
.huellas-2026 .hp-precio small{font-size:.8rem;color:var(--texto-suave)}
.huellas-2026 .hp-etiqueta{
  display:inline-block;background:var(--laton);color:#fff;
  font-size:.64rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  padding:5px 12px;border-radius:30px;margin:0 0 10px !important;
}
.huellas-2026 .hp-incluye{list-style:none;margin:0;padding:0}
.huellas-2026 .hp-incluye li{
  position:relative;padding:7px 0 7px 26px;
  font-size:.93rem;color:var(--texto);line-height:1.5;
}
.huellas-2026 .hp-incluye li::before{
  content:"";position:absolute;left:0;top:13px;
  width:13px;height:8px;border-left:2px solid var(--lavanda);
  border-bottom:2px solid var(--lavanda);transform:rotate(-45deg);
}

/* ---------- Memoriales (usa también .hp-card) ---------- */
.huellas-2026 .hp-memorial .ux-image{margin:0 0 16px}
.huellas-2026 .hp-memorial h3{margin:0 0 6px}
.huellas-2026 .hp-memorial p{font-size:.92rem;margin:0 0 10px}
.huellas-2026 .hp-memorial p:last-child{margin-bottom:0}

/* ---------- Valores (sección oscura) ---------- */
.huellas-2026 .hp-valor > .col-inner{
  text-align:center;padding:34px 22px;
  border:1px solid rgba(255,255,255,.16);border-radius:10px;
  background:rgba(255,255,255,.04);height:100%;
}
.huellas-2026 .hp-valor h3{color:#fff;margin:0 0 8px}
.huellas-2026 .hp-valor p{color:#cdc2d0;font-size:.92rem}
.huellas-2026 .hp-valor .hp-num{color:rgba(231,199,154,.55) !important}

/* ---------- Cifras en línea ---------- */
.huellas-2026 .hp-cifra{
  font-family:"Cormorant Garamond",serif;
  font-size:1.6rem;font-weight:600;color:var(--ciruela);
}

/* ---------- Enlace con flecha ---------- */
.huellas-2026 .hp-enlace{
  font-weight:700 !important;font-size:.9rem !important;
  color:var(--lavanda-osc) !important;letter-spacing:.02em;
}
.huellas-2026 .hp-enlace::after{content:" →";color:var(--laton-osc)}

/* ---------- FAQ / Acordeón ---------- */
.huellas-2026 .accordion-title{
  font-family:"Cormorant Garamond",serif !important;
  font-size:1.3rem !important;color:var(--ciruela) !important;
  padding:20px 6px !important;border:0 !important;
  border-bottom:1px solid var(--linea) !important;
}
.huellas-2026 .accordion-title.active{color:var(--lavanda-osc) !important}
.huellas-2026 .accordion-title .toggle{color:var(--lavanda)}
.huellas-2026 .accordion-inner{padding:4px 6px 22px !important}
.huellas-2026 .accordion-inner p{font-size:.98rem}

/* ---------- CTA final ---------- */
.huellas-2026.hp-cta{position:relative;overflow:hidden;text-align:center}
.huellas-2026.hp-cta h2,
.huellas-2026.hp-cta h1{color:#fff}
.huellas-2026.hp-cta p{color:#ddd2df;max-width:52ch;margin-left:auto;margin-right:auto}
.huellas-2026.hp-cta .hp-eyebrow{color:#e7c79a !important}
.huellas-2026 .hp-tel{
  font-family:"Cormorant Garamond",serif !important;
  font-size:1.7rem !important;color:#fff !important;
  display:inline-block;margin-top:8px;
}
.huellas-2026 .hp-tel:hover{color:#e7c79a !important}

/* ---------- Secciones oscuras (valores, CTA) ---------- */
.huellas-2026.hp-dark h2,
.huellas-2026.hp-dark h3,
.huellas-2026.hp-dark .hp-head h2{color:#fff}
.huellas-2026.hp-dark .hp-head p{color:#cdc2d0}
.huellas-2026.hp-dark .hp-eyebrow{color:#e7c79a !important}

/* ---------- Tira de especies ---------- */
.huellas-2026.hp-especies p{
  color:#e7dfe9 !important;
  font-family:"Cormorant Garamond",serif !important;
  font-style:italic;font-size:1.2rem !important;margin:0;text-align:center;
}
.huellas-2026.hp-especies .hp-eyebrow{color:#e7c79a !important;text-align:center}

/* ---------- Detalles ---------- */
.huellas-2026 .hp-firma{
  font-family:"Cormorant Garamond",serif !important;font-style:italic;
  font-size:1.15rem !important;color:var(--ciruela) !important;
}
.huellas-2026 .hp-divisor{
  width:46px;height:2px;background:var(--laton);
  border:0;margin:18px 0;display:inline-block;
}
.huellas-2026 .text-center .hp-divisor,
.huellas-2026 [class*="text-center"] .hp-divisor{margin-left:auto;margin-right:auto;display:block}

/* ---------- Responsive ---------- */
@media(max-width:549px){
  .huellas-2026 .hp-pk-top,
  .huellas-2026 .hp-pk-body,
  .huellas-2026 .hp-pk-foot{padding-left:22px;padding-right:22px}
  .huellas-2026 .hp-card > .col-inner{padding:26px 22px}
}