/* ============================================================
Ruta Épica — Tropical Modernism · Shared Stylesheet
Mockup-only. Vanilla CSS. No build step.
Tokens defined in design/VISUAL-DIRECTION.md
============================================================ */
:root {
/* Color · marca */
--re-navy: #1B2A4E;
--re-navy-2: #243558;
--re-navy-3: #0F1A33;
--re-orange: #E8631A;
--re-orange-2: #C9501A;
--re-orange-3: #FFB37A;
/* Color · extendida tropical */
--re-coral: #F6A682;
--re-ocean: #2B5C7F;
--re-sand: #E8DCC4;
--re-bone: #F7F4EE;
--re-paper: #FBFAF6;
--re-charcoal: #2A2A2A;
--re-mist: #C9D2DC;
/* Color · funcionales */
--re-success: #1F7A4D;
--re-warning: #C77A1F;
--re-error: #B23B3B;
--re-wa: #25D366;
/* Tipografía */
--re-font-display: 'Bricolage Grotesque', system-ui, sans-serif;
--re-font-body: 'Newsreader', Georgia, serif;
--re-text-xs: clamp(0.72rem, 0.70rem + 0.10vw, 0.80rem);
--re-text-sm: clamp(0.85rem, 0.82rem + 0.15vw, 0.95rem);
--re-text-base: clamp(1.00rem, 0.96rem + 0.20vw, 1.13rem);
--re-text-lg: clamp(1.15rem, 1.08rem + 0.30vw, 1.35rem);
--re-text-xl: clamp(1.45rem, 1.30rem + 0.65vw, 1.95rem);
--re-text-2xl: clamp(1.85rem, 1.55rem + 1.30vw, 2.85rem);
--re-text-3xl: clamp(2.50rem, 1.95rem + 2.40vw, 4.50rem);
--re-text-hero: clamp(3.00rem, 2.20rem + 3.50vw, 6.50rem);
/* Spacing */
--re-space-1: 0.25rem;
--re-space-2: 0.5rem;
--re-space-3: 0.75rem;
--re-space-4: 1rem;
--re-space-5: 1.5rem;
--re-space-6: 2rem;
--re-space-7: 3rem;
--re-space-8: 4rem;
--re-space-9: 6rem;
--re-space-10: 8rem;
--re-section-y: clamp(2.5rem, 1.75rem + 4vw, 5rem);
--re-container-x: clamp(1rem, 0.5rem + 3vw, 3rem);
/* Radii */
--re-r-sm: 6px;
--re-r-md: 12px;
--re-r-lg: 20px;
--re-r-xl: 32px;
--re-r-pill: 999px;
/* Shadows */
--re-shadow-1: 0 1px 2px rgba(27,42,78,.06), 0 0 0 1px rgba(27,42,78,.04);
--re-shadow-2: 0 8px 24px rgba(27,42,78,.08), 0 1px 2px rgba(27,42,78,.04);
--re-shadow-3: 0 24px 60px rgba(27,42,78,.14), 0 4px 8px rgba(27,42,78,.06);
--re-shadow-glow: 0 0 0 4px rgba(232,99,26,.18);
/* Motion */
--re-ease: cubic-bezier(.2,.7,.2,1);
--re-ease-out: cubic-bezier(.16,1,.3,1);
--re-d-fast: 180ms;
--re-d-base: 320ms;
--re-d-slow: 600ms;
/* Layout */
--re-max-w: 1280px;
--re-max-w-prose: 68ch;
--re-grid-gap: clamp(1rem, 0.5rem + 2vw, 2rem);
}
/* ──────── Reset mínimo ──────── */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; }
body {
margin: 0;
font-family: var(--re-font-body);
font-size: var(--re-text-base);
line-height: 1.55;
color: var(--re-navy);
background: var(--re-bone);
font-feature-settings: "kern", "liga", "calt";
-webkit-font-smoothing: antialiased;
}
img, svg, video { display: block; max-width: 100%; height: auto; }
button { font: inherit; cursor: pointer; background: none; border: none; padding: 0; color: inherit; }
a { color: inherit; text-decoration: none; }
ul, ol { padding-left: 1.2em; }
input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--re-orange); outline-offset: 2px; border-radius: 4px; }
/* ──────── Tipografía ──────── */
h1, h2, h3, h4, .display {
font-family: var(--re-font-display);
font-weight: 700;
line-height: 1.05;
letter-spacing: -0.025em;
color: var(--re-navy);
margin: 0 0 var(--re-space-4);
font-variation-settings: "wdth" 100;
}
h1, .h1 { font-size: var(--re-text-3xl); }
h2, .h2 { font-size: var(--re-text-2xl); line-height: 1.12; }
h3, .h3 { font-size: var(--re-text-xl); line-height: 1.2; }
h4, .h4 { font-size: var(--re-text-lg); line-height: 1.25; font-weight: 600; }
.hero-display {
font-size: var(--re-text-hero);
font-weight: 800;
letter-spacing: -0.035em;
line-height: 0.98;
}
.eyebrow {
font-family: var(--re-font-display);
font-size: var(--re-text-xs);
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--re-orange);
}
.pull-quote {
font-family: var(--re-font-body);
font-style: italic;
font-weight: 400;
font-size: var(--re-text-2xl);
line-height: 1.25;
color: var(--re-navy);
max-width: 26ch;
}
p { margin: 0 0 var(--re-space-4); max-width: var(--re-max-w-prose); }
.lead { font-size: var(--re-text-lg); line-height: 1.5; color: var(--re-navy-2); }
.meta { font-family: var(--re-font-display); font-size: var(--re-text-xs); font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--re-charcoal); opacity: .7; }
/* ──────── Layout ──────── */
.container { max-width: var(--re-max-w); margin: 0 auto; padding: 0 var(--re-container-x); }
.section { padding: var(--re-section-y) 0; }
.section--bone { background: var(--re-bone); }
.section--paper { background: var(--re-paper); }
.section--navy { background: var(--re-navy-3); color: white; }
.section--navy h1, .section--navy h2, .section--navy h3 { color: white; }
.grid { display: grid; gap: var(--re-grid-gap); }
.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1024px) { .grid-4 { grid-template-columns: repeat(2, 1fr); } .grid-3 { grid-template-columns: repeat(2, 1fr); } }
/* ──────── Header ──────── */
.re-header {
position: sticky; top: 0; z-index: 50;
background: rgba(247,244,238,.78);
backdrop-filter: saturate(180%) blur(14px);
-webkit-backdrop-filter: saturate(180%) blur(14px);
border-bottom: 1px solid transparent;
transition: border-color var(--re-d-base) var(--re-ease);
}
.re-header.scrolled { border-bottom-color: rgba(27,42,78,.08); }
.re-header__inner { display: flex; align-items: center; justify-content: space-between; padding: var(--re-space-4) var(--re-container-x); max-width: var(--re-max-w); margin: 0 auto; gap: var(--re-space-5); }
.re-logo { display: flex; align-items: center; gap: var(--re-space-2); font-family: var(--re-font-display); font-weight: 800; font-size: 1.25rem; color: var(--re-navy); letter-spacing: -0.02em; }
.re-logo em { color: var(--re-orange); font-style: normal; }
.re-nav { display: flex; gap: var(--re-space-6); align-items: center; }
.re-nav a { font-family: var(--re-font-display); font-size: var(--re-text-sm); font-weight: 500; color: var(--re-navy); position: relative; }
.re-nav a:hover { color: var(--re-orange); }
.re-nav a::after { content: ''; position: absolute; left: 0; bottom: -6px; width: 0; height: 2px; background: var(--re-orange); transition: width var(--re-d-base) var(--re-ease); }
.re-nav a:hover::after { width: 100%; }
@media (max-width: 880px) { .re-nav { display: none; } }
/* ──────── Buttons ──────── */
.btn {
display: inline-flex; align-items: center; gap: var(--re-space-2);
font-family: var(--re-font-display);
font-weight: 600;
font-size: var(--re-text-sm);
padding: 0.85rem 1.5rem;
border-radius: var(--re-r-pill);
transition: transform var(--re-d-base) var(--re-ease), box-shadow var(--re-d-base) var(--re-ease), background-color var(--re-d-base) var(--re-ease);
letter-spacing: 0.01em;
white-space: nowrap;
}
.btn--primary { background: var(--re-orange); color: white; box-shadow: var(--re-shadow-2); }
.btn--primary:hover { background: var(--re-orange-2); transform: translateY(-2px); box-shadow: var(--re-shadow-3); }
.btn--secondary { background: var(--re-navy); color: white; }
.btn--secondary:hover { background: var(--re-navy-2); transform: translateY(-2px); }
.btn--ghost { background: transparent; color: var(--re-navy); border: 1.5px solid var(--re-navy); }
.btn--ghost:hover { background: var(--re-navy); color: white; }
.btn--wa { background: var(--re-wa); color: white; }
.btn--wa:hover { background: #1ebe5d; transform: translateY(-2px); }
.btn--lg { padding: 1.05rem 2rem; font-size: var(--re-text-base); }
.btn--sm { padding: 0.55rem 1rem; font-size: var(--re-text-xs); }
/* ──────── Hero ──────── */
.re-hero { position: relative; min-height: 86vh; display: grid; align-items: end; overflow: hidden; isolation: isolate; color: white; }
.re-hero__img { position: absolute; inset: 0; z-index: -2; }
.re-hero__img img { width: 100%; height: 100%; object-fit: cover; }
.re-hero__overlay { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(15,26,51,.20) 0%, rgba(15,26,51,.50) 60%, rgba(15,26,51,.85) 100%); }
.re-hero__noise { position: absolute; inset: 0; z-index: -1; opacity: 0.06; mix-blend-mode: overlay; pointer-events: none; }
.re-hero__inner { padding: var(--re-space-9) var(--re-container-x) var(--re-space-8); max-width: var(--re-max-w); margin: 0 auto; width: 100%; }
.re-hero__eyebrow { display: inline-flex; align-items: center; gap: var(--re-space-2); padding: 0.4rem 0.9rem; background: rgba(255,255,255,.12); backdrop-filter: blur(6px); border: 1px solid rgba(255,255,255,.18); border-radius: var(--re-r-pill); font-family: var(--re-font-display); font-size: var(--re-text-xs); font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--re-sand); margin-bottom: var(--re-space-5); }
.re-hero__eyebrow::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--re-orange); }
.re-hero h1 { color: white; font-size: var(--re-text-hero); font-weight: 800; letter-spacing: -0.035em; line-height: 0.96; margin: 0 0 var(--re-space-5); max-width: 18ch; animation: heroWidth var(--re-d-slow) var(--re-ease-out) both; }
.re-hero h1 em { font-style: italic; font-family: var(--re-font-body); font-weight: 400; color: var(--re-orange-3); }
@keyframes heroWidth {
from { font-variation-settings: "wdth" 85; opacity: 0; transform: translateY(20px); }
to { font-variation-settings: "wdth" 100; opacity: 1; transform: translateY(0); }
}
.re-hero__desc { font-size: var(--re-text-lg); color: rgba(255,255,255,.92); max-width: 48ch; margin-bottom: var(--re-space-6); }
.re-hero__cta { display: flex; gap: var(--re-space-3); flex-wrap: wrap; }
.re-hero__meta { display: flex; gap: var(--re-space-7); margin-top: var(--re-space-8); padding-top: var(--re-space-5); border-top: 1px solid rgba(255,255,255,.16); }
.re-hero__meta-item { display: flex; flex-direction: column; gap: 0.2rem; }
.re-hero__meta-item strong { font-family: var(--re-font-display); font-size: var(--re-text-xl); color: white; }
.re-hero__meta-item span { font-size: var(--re-text-xs); letter-spacing: 0.12em; text-transform: uppercase; color: var(--re-sand); opacity: .85; }
@media (max-width: 640px) { .re-hero__meta { flex-wrap: wrap; gap: var(--re-space-4); } }
/* ──────── Trust strip ──────── */
.re-trust { padding: var(--re-space-7) 0; background: var(--re-bone); border-bottom: 1px solid rgba(27,42,78,.06); }
.re-trust__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--re-space-6); }
.re-trust__item { display: flex; flex-direction: column; align-items: flex-start; gap: var(--re-space-2); }
.re-trust__item svg { width: 28px; height: 28px; stroke: var(--re-orange); fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.re-trust__item h4 { font-size: var(--re-text-base); margin: 0; font-weight: 700; }
.re-trust__item p { font-size: var(--re-text-sm); color: var(--re-navy-2); margin: 0; line-height: 1.5; }
@media (max-width: 880px) { .re-trust__grid { grid-template-columns: repeat(2, 1fr); } }
/* ──────── Trip finder card ──────── */
.re-finder { background: var(--re-paper); border: 1px solid rgba(27,42,78,.08); border-radius: var(--re-r-xl); padding: var(--re-space-7); box-shadow: var(--re-shadow-2); margin-top: calc(var(--re-section-y) * -0.4); position: relative; z-index: 5; }
.re-finder h3 { font-size: var(--re-text-xl); margin: 0 0 var(--re-space-5); }
.re-finder__steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--re-space-4); align-items: end; }
.re-finder { overflow: hidden; }
.re-finder__steps .re-finder__field { min-width: 0; }
.re-finder__steps .re-finder__field select { width: 100%; max-width: 100%; box-sizing: border-box; }
.re-finder__steps button { grid-column: 1 / -1; justify-self: end; white-space: nowrap; min-width: 220px; max-width: 280px; padding: 0.95rem 1.75rem; }
@media (max-width: 1180px) { .re-finder__steps { grid-template-columns: 1fr 1fr; } .re-finder__steps button { grid-column: span 2; } }
.re-finder__field { display: flex; flex-direction: column; gap: 0.4rem; }
.re-finder__field label { font-family: var(--re-font-display); font-size: var(--re-text-xs); font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--re-charcoal); }
.re-finder__field select, .re-finder__field input { padding: 0.85rem 1rem; border-radius: var(--re-r-md); border: 1.5px solid var(--re-mist); background: white; font-family: var(--re-font-body); font-size: var(--re-text-base); transition: border-color var(--re-d-base); }
.re-finder__field select:focus, .re-finder__field input:focus { border-color: var(--re-orange); outline: none; }
/* ──────── Destination bento ──────── */
.re-bento { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: repeat(2, 28vw); gap: var(--re-grid-gap); max-height: 920px; }
.re-bento__card { position: relative; border-radius: var(--re-r-lg); overflow: hidden; cursor: pointer; isolation: isolate; transition: transform var(--re-d-base) var(--re-ease); display: block; text-decoration: none; color: inherit; }
.re-bento__card:focus-visible { outline: 3px solid var(--re-orange); outline-offset: 4px; }
.re-bento__card:nth-child(1) { grid-row: span 2; }
.re-bento__card:nth-child(3) { grid-row: span 2; }
.re-bento__card:hover { transform: translateY(-6px) rotate(-0.4deg); }
.re-bento__card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform var(--re-d-slow) var(--re-ease); z-index: 1; }
.re-bento__card:hover img { transform: scale(1.06); }
.re-bento__card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,26,51,0) 30%, rgba(15,26,51,.78) 100%); z-index: 2; pointer-events: none; }
.re-bento__card .re-bento__label { z-index: 3; }
.re-bento__label { position: absolute; left: var(--re-space-5); bottom: var(--re-space-5); right: var(--re-space-5); color: white; }
.re-bento__label .meta { color: var(--re-sand); }
.re-bento__label h3 { color: white; font-size: var(--re-text-xl); margin: 0.3rem 0 0; }
/* ──────── Magazine pull-quote break ──────── */
.re-quote-break { padding: clamp(1.25rem, 3vw, 2.5rem) 0; background: var(--re-bone); position: relative; overflow: hidden; }
.re-quote-break::before { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: rgba(27,42,78,.1); }
.re-quote-break__inner { position: relative; background: var(--re-bone); padding: 0 var(--re-container-x); max-width: var(--re-max-w); margin: 0 auto; }
.re-quote-break blockquote { margin: 0; max-width: 44ch; font-family: var(--re-font-body); font-style: italic; font-weight: 400; font-size: clamp(1.4rem, 1rem + 1.6vw, 2.5rem); line-height: 1.25; color: var(--re-navy); padding: var(--re-space-2) var(--re-space-5); display: inline-block; background: var(--re-bone); position: relative; z-index: 1; }
.re-quote-break blockquote::before { content: '«'; color: var(--re-orange); margin-right: 0.25em; font-style: normal; }
@media (max-width: 768px) { .re-quote-break { padding: clamp(1.5rem, 5vw, 2.5rem) 0; } .re-quote-break blockquote { display: block; max-width: 100%; padding: var(--re-space-2) 0; font-size: clamp(1.25rem, 0.9rem + 3vw, 1.9rem); } .re-quote-break__inner { padding: 0 var(--re-container-x); } }
/* ──────── International grid ──────── */
.re-intl { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--re-grid-gap); }
.re-intl__card { display: flex; flex-direction: column; gap: var(--re-space-3); background: var(--re-paper); border-radius: var(--re-r-lg); overflow: hidden; transition: transform var(--re-d-base) var(--re-ease), box-shadow var(--re-d-base) var(--re-ease); box-shadow: var(--re-shadow-1); }
.re-intl__card:hover { transform: translateY(-6px) rotate(0.5deg); box-shadow: var(--re-shadow-2); }
.re-intl__card .img-wrap { aspect-ratio: 4/5; overflow: hidden; }
.re-intl__card img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--re-d-slow) var(--re-ease); }
.re-intl__card:hover img { transform: scale(1.05); }
.re-intl__card__body { padding: var(--re-space-4) var(--re-space-5) var(--re-space-5); display: flex; flex-direction: column; gap: var(--re-space-2); }
.re-intl__card h3 { font-size: var(--re-text-lg); margin: 0; }
.re-intl__card p { font-size: var(--re-text-sm); color: var(--re-navy-2); margin: 0; }
.re-intl__card .price { margin-top: var(--re-space-3); font-family: var(--re-font-display); font-weight: 700; color: var(--re-orange); font-size: var(--re-text-base); }
/* ──────── Manifesto editorial (Por qué Ruta Épica) ──────── */
.re-manifesto {
position: relative;
background: var(--re-navy-3);
color: white;
border-radius: var(--re-r-xl);
padding: clamp(3rem, 6vw, 4.875rem) clamp(1.875rem, 4.5vw, 3.75rem);
overflow: hidden;
isolation: isolate;
}
.re-manifesto::before {
content: '';
position: absolute;
left: -10%;
top: -30%;
width: 50%;
height: 80%;
background: radial-gradient(circle, var(--re-orange) 0%, transparent 70%);
opacity: 0.15;
pointer-events: none;
z-index: -1;
}
.re-manifesto__deco {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: .55;
pointer-events: none;
}
.re-manifesto__inner {
position: relative;
max-width: 60ch;
margin: 0 auto;
text-align: center;
z-index: 1;
}
.re-manifesto__eyebrow {
color: var(--re-orange-3);
}
.re-manifesto__title {
color: white;
font-size: clamp(2.25rem, 1.65rem + 2.4vw, 3.9rem);
line-height: 1.1;
margin: var(--re-space-3) 0 var(--re-space-4);
letter-spacing: -0.005em;
}
.re-manifesto__title em {
font-family: var(--re-font-body);
font-style: italic;
color: var(--re-orange-3);
font-weight: 400;
}
.re-manifesto__lead {
font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.25rem);
color: rgba(255,255,255,.88);
line-height: 1.6;
max-width: 56ch;
margin: 0 auto var(--re-space-6);
}
.re-manifesto__meta {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--re-space-4);
padding: var(--re-space-4) 0;
border-top: 1px solid rgba(255,255,255,.14);
border-bottom: 1px solid rgba(255,255,255,.14);
margin-bottom: var(--re-space-6);
}
.re-manifesto__meta-item {
display: flex;
flex-direction: column;
gap: 0.3rem;
align-items: center;
}
.re-manifesto__meta-item strong {
font-family: var(--re-font-display);
font-size: clamp(1.7rem, 1.3rem + 1.5vw, 2.5rem);
font-weight: 800;
color: white;
line-height: 1;
}
.re-manifesto__meta-item span {
font-size: clamp(0.7rem, 0.65rem + 0.2vw, 0.85rem);
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--re-sand);
opacity: .85;
text-align: center;
line-height: 1.3;
}
.re-manifesto__cta {
display: flex;
gap: var(--re-space-3);
justify-content: center;
flex-wrap: wrap;
}
@media (max-width: 880px) {
.re-manifesto { padding: var(--re-space-7) var(--re-space-5); }
.re-manifesto__meta { grid-template-columns: repeat(2, 1fr); gap: var(--re-space-4); }
}
/* ──────── Advisor feature ──────── */
.re-advisor { background: var(--re-navy-3); color: white; border-radius: var(--re-r-xl); padding: var(--re-space-8); display: grid; grid-template-columns: 1fr 1.4fr; gap: var(--re-space-8); align-items: center; position: relative; overflow: hidden; }
.re-advisor::before { content: ''; position: absolute; right: -80px; top: -80px; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, var(--re-orange) 0%, transparent 70%); opacity: 0.18; }
.re-advisor__photo { position: relative; aspect-ratio: 4/5; border-radius: var(--re-r-lg); overflow: hidden; }
.re-advisor__photo img { width: 100%; height: 100%; object-fit: cover; }
.re-advisor__body h2 { color: white; }
.re-advisor__body .pull-quote { color: white; font-style: italic; font-size: var(--re-text-2xl); line-height: 1.2; margin: 0 0 var(--re-space-5); }
.re-advisor__body .pull-quote em { color: var(--re-orange-3); font-style: normal; font-family: var(--re-font-display); font-weight: 600; }
.re-advisor__meta { display: flex; gap: var(--re-space-5); margin: var(--re-space-5) 0; padding-top: var(--re-space-5); border-top: 1px solid rgba(255,255,255,.12); }
.re-advisor__meta strong { font-family: var(--re-font-display); display: block; font-size: var(--re-text-lg); }
.re-advisor__meta span { font-size: var(--re-text-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--re-sand); }
@media (max-width: 880px) { .re-advisor { grid-template-columns: 1fr; padding: var(--re-space-6); } }
/* ──────── Package cards ──────── */
.re-packages { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--re-grid-gap); }
.re-pkg { position: relative; background: linear-gradient(135deg, var(--re-coral) 0%, var(--re-orange) 100%); border-radius: var(--re-r-lg); overflow: hidden; isolation: isolate; box-shadow: var(--re-shadow-2); transition: transform var(--re-d-base) var(--re-ease); display: flex; flex-direction: column; }
.re-pkg:hover { transform: translateY(-6px) rotate(-0.5deg); }
.re-pkg__noise { position: absolute; inset: 0; opacity: .08; mix-blend-mode: overlay; z-index: -1; }
.re-pkg__img { aspect-ratio: 4/3; overflow: hidden; }
.re-pkg__img img { width: 100%; height: 100%; object-fit: cover; }
.re-pkg__body { padding: var(--re-space-5); color: white; display: flex; flex-direction: column; flex: 1; }
.re-pkg__chip { display: inline-block; padding: 0.3rem 0.75rem; background: rgba(255,255,255,.18); backdrop-filter: blur(6px); border-radius: var(--re-r-pill); font-family: var(--re-font-display); font-size: var(--re-text-xs); font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: var(--re-space-3); }
.re-pkg__body h3 { color: white; margin: 0 0 var(--re-space-2); }
.re-pkg__body .pkg-desc { font-size: var(--re-text-sm); color: rgba(255,255,255,.92); margin: 0 0 var(--re-space-4); }
.re-pkg__footer { display: flex; justify-content: space-between; align-items: center; padding-top: var(--re-space-4); border-top: 1px solid rgba(255,255,255,.2); margin-top: auto; }
.re-pkg__price { display: flex; flex-direction: column; }
.re-pkg__price span { font-size: var(--re-text-xs); letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,.78); }
.re-pkg__price strong { font-family: var(--re-font-display); font-size: var(--re-text-lg); font-weight: 800; color: white; }
.re-pkg__wompi { font-family: var(--re-font-display); font-size: var(--re-text-xs); padding: 0.4rem 0.8rem; background: white; color: var(--re-navy); border-radius: var(--re-r-pill); font-weight: 700; }
.re-pkg__cta { font-family: var(--re-font-display); font-size: var(--re-text-sm); padding: 0.5rem 1rem; background: rgba(255,255,255,.92); color: var(--re-navy); border-radius: var(--re-r-pill); font-weight: 700; transition: background var(--re-d-base), transform var(--re-d-base); display: inline-flex; align-items: center; gap: 0.3rem; }
.re-pkg__cta:hover { background: white; transform: translateX(3px); }
/* ──────── Testimonials ──────── */
.re-testimonials { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--re-grid-gap); }
.re-tcard { background: var(--re-paper); border: 1px solid rgba(27,42,78,.08); border-radius: var(--re-r-lg); padding: var(--re-space-6); display: flex; flex-direction: column; gap: var(--re-space-3); position: relative; }
.re-tcard::before { content: '“'; position: absolute; top: -10px; left: var(--re-space-5); font-family: var(--re-font-body); font-size: 5rem; font-weight: 700; color: var(--re-orange); line-height: 1; }
.re-tcard__body { font-size: var(--re-text-base); line-height: 1.6; margin-top: var(--re-space-4); color: var(--re-charcoal); }
.re-tcard__author { display: flex; gap: var(--re-space-3); align-items: center; margin-top: auto; padding-top: var(--re-space-4); border-top: 1px solid rgba(27,42,78,.06); }
.re-tcard__avatar { display: none; }
.re-tcard__author strong { font-family: var(--re-font-display); display: block; }
.re-tcard__author span { font-size: var(--re-text-xs); color: var(--re-charcoal); opacity: .7; }
/* ──────── 4 pasos ──────── */
.re-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--re-grid-gap); position: relative; }
.re-step { display: flex; flex-direction: column; gap: var(--re-space-3); padding: var(--re-space-5) 0; }
.re-step__num { font-family: var(--re-font-display); font-size: clamp(3rem, 2rem + 4vw, 5.5rem); font-weight: 800; color: var(--re-orange); line-height: 0.9; font-variation-settings: "wdth" 88; }
.re-step h4 { margin: 0; font-size: var(--re-text-lg); }
.re-step p { font-size: var(--re-text-sm); color: var(--re-navy-2); margin: 0; }
@media (max-width: 1024px) { .re-steps { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .re-steps { grid-template-columns: 1fr; } }
/* ──────── Blog teaser ──────── */
.re-blog { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--re-grid-gap); }
.re-blog__post { display: flex; flex-direction: column; gap: var(--re-space-3); }
.re-blog__post .img-wrap { aspect-ratio: 16/10; overflow: hidden; border-radius: var(--re-r-md); }
.re-blog__post img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--re-d-slow) var(--re-ease); }
.re-blog__post:hover img { transform: scale(1.04); }
.re-blog__post h4 { font-size: var(--re-text-lg); margin: 0; }
.re-blog__post .meta { color: var(--re-orange); }
/* ──────── Newsletter ──────── */
.re-newsletter { background: var(--re-navy-3); border-radius: var(--re-r-xl); padding: var(--re-space-8); color: white; display: grid; grid-template-columns: 1fr 1fr; gap: var(--re-space-6); align-items: center; position: relative; overflow: hidden; }
.re-newsletter::before { content: ''; position: absolute; right: -100px; bottom: -100px; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, var(--re-coral) 0%, transparent 65%); opacity: 0.22; }
.re-newsletter h2 { color: white; margin: 0 0 var(--re-space-3); }
.re-newsletter p { color: rgba(255,255,255,.85); margin: 0; }
.re-newsletter__form { display: flex; gap: var(--re-space-3); }
.re-newsletter__form input { flex: 1; padding: 1rem 1.25rem; border-radius: var(--re-r-pill); border: 1.5px solid rgba(255,255,255,.18); background: rgba(255,255,255,.06); color: white; font-family: var(--re-font-body); font-size: var(--re-text-base); }
.re-newsletter__form input::placeholder { color: rgba(255,255,255,.55); }
.re-newsletter__form input:focus { outline: none; border-color: var(--re-orange); background: rgba(255,255,255,.10); }
.re-newsletter__note { font-size: var(--re-text-xs); color: rgba(255,255,255,.55); margin-top: var(--re-space-3); }
@media (max-width: 880px) { .re-newsletter { grid-template-columns: 1fr; padding: var(--re-space-6); } .re-newsletter__form { flex-direction: column; } }
/* ──────── Footer ──────── */
.re-footer { background: var(--re-navy-3); color: rgba(255,255,255,.7); padding: var(--re-space-8) 0 var(--re-space-5); }
.re-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: var(--re-grid-gap); max-width: var(--re-max-w); margin: 0 auto; padding: 0 var(--re-container-x); }
.re-footer h4 { color: white; font-size: var(--re-text-base); margin: 0 0 var(--re-space-4); font-weight: 600; }
.re-footer a { color: rgba(255,255,255,.7); font-size: var(--re-text-sm); display: block; padding: 0.3rem 0; transition: color var(--re-d-fast); }
.re-footer a:hover { color: var(--re-orange-3); }
.re-footer__brand p { font-size: var(--re-text-sm); margin-bottom: var(--re-space-4); }
.re-rnt { display: inline-block; padding: 0.35rem 0.85rem; background: rgba(232,99,26,.14); border: 1px solid rgba(232,99,26,.3); border-radius: var(--re-r-pill); font-family: var(--re-font-display); font-size: var(--re-text-xs); font-weight: 600; color: var(--re-orange-3); margin-bottom: var(--re-space-4); letter-spacing: 0.04em; }
.re-footer__bottom { max-width: var(--re-max-w); margin: var(--re-space-7) auto 0; padding: var(--re-space-5) var(--re-container-x) 0; border-top: 1px solid rgba(255,255,255,.08); font-size: var(--re-text-xs); display: flex; justify-content: space-between; gap: var(--re-space-4); flex-wrap: wrap; color: rgba(255,255,255,.5); }
/* ──────── WhatsApp float ──────── */
.re-wa-float { position: fixed; right: 24px; bottom: 24px; width: 60px; height: 60px; border-radius: 50%; background: var(--re-wa); color: white; display: flex; align-items: center; justify-content: center; box-shadow: var(--re-shadow-3); z-index: 40; transition: transform var(--re-d-base) var(--re-ease); }
.re-wa-float:hover { transform: scale(1.08); }
.re-wa-float::before { content: ''; position: absolute; inset: -6px; border-radius: 50%; border: 2px solid var(--re-wa); opacity: 0.5; animation: pulse 2.4s ease-out infinite; }
.re-wa-float svg { width: 30px; height: 30px; }
@keyframes pulse { 0% { transform: scale(1); opacity: .6; } 100% { transform: scale(1.4); opacity: 0; } }
/* ──────── Reveal animations ──────── */
.fade-up { opacity: 0; transform: translateY(24px); transition: opacity var(--re-d-slow) var(--re-ease-out), transform var(--re-d-slow) var(--re-ease-out); }
.fade-up.is-visible { opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {
* { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
.re-hero h1 { animation: none; font-variation-settings: "wdth" 100; opacity: 1; transform: none; }
.fade-up { opacity: 1; transform: none; }
.re-wa-float::before { animation: none; }
}
/* ──────── Page section heading pattern ──────── */
.re-section-head { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: var(--re-space-6); gap: var(--re-space-5); flex-wrap: wrap; }
.re-section-head__title { max-width: 36ch; }
.re-section-head h2 { margin: 0.4rem 0 0; }
.re-section-head__link { font-family: var(--re-font-display); font-size: var(--re-text-sm); font-weight: 600; color: var(--re-orange); display: inline-flex; align-items: center; gap: 0.4rem; }
.re-section-head__link:hover { gap: 0.7rem; }
/* ──────── Forms (contacto) ──────── */
.re-form { background: var(--re-paper); border-radius: var(--re-r-xl); padding: var(--re-space-7); box-shadow: var(--re-shadow-2); }
.re-form__header { margin-bottom: var(--re-space-6); }
.re-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--re-space-4); margin-bottom: var(--re-space-4); }
.re-form__group { display: flex; flex-direction: column; gap: 0.4rem; margin-bottom: var(--re-space-4); }
.re-form__group label { font-family: var(--re-font-display); font-size: var(--re-text-xs); font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--re-charcoal); }
.re-form__group .required-dot { color: var(--re-orange); }
.re-form__group input, .re-form__group select, .re-form__group textarea {
padding: 0.85rem 1rem;
border-radius: var(--re-r-md);
border: 1.5px solid var(--re-mist);
background: white;
font-family: var(--re-font-body);
font-size: var(--re-text-base);
color: var(--re-navy);
transition: border-color var(--re-d-base);
}
.re-form__group textarea { min-height: 96px; resize: vertical; }
.re-form__group input:focus, .re-form__group select:focus, .re-form__group textarea:focus { border-color: var(--re-orange); outline: none; }
.re-form__group input.error, .re-form__group select.error { border-color: var(--re-error); }
.error-msg { display: none; font-size: var(--re-text-xs); color: var(--re-error); margin-top: 0.2rem; }
.pills-group { display: flex; flex-wrap: wrap; gap: var(--re-space-2); }
.trip-pill { padding: 0.55rem 1rem; border: 1.5px solid var(--re-mist); border-radius: var(--re-r-pill); font-family: var(--re-font-display); font-size: var(--re-text-sm); font-weight: 500; color: var(--re-navy); background: white; cursor: pointer; transition: all var(--re-d-fast); }
.trip-pill:hover { border-color: var(--re-orange-3); }
.trip-pill.selected { background: var(--re-navy); color: white; border-color: var(--re-navy); }
.counter-wrap { display: inline-flex; align-items: center; gap: var(--re-space-3); padding: 0.5rem 0.75rem; border: 1.5px solid var(--re-mist); border-radius: var(--re-r-pill); background: white; }
.counter-btn { width: 28px; height: 28px; border-radius: 50%; background: var(--re-bone); color: var(--re-navy); font-size: 1.1rem; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; transition: background var(--re-d-fast); }
.counter-btn:hover { background: var(--re-sand); }
.counter-val { min-width: 1.5rem; text-align: center; font-family: var(--re-font-display); font-weight: 700; }
.form-divider { height: 1px; background: rgba(27,42,78,.08); margin: var(--re-space-5) 0; }
.btn-submit-wa { width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: var(--re-space-3); padding: 1.1rem 1.5rem; border-radius: var(--re-r-pill); background: var(--re-wa); color: white; font-family: var(--re-font-display); font-weight: 700; font-size: var(--re-text-base); transition: transform var(--re-d-base), background var(--re-d-base); }
.btn-submit-wa:hover { background: #1ebe5d; transform: translateY(-2px); }
.form-note { font-size: var(--re-text-xs); color: var(--re-charcoal); opacity: .7; text-align: center; margin-top: var(--re-space-4); }
.form-success { display: none; text-align: center; padding: var(--re-space-7) var(--re-space-5); }
.success-icon { font-size: 3rem; }
.success-title { font-family: var(--re-font-display); font-size: var(--re-text-xl); font-weight: 700; margin: var(--re-space-3) 0; color: var(--re-navy); }
@media (max-width: 640px) { .re-form__row { grid-template-columns: 1fr; } }
/* ──────── Itinerary accordion (paquete page) ──────── */
.re-itin { display: flex; flex-direction: column; gap: var(--re-space-3); }
.re-itin__day { background: var(--re-paper); border: 1px solid rgba(27,42,78,.08); border-radius: var(--re-r-lg); overflow: hidden; transition: box-shadow var(--re-d-base); }
.re-itin__day:hover { box-shadow: var(--re-shadow-1); }
.re-itin__head { width: 100%; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--re-space-4); padding: var(--re-space-5); text-align: left; }
.re-itin__num { font-family: var(--re-font-display); font-size: var(--re-text-3xl); font-weight: 800; color: var(--re-orange); line-height: 1; min-width: 3ch; font-variation-settings: "wdth" 90; }
.re-itin__title h3 { margin: 0; font-size: var(--re-text-lg); }
.re-itin__title p { margin: 0.2rem 0 0; font-size: var(--re-text-sm); color: var(--re-charcoal); opacity: .75; }
.re-itin__toggle { width: 36px; height: 36px; border-radius: 50%; border: 1.5px solid var(--re-navy); display: inline-flex; align-items: center; justify-content: center; transition: transform var(--re-d-base), background var(--re-d-base); }
.re-itin__day[open] .re-itin__toggle { transform: rotate(45deg); background: var(--re-orange); color: white; border-color: var(--re-orange); }
.re-itin__body { padding: 0 var(--re-space-5) var(--re-space-5); color: var(--re-navy-2); font-size: var(--re-text-base); line-height: 1.7; }
.re-itin__body ul { margin: var(--re-space-3) 0; padding-left: 1.2rem; }
.re-itin__body li { margin-bottom: 0.4rem; }
/* ──────── At-a-glance bar ──────── */
.re-glance { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--re-space-4); padding: var(--re-space-5); background: var(--re-paper); border-radius: var(--re-r-lg); box-shadow: var(--re-shadow-1); margin-top: calc(var(--re-section-y) * -0.35); position: relative; z-index: 5; }
.re-glance__item { display: flex; flex-direction: column; gap: 0.2rem; padding: 0 var(--re-space-3); border-left: 2px solid var(--re-orange); }
.re-glance__item:first-child { border-left: 0; padding-left: 0; }
.re-glance__item span { font-family: var(--re-font-display); font-size: var(--re-text-xs); letter-spacing: 0.12em; text-transform: uppercase; color: var(--re-charcoal); opacity: .65; }
.re-glance__item strong { font-family: var(--re-font-display); font-size: var(--re-text-lg); color: var(--re-navy); }
@media (max-width: 1024px) { .re-glance { grid-template-columns: repeat(2, 1fr); } }
/* ──────── Sticky bottom CTA (paquete) ──────── */
.re-sticky-cta { position: fixed; left: 0; right: 0; bottom: 0; z-index: 30; background: white; border-top: 1px solid rgba(27,42,78,.08); padding: var(--re-space-3) var(--re-container-x); display: flex; justify-content: space-between; align-items: center; gap: var(--re-space-4); transform: translateY(100%); transition: transform var(--re-d-base) var(--re-ease); box-shadow: 0 -8px 24px rgba(27,42,78,.08); }
.re-sticky-cta.visible { transform: translateY(0); }
.re-sticky-cta__price { display: flex; flex-direction: column; }
.re-sticky-cta__price span { font-size: var(--re-text-xs); color: var(--re-charcoal); opacity: .65; }
.re-sticky-cta__price strong { font-family: var(--re-font-display); font-size: var(--re-text-lg); color: var(--re-navy); }
.re-sticky-cta__actions { display: flex; gap: var(--re-space-2); }
/* ──────── Image gallery (destino) ──────── */
.re-gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--re-space-3); }
.re-gallery > * { aspect-ratio: 1; border-radius: var(--re-r-md); overflow: hidden; }
.re-gallery > *:first-child { grid-column: span 2; grid-row: span 2; aspect-ratio: 1; }
.re-gallery img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--re-d-slow) var(--re-ease); }
.re-gallery > *:hover img { transform: scale(1.06); }
@media (max-width: 640px) { .re-gallery { grid-template-columns: repeat(2, 1fr); } .re-gallery > *:first-child { grid-column: span 2; } }
/* ──────── Two col include/exclude ──────── */
.re-include { display: grid; grid-template-columns: 1fr 1fr; gap: var(--re-grid-gap); }
.re-include__col { background: var(--re-paper); border-radius: var(--re-r-lg); padding: var(--re-space-6); }
.re-include__col h3 { display: flex; align-items: center; gap: var(--re-space-3); }
.re-include__col ul { list-style: none; padding: 0; margin: var(--re-space-4) 0 0; display: flex; flex-direction: column; gap: var(--re-space-3); }
.re-include__col li { display: flex; gap: var(--re-space-3); align-items: flex-start; font-size: var(--re-text-base); color: var(--re-charcoal); }
.re-include__col li::before { content: ''; width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0; margin-top: 4px; }
.re-include__col.included li::before { background: var(--re-success); }
.re-include__col.excluded li::before { background: var(--re-mist); }
@media (max-width: 880px) { .re-include { grid-template-columns: 1fr; } }
/* ──────── Channel cards (contacto) ──────── */
.re-channels { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--re-grid-gap); }
.re-ch { background: var(--re-paper); border: 1px solid rgba(27,42,78,.08); border-radius: var(--re-r-lg); padding: var(--re-space-6); display: flex; flex-direction: column; gap: var(--re-space-3); transition: transform var(--re-d-base) var(--re-ease), box-shadow var(--re-d-base) var(--re-ease); }
.re-ch:hover { transform: translateY(-4px); box-shadow: var(--re-shadow-2); }
.re-ch svg { width: 32px; height: 32px; stroke: var(--re-orange); fill: none; stroke-width: 1.6; }
.re-ch h3 { margin: 0; font-size: var(--re-text-lg); }
.re-ch p { font-size: var(--re-text-sm); color: var(--re-navy-2); margin: 0; }
@media (max-width: 880px) { .re-channels { grid-template-columns: 1fr; } }
/* ──────── Office hours badge ──────── */
.open-badge, .closed-badge { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.35rem 0.85rem; border-radius: var(--re-r-pill); font-family: var(--re-font-display); font-size: var(--re-text-xs); font-weight: 600; letter-spacing: 0.06em; }
.open-badge { background: rgba(31,122,77,.12); color: var(--re-success); }
.closed-badge { background: rgba(178,59,59,.12); color: var(--re-error); }
.open-dot, .closed-dot { width: 8px; height: 8px; border-radius: 50%; }
.open-dot { background: var(--re-success); box-shadow: 0 0 0 4px rgba(31,122,77,.16); }
.closed-dot { background: var(--re-error); }
.open-badge, .closed-badge { display: none; }
.open-badge.visible, .closed-badge.visible { display: inline-flex; }
/* ──────── Advisor profile cards (nosotros) ──────── */
.re-advisors { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--re-grid-gap); }
.re-adv { background: var(--re-paper); border-radius: var(--re-r-lg); overflow: hidden; box-shadow: var(--re-shadow-1); transition: transform var(--re-d-base) var(--re-ease), box-shadow var(--re-d-base) var(--re-ease); }
.re-adv:hover { transform: translateY(-6px); box-shadow: var(--re-shadow-2); }
.re-adv__photo { aspect-ratio: 4/5; overflow: hidden; }
.re-adv__photo img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.95); transition: filter var(--re-d-base), transform var(--re-d-slow); }
.re-adv:hover .re-adv__photo img { filter: saturate(1.05); transform: scale(1.04); }
.re-adv__body { padding: var(--re-space-5); }
.re-adv__name { font-family: var(--re-font-display); font-size: var(--re-text-lg); font-weight: 700; margin: 0; color: var(--re-navy); }
.re-adv__spec { font-size: var(--re-text-xs); letter-spacing: 0.1em; text-transform: uppercase; color: var(--re-orange); font-weight: 600; font-family: var(--re-font-display); margin: 0.2rem 0 var(--re-space-3); }
.re-adv__bio { font-size: var(--re-text-sm); color: var(--re-navy-2); margin: 0 0 var(--re-space-4); line-height: 1.55; }
@media (max-width: 1024px) { .re-advisors { grid-template-columns: 1fr; } }
/* ──────── Compact hero (contacto, nosotros, paquete) ──────── */
.re-hero--compact { min-height: 56vh; }
.re-hero--compact h1 { font-size: var(--re-text-3xl); }
/* ═══════════════════════════════════════════════════════════════════════
MOBILE FIXES — Sprint 2.5 (hamburger menu + responsive cleanup)
═══════════════════════════════════════════════════════════════════════ */
/* Hamburger button */
.re-burger { display: none; width: 44px; height: 44px; border-radius: var(--re-r-md); background: transparent; border: none; cursor: pointer; position: relative; z-index: 60; margin-left: auto; padding: 0; }
.re-burger__bar { position: absolute; left: 12px; right: 12px; height: 2px; background: var(--re-navy); border-radius: 2px; transition: transform var(--re-d-base) var(--re-ease), opacity var(--re-d-base), background var(--re-d-base); }
.re-burger__bar:nth-child(1) { top: 14px; }
.re-burger__bar:nth-child(2) { top: 21px; }
.re-burger__bar:nth-child(3) { top: 28px; }
.re-burger[aria-expanded="true"] .re-burger__bar:nth-child(1) { transform: translateY(7px) rotate(45deg); background: white; }
.re-burger[aria-expanded="true"] .re-burger__bar:nth-child(2) { opacity: 0; }
.re-burger[aria-expanded="true"] .re-burger__bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); background: white; }
/* Mobile overlay */
.re-mobile-overlay { position: fixed; inset: 0; background: var(--re-navy-3); z-index: 55; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: var(--re-space-5); padding: var(--re-space-9) var(--re-container-x); opacity: 0; visibility: hidden; transform: translateY(-100%); transition: opacity var(--re-d-base) var(--re-ease), transform var(--re-d-base) var(--re-ease), visibility 0s linear var(--re-d-base); }
.re-mobile-overlay.is-open { opacity: 1; visibility: visible; transform: translateY(0); transition: opacity var(--re-d-base) var(--re-ease), transform var(--re-d-base) var(--re-ease), visibility 0s linear 0s; }
.re-mobile-overlay__noise { position: absolute; inset: 0; opacity: 0.08; mix-blend-mode: overlay; pointer-events: none; }
.re-mobile-overlay nav { display: flex; flex-direction: column; gap: var(--re-space-5); text-align: center; width: 100%; max-width: 480px; }
.re-mobile-overlay nav a { font-family: var(--re-font-display); font-size: clamp(1.5rem, 1rem + 3vw, 2.25rem); font-weight: 700; color: white; letter-spacing: -0.02em; padding: var(--re-space-3) 0; border-bottom: 1px solid rgba(255,255,255,.12); transition: color var(--re-d-fast); text-decoration: none; }
.re-mobile-overlay nav a:hover, .re-mobile-overlay nav a:focus-visible { color: var(--re-orange-3); }
.re-mobile-overlay .btn { margin-top: var(--re-space-4); font-size: var(--re-text-base); padding: 1rem 2rem; }
.re-mobile-overlay__footer { margin-top: var(--re-space-6); font-size: var(--re-text-xs); color: rgba(255,255,255,.6); text-align: center; }
.re-mobile-overlay__footer a { color: rgba(255,255,255,.6); text-decoration: none; }
body.re-menu-open { overflow: hidden; }
/* Show burger + hide desktop nav under 880px */
@media (max-width: 880px) {
.re-header__inner { padding: var(--re-space-3) var(--re-container-x); gap: var(--re-space-3); }
.re-nav { display: none !important; }
.re-burger { display: block; }
.re-header .btn--sm { display: none; }
.re-logo { font-size: 1rem; }
.re-logo img { height: 32px !important; }
}
/* Mobile spacing + overflow */
@media (max-width: 880px) {
body { overflow-x: hidden; }
.container { padding-left: var(--re-space-4); padding-right: var(--re-space-4); }
.section { padding: var(--re-space-7) 0; }
.re-hero { min-height: 78vh; }
.re-hero__inner { padding-top: var(--re-space-7); padding-bottom: var(--re-space-7); }
.re-hero h1, .hero-display { font-size: clamp(2.25rem, 1.5rem + 5vw, 3.5rem); }
.re-hero__desc { font-size: var(--re-text-base); }
.re-hero__cta { flex-direction: column; align-items: stretch; }
.re-hero__cta .btn { width: 100%; justify-content: center; }
.re-hero__meta { gap: var(--re-space-4); flex-wrap: wrap; }
.re-hero__meta-item { flex: 1 1 calc(50% - var(--re-space-2)); } .re-trust__grid { grid-template-columns: 1fr; gap: var(--re-space-5); }
.re-trust__item { padding: var(--re-space-3) 0; border-bottom: 1px solid rgba(27,42,78,.06); }
.re-trust__item:last-child { border-bottom: none; } .re-bento__card { grid-row: span 1 !important; grid-column: span 1 !important; aspect-ratio: 4/5; }
.re-intl { grid-template-columns: 1fr !important; }
.re-packages { grid-template-columns: 1fr !important; } .re-steps { grid-template-columns: 1fr !important; gap: var(--re-space-5); }
.re-step__num { font-size: 3rem; } .re-manifesto { padding: var(--re-space-7) var(--re-space-5); }
.re-manifesto__title { font-size: clamp(2rem, 1.6rem + 2.4vw, 3rem) !important; }
.re-manifesto__meta { grid-template-columns: repeat(2, 1fr) !important; gap: var(--re-space-4) !important; }
.re-manifesto__cta { flex-direction: column; width: 100%; }
.re-manifesto__cta .btn { width: 100%; justify-content: center; }
.re-advisor, .re-advisors { grid-template-columns: 1fr !important; }
.re-newsletter { grid-template-columns: 1fr !important; padding: var(--re-space-6); text-align: center; }
.re-newsletter__form { flex-direction: column; }
.re-newsletter__form input { width: 100%; }
.re-newsletter__form .btn { width: 100%; justify-content: center; } .re-footer__bottom { flex-direction: column; align-items: flex-start; gap: var(--re-space-3); }
.re-wa-float { width: 54px; height: 54px; right: 16px; bottom: 16px; }
.re-wa-float svg { width: 26px; height: 26px; }
.re-sticky-cta { padding: var(--re-space-3) var(--re-space-4); }
.re-sticky-cta__price strong { font-size: var(--re-text-base); }
.re-sticky-cta__actions { gap: var(--re-space-2); }
.re-form { padding: var(--re-space-5); }
.re-form__row { grid-template-columns: 1fr !important; }
.pills-group { gap: var(--re-space-2); }
.trip-pill { font-size: var(--re-text-xs); padding: 0.5rem 0.8rem; }
.grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr !important; }
}
@media (max-width: 480px) {
.re-hero h1, .hero-display { font-size: clamp(2rem, 1.2rem + 5vw, 2.75rem); }
.re-hero__inner { padding-top: var(--re-space-6); }
.re-hero__eyebrow { font-size: 0.65rem; padding: 0.3rem 0.7rem; }
.re-hero__meta-item strong { font-size: var(--re-text-lg); }
.re-section-head h2 { font-size: 1.5rem; }
.re-finder { padding: var(--re-space-4); }
.re-bento__label h3 { font-size: var(--re-text-base); }
.pull-quote, .re-quote-break blockquote { font-size: clamp(1.25rem, 1rem + 3vw, 2rem) !important; }
.re-manifesto__title { font-size: clamp(1.5rem, 1.2rem + 2vw, 2rem) !important; }
}
/* Touch targets WCAG 44px min */
@media (max-width: 880px) {
.btn, .re-pkg__cta, .re-section-head__link, nav a {
min-height: 44px;
display: inline-flex;
align-items: center;
}
}
/* ═══════════════ FIXES Sprint 2.5b ═══════════════ */
/* Header logo (image) */
.re-logo { display: inline-flex; align-items: center; text-decoration: none; line-height: 1; }
.re-logo img { display: block; height: 44px; width: auto; max-width: 180px; }
@media (max-width: 880px) { .re-logo img { height: 36px; } }
@media (max-width: 480px) { .re-logo img { height: 32px; } }
/* Finder h3 mobile-friendly */
.re-finder__h { font-size: clamp(1rem, 0.8rem + 1.5vw, 1.5rem); line-height: 1.3; }
.re-finder__h-sep { color: var(--re-orange); margin: 0 0.4em; }
@media (max-width: 640px) {
.re-finder__h { font-size: 1rem; }
.re-finder__h-sep { display: block; height: 0; visibility: hidden; margin: 0; }
}
/* Section head mobile force column con spacing decente */
@media (max-width: 880px) {
.re-section-head__title { width: 100%; }
.re-section-head h2 { font-size: clamp(1.5rem, 1rem + 2.5vw, 2rem) !important; line-height: 1.2; word-break: normal; }
.re-section-head .eyebrow { font-size: 0.7rem; }
.re-section-head__link { font-size: var(--re-text-sm); }
}
/* Burger mobile — force visible */
@media (max-width: 880px) {
.re-burger { display: block !important; }
.re-nav { display: none !important; }
.re-header__inner > .btn--sm { display: none !important; }
}
@media (min-width: 881px) {
.re-burger { display: none !important; }
}
/* ═══════════════════════════════════════════════════════════════════════
SPRINT 2.7 — UX Architect audit fixes
═══════════════════════════════════════════════════════════════════════ */
/* FIX a11y: skip link */
.skip-link { position: absolute; top: -100px; left: 0; background: var(--re-navy); color: white; padding: var(--re-space-3) var(--re-space-5); font-family: var(--re-font-display); font-weight: 600; z-index: 100; border-radius: 0 0 var(--re-r-md) 0; transition: top var(--re-d-base); }
.skip-link:focus { top: 0; }
/* FIX scroll-margin-top en anchors (compensa header sticky) */
html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 80px; }
/* FIX focus-visible en section-head__link + decorative anchors */
.re-section-head__link:focus-visible, a.re-bento__card:focus-visible {
outline: 3px solid var(--re-orange);
outline-offset: 4px;
border-radius: var(--re-r-sm);
}
/* FIX 4: Section spacing mobile más amplio */
@media (max-width: 880px) {
.section { padding: var(--re-space-9) 0 !important; }
/* Refuerzo distinción visual entre secciones */
.re-quote-break + .section { margin-top: var(--re-space-5); }
.section--paper { background: #F1ECE0; } /* tono más distinto del bone */
}
/* FIX 5: Hub experiencias aspect-ratio mobile compacto */
@media (max-width: 880px) {
#experiencias .re-bento__card { aspect-ratio: 16/10 !important; }}
/* FIX 3: Trip finder mobile rediseño completo */
@media (max-width: 880px) {
.re-finder {
margin-top: var(--re-space-6) !important;
padding: var(--re-space-6) var(--re-space-5) !important;
border-radius: var(--re-r-lg);
box-shadow: var(--re-shadow-1);
}
.re-finder__h {
text-align: left !important;
font-size: 1.125rem !important;
line-height: 1.3;
margin-bottom: var(--re-space-2);
color: var(--re-navy);
font-family: var(--re-font-display);
font-weight: 700;
}
.re-finder__h-sep { display: none !important; }
.re-finder__h::after {
content: 'Te toma 30 segundos';
display: block;
font-size: 0.875rem;
font-weight: 400;
color: var(--re-charcoal);
margin-top: 0.25rem;
opacity: 0.75;
font-family: var(--re-font-body);
}
.re-finder__field:nth-child(1) { grid-column: span 2 !important; } /* destino full */
.re-finder__field:nth-child(4) { grid-column: span 2 !important; } /* experiencia full */
.re-finder__steps button { grid-column: span 2 !important; width: 100% !important; min-height: 52px; justify-content: center; font-size: var(--re-text-base) !important; }
.re-finder__field select { min-height: 48px !important; font-size: 1rem !important; padding: 0.7rem 0.85rem !important; }
.re-finder__field label { font-size: 0.7rem !important; letter-spacing: 0.08em !important; }
}
/* FIX 6 candidate: defensive WhatsApp float */
.re-wa-float { background: #25D366 !important; }
.re-wa-float svg { fill: white !important; color: white !important; }
/* FIX 6 candidate b: Ensure mobile overlay esconde cuando NO is-open */
.re-mobile-overlay:not(.is-open) {
visibility: hidden !important;
pointer-events: none !important;
}
/* FIX 6 candidate c: Defensive footer cleanup — escondé cualquier elemento huérfano post-footer */
.re-footer ~ *:not(.re-wa-float):not(.re-mobile-overlay):not(script):not(style) {
display: none !important;
}
/* FIX 5b: Header desktop espacio extra raro (negative margin del finder demasiado pull) */
@media (min-width: 881px) {
.re-finder { margin-top: -3rem; }
}
/* FIX 4b: Section head mobile bien spaceado */
@media (max-width: 880px) {
.re-section-head__title { width: 100%; }
.re-section-head h2 {
font-size: clamp(1.4rem, 1rem + 2.2vw, 1.9rem) !important;
line-height: 1.2 !important;
margin: 0.3rem 0 0 !important;
}
.re-section-head .eyebrow {
font-size: 0.7rem !important;
letter-spacing: 0.12em !important;
}
.re-section-head__link {
font-size: var(--re-text-sm) !important;
margin-top: var(--re-space-2) !important;
}
}
/* FIX i18n: hero img y bento img — fallback bg color si img falla */
.re-bento__card { background: var(--re-navy-3); }
.re-bento__card img + .re-bento__label { /* label visible aunque img falle */ }
/* ═══════════════════════════════════════════════════════════════════════
SPRINT 2.8 — Round 2 UX corrections
═══════════════════════════════════════════════════════════════════════ */
/* 1. SKIP LINK — visually hidden hasta focus (corregido) */
.skip-link {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
top: auto !important;
left: auto !important;
}
.skip-link:focus,
.skip-link:focus-visible {
position: fixed !important;
top: 12px !important;
left: 12px !important;
width: auto !important;
height: auto !important;
padding: 0.75rem 1.25rem !important;
margin: 0 !important;
overflow: visible !important;
clip: auto !important;
background: var(--re-navy) !important;
color: white !important;
border-radius: var(--re-r-md) !important;
z-index: 9999 !important;
font-family: var(--re-font-display) !important;
font-weight: 700 !important;
text-decoration: none !important;
}
/* 4. SECCIÓN INTERNACIONALES — más separación head ↔ grid */
@media (max-width: 880px) {
.re-intl, .re-bento, .grid-3, .grid-4, .re-packages, .re-testimonials, .re-blog, .re-advisors {
margin-top: var(--re-space-5) !important;
}
.section { overflow: visible; } /* evitar clipping */
}
/* 5. FOOTER LOGO — wrapper card con bg claro para que logo navy se vea */
.re-footer-logo-wrap {
display: inline-block;
background: rgba(255,255,255,.95);
padding: 12px 18px;
border-radius: var(--re-r-md);
margin-bottom: var(--re-space-4);
box-shadow: var(--re-shadow-1);
}
.re-footer-logo-wrap img { display: block; height: 48px !important; width: auto !important; max-width: 180px; }
/* 6. CUADRO GRIS POST-FOOTER — fix definitivo mobile overlay */
.re-mobile-overlay {
display: none !important; /* default hidden */
}
.re-mobile-overlay.is-open {
display: flex !important;
}
@media (max-width: 880px) {
.re-mobile-overlay { display: none !important; }
.re-mobile-overlay.is-open { display: flex !important; }
}
/* Defensive: any orphan svg post-footer */
.re-footer ~ svg, .re-footer ~ div:not(.re-mobile-overlay):not(.re-wa-float):empty {
display: none !important;
}
/* 7. HAMBURGER mobile — FORCE display block + inline style fallback */
.re-burger {
display: none;
width: 44px; height: 44px;
border: none; background: transparent; cursor: pointer;
position: relative; z-index: 60;
margin-left: auto; padding: 0;
}
@media (max-width: 880px) {
.re-burger { display: inline-flex !important; align-items: center; justify-content: center; }
.re-nav { display: none !important; }
.re-header__inner > a.btn--sm { display: none !important; } /* solo el CTA externo del header */
}
.re-burger__bar { position: absolute; left: 12px; right: 12px; height: 2px; background: var(--re-navy); border-radius: 2px; transition: transform var(--re-d-base), opacity var(--re-d-base), background var(--re-d-base); }
.re-burger__bar:nth-child(1) { top: 14px; }
.re-burger__bar:nth-child(2) { top: 21px; }
.re-burger__bar:nth-child(3) { top: 28px; }
.re-burger[aria-expanded="true"] .re-burger__bar:nth-child(1) { transform: translateY(7px) rotate(45deg); background: white; }
.re-burger[aria-expanded="true"] .re-burger__bar:nth-child(2) { opacity: 0; }
.re-burger[aria-expanded="true"] .re-burger__bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); background: white; }
/* Adicionales: intl card spacing en mobile */
@media (max-width: 880px) {
.re-intl { gap: var(--re-space-5) !important; }
.re-intl__card { margin-bottom: 0; }
}
/* ═══════════════════════════════════════════════════════════════════════
SPRINT 2.8 — Round 2 UX corrections
═══════════════════════════════════════════════════════════════════════ */
/* 1. SKIP LINK — visually hidden hasta focus (corregido) */
.skip-link {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
top: auto !important;
left: auto !important;
}
.skip-link:focus,
.skip-link:focus-visible {
position: fixed !important;
top: 12px !important;
left: 12px !important;
width: auto !important;
height: auto !important;
padding: 0.75rem 1.25rem !important;
margin: 0 !important;
overflow: visible !important;
clip: auto !important;
background: var(--re-navy) !important;
color: white !important;
border-radius: var(--re-r-md) !important;
z-index: 9999 !important;
font-family: var(--re-font-display) !important;
font-weight: 700 !important;
text-decoration: none !important;
}
/* Defensive: any orphan svg post-footer */
/* 7. HAMBURGER mobile — FORCE display block + inline style fallback */
.re-burger {
display: none;
width: 44px; height: 44px;
border: none; background: transparent; cursor: pointer;
position: relative; z-index: 60;
margin-left: auto; padding: 0;
}
@media (max-width: 880px) {
.re-burger { display: inline-flex !important; align-items: center; justify-content: center; }
.re-nav { display: none !important; }
.re-header__inner > a.btn--sm { display: none !important; } /* solo el CTA externo del header */
}
.re-burger__bar { position: absolute; left: 12px; right: 12px; height: 2px; background: var(--re-navy); border-radius: 2px; transition: transform var(--re-d-base), opacity var(--re-d-base), background var(--re-d-base); }
.re-burger__bar:nth-child(1) { top: 14px; }
.re-burger__bar:nth-child(2) { top: 21px; }
.re-burger__bar:nth-child(3) { top: 28px; }
.re-burger[aria-expanded="true"] .re-burger__bar:nth-child(1) { transform: translateY(7px) rotate(45deg); background: white; }
.re-burger[aria-expanded="true"] .re-burger__bar:nth-child(2) { opacity: 0; }
.re-burger[aria-expanded="true"] .re-burger__bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); background: white; }
/* Adicionales: intl card spacing en mobile */
@media (max-width: 880px) {
.re-intl { gap: var(--re-space-5) !important; }
.re-intl__card { margin-bottom: 0; }
}
/* SPRINT 2.6 grid experiencias fix */
#experiencias .re-bento__card,
#experiencias .re-bento__card:nth-child(1),
#experiencias .re-bento__card:nth-child(3) {
grid-row: auto !important;
grid-column: auto !important;
}/* SPRINT 3.3 — Visibility refinements */
body.single-paquete,
body.single-destino { background: var(--re-bone); }
/* H2 sobre section navy → blanco (asegura contraste cross-section) */
.section--navy h1, .section--navy h2, .section--navy h3, .section--navy h4,
.section--navy .eyebrow { color: white !important; }
/* Re-prose (single-paquete the_content) tipografía */
.re-prose {
max-width: 70ch;
margin: 0 auto;
font-size: var(--re-text-base);
line-height: 1.7;
color: var(--re-navy);
}
.re-prose h2, .re-prose h3 { margin-top: var(--re-space-6); }
.re-prose p, .re-prose ul, .re-prose ol { margin: var(--re-space-3) 0; color: var(--re-navy-2); }
/* Glance bar legibilidad */
.re-glance { background: var(--re-paper); border: 1px solid rgba(27,42,78,.08); border-radius: var(--re-r-xl); padding: var(--re-space-5); margin-top: calc(var(--re-space-5) * -1); position: relative; z-index: 2; box-shadow: 0 8px 28px rgba(27,42,78,.06); }
.re-glance__item { color: var(--re-navy); }
.re-glance__item strong { color: var(--re-navy) !important; }
/* Cross-section cards "Conoce más" — asegurar bg paper */
.re-cross-grid > a { background: var(--re-paper) !important; color: var(--re-navy) !important; }
.re-cross-grid > a h3 { color: var(--re-navy) !important; }
/* SPRINT 3.9 — Reorganización jerárquica */
/* Exp chips strip */
.re-exp-strip { display: flex; align-items: center; flex-wrap: wrap; gap: var(--re-space-3); padding: var(--re-space-5) 0; }
.re-exp-strip__label { font-family: var(--re-font-display); font-size: var(--re-text-sm); color: var(--re-navy-2); font-weight: 600; letter-spacing: 0.04em; }
.re-exp-strip__chips { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.re-exp-chip {
display: inline-block;
padding: 0.45rem 1rem;
border: 1.5px solid rgba(27,42,78,.15);
border-radius: var(--re-r-pill);
font-family: var(--re-font-display);
font-size: var(--re-text-xs);
font-weight: 600;
letter-spacing: 0.06em;
color: var(--re-navy);
background: var(--re-paper);
text-decoration: none;
transition: all var(--re-d-fast);
}
.re-exp-chip:hover { background: var(--re-navy); color: white; border-color: var(--re-navy); }
.re-exp-chip.is-active { background: var(--re-orange); color: white; border-color: var(--re-orange); }
@media (max-width: 640px) {
.re-exp-strip { flex-direction: column; align-items: flex-start; }
.re-exp-strip__chips { width: 100%; }
}
/* Destinos hub */
.re-destinos-hub__section { margin-bottom: var(--re-space-9); }
.re-destinos-hub__section-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: var(--re-space-5); padding-bottom: var(--re-space-3); border-bottom: 1px solid rgba(27,42,78,.08); }
.re-destinos-hub__section-head h2 { color: var(--re-navy); margin: 0; }
.re-destinos-hub__section-head .meta { color: var(--re-orange); font-family: var(--re-font-display); font-weight: 600; font-size: var(--re-text-xs); letter-spacing: 0.1em; text-transform: uppercase; }
.re-destinos-hub__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--re-space-5); }
@media (max-width: 1024px) { .re-destinos-hub__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 720px) { .re-destinos-hub__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .re-destinos-hub__grid { grid-template-columns: 1fr; } }
.re-destino-card { background: var(--re-paper); border: 1px solid rgba(27,42,78,.08); border-radius: var(--re-r-lg); overflow: hidden; transition: transform var(--re-d-base), box-shadow var(--re-d-base); text-decoration: none; color: inherit; display: flex; flex-direction: column; }
.re-destino-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(27,42,78,.12); }
.re-destino-card__img { aspect-ratio: 4/3; overflow: hidden; }
.re-destino-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--re-d-slow); }
.re-destino-card:hover .re-destino-card__img img { transform: scale(1.05); }
.re-destino-card__body { padding: var(--re-space-4); }
.re-destino-card__meta { font-family: var(--re-font-display); font-size: var(--re-text-xs); color: var(--re-orange); letter-spacing: 0.08em; text-transform: uppercase; font-weight: 600; display: block; margin-bottom: 0.3rem; }
.re-destino-card h3 { font-size: var(--re-text-lg); color: var(--re-navy); margin: 0; line-height: 1.2; }
/* Destino package callout (1-line) */
.re-destino-pkg-callout { background: var(--re-paper); border: 1px solid rgba(27,42,78,.08); border-left: 4px solid var(--re-orange); border-radius: var(--re-r-lg); padding: var(--re-space-5) var(--re-space-6); display: flex; align-items: center; justify-content: space-between; gap: var(--re-space-5); flex-wrap: wrap; }
.re-destino-pkg-callout__text { color: var(--re-navy-2); margin: 0; line-height: 1.65; flex: 1; min-width: 280px; }
.re-destino-pkg-callout__text strong { color: var(--re-navy); }
.re-destino-pkg-callout__actions { display: flex; gap: var(--re-space-2); flex-wrap: wrap; }
/* Footer 5-col responsive (brand + 4 cols nav) */
@media (min-width: 1024px) {
.re-footer__grid { grid-template-columns: 1.4fr 1fr 1fr 1fr 1.1fr !important; gap: var(--re-space-6); }
}
@media (max-width: 1023px) and (min-width: 720px) {}
@media (max-width: 719px) {}
/* Blog cat chips filter */
.re-blog-cats { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; margin-bottom: var(--re-space-6); }
/* ═══════════════════════════════════════════════════════════════════
/* ═══════════════════════════════════════════════════════════════════
FINAL — Cards grid responsive + tipografía paleta
Sobrescribe todas las reglas previas. Última fuente de verdad.
═══════════════════════════════════════════════════════════════════ */
/* ─── Tipografía: headings navy oscuro --re-navy #1B2A4E ─── */
h1, h2, h3, h4, h5, h6,
.entry-content :where(h1,h2,h3,h4,h5,h6) {
color: var(--re-navy) !important;
}
/* Excepción: sobre fondos navy/dark → white */
.section--navy h1, .section--navy h2, .section--navy h3, .section--navy h4,
.section--navy .eyebrow,
.re-hero h1, .re-hero h2, .re-hero h3, .re-hero__eyebrow,
.re-mobile-overlay h1, .re-mobile-overlay h2, .re-mobile-overlay h3, .re-mobile-overlay a,
.re-newsletter h2, .re-advisor h2, .re-advisor h3,
.re-manifesto h1, .re-manifesto h2, .re-manifesto h3, .re-manifesto h4,
.re-manifesto p, .re-manifesto__eyebrow,
.re-rnt-card__badge strong,
.re-bento__label h3, .re-bento__label .meta,
.re-pkg__body h3, .re-pkg__chip,
.re-footer h4, .re-footer p, .re-footer a, .re-footer span {
color: white !important;
}
/* Manifesto: "Rutas inolvidables" emphasis coral, no navy invisible */
.re-manifesto h2 em,
.re-manifesto h2 strong { color: var(--re-orange-3) !important; font-style: normal; }
/* Body text default */
body { color: var(--re-navy-2); }
p { color: var(--re-navy-2); }
/* ─── Grid responsive unificado: TODAS las cards ─── */
.re-dest-grid,
.re-destinos-hub__grid,
.re-intl,
.re-packages,
.re-pkg-grid,
.re-blog-grid {
display: grid !important;
gap: var(--re-space-4) !important;
width: 100%;
}
/* Desktop ≥1025px: 4 cols (3 cols solo paquetes destacados home) */
@media (min-width: 1025px) {
.re-dest-grid,
.re-destinos-hub__grid,
.re-intl,
.re-pkg-grid,
.re-blog-grid,
.re-packages {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
}
/* Tablet 768-1024px: 3 cols */
@media (min-width: 768px) and (max-width: 1024px) {
.re-dest-grid,
.re-destinos-hub__grid,
.re-intl,
.re-pkg-grid,
.re-blog-grid,
.re-packages {
grid-template-columns: 1fr !important;
gap: var(--re-space-4) !important;
}
}
/* Mobile <768px: 2 cols SIEMPRE */
@media (max-width: 767px) {
.re-dest-grid,
.re-destinos-hub__grid,
.re-intl,
.re-pkg-grid,
.re-blog-grid,
.re-packages {
grid-template-columns: 1fr !important;
gap: 1rem !important;
}
/* Card body padding compacto */
.re-dest-card__body,
.re-destino-card__body,
.re-intl__card__body,
.re-pkg__body,
.re-pkg-card__body,
.re-blog-card__body {
padding: 0.6rem 0.8rem !important;
}
/* H3 cards mobile */
.re-dest-card h3,
.re-destino-card h3,
.re-intl__card h3,
.re-pkg__body h3,
.re-pkg-card h3,
.re-blog-card h2 {
font-size: 0.9rem !important;
line-height: 1.2 !important;
margin: 0 !important;
}
/* Meta/eyebrow mobile */
.re-dest-card__meta,
.re-destino-card__meta,
.re-intl__card .meta,
.re-pkg-card .meta,
.re-blog-card__date {
font-size: 0.6rem !important;
letter-spacing: 0.05em !important;
margin-bottom: 0.15rem !important;
}
.re-pkg__chip {
font-size: 0.55rem !important;
padding: 0.2rem 0.5rem !important;
}
/* Descripciones ocultas mobile */
.re-intl__card p,
.re-pkg .pkg-desc,
.re-pkg-card__body p,
.re-blog-card p {
display: none !important;
}
/* Precio compacto */
.re-pkg__price strong,
.re-pkg-card__price strong,
.re-intl__card .price {
font-size: 0.85rem !important;
}
.re-pkg__price span,
.re-pkg-card__price span {
font-size: 0.6rem !important;
}
/* CTA "Ver paquete" → flecha circular */
.re-pkg__cta {
font-size: 0 !important;
padding: 0 !important;
width: 30px !important;
height: 30px !important;
border-radius: 50% !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: rgba(255,255,255,.96);
color: var(--re-navy);
}
.re-pkg__cta::after {
content: '→';
font-size: 0.95rem;
line-height: 1;
}
/* Footer mobile compact */
.re-pkg__footer,
.re-pkg-card__footer {
padding-top: 0.5rem !important;
margin-top: 0.4rem !important;
gap: 0.4rem !important;
}
}
/* ─── Imágenes cards: aspect uniforme ─── */
.re-dest-card__img,
.re-destino-card__img,
.re-intl__card .img-wrap,
.re-pkg__img,
.re-pkg-card__img,
.re-blog-card__img-wrap {
position: relative;
aspect-ratio: 4/3;
overflow: hidden;
background: var(--re-bone);
}
.re-dest-card__img img,
.re-destino-card__img img,
.re-intl__card .img-wrap img,
.re-pkg__img img,
.re-pkg-card__img img,
.re-blog-card__img-wrap img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform var(--re-d-slow);
}
/* Mobile: imágenes cuadradas 1/1 (más compactas) */
@media (max-width: 767px) {
.re-dest-card__img,
.re-destino-card__img,
.re-intl__card .img-wrap,
.re-pkg__img,
.re-pkg-card__img,
.re-blog-card__img-wrap {
aspect-ratio: 1/1 !important;
}
}
/* ─── Astra palette guard ─── */
:root {
--ast-global-color-0: #E8631A !important;
--ast-global-color-1: #C9501A !important;
--ast-global-color-2: #1B2A4E !important;
--ast-global-color-3: #243558 !important;
--ast-global-color-4: #F7F4EE !important;
--ast-global-color-5: #FBFAF6 !important;
--ast-global-color-6: #1B2A4E !important;
--ast-global-color-7: #E8DCC4 !important;
--ast-global-color-8: #2B5C7F !important;
}
/* Links default = orange */
a { color: var(--re-orange); }
a:hover, a:focus { color: var(--re-orange-2); }
/* ─── Salidas calendario (single paquete) ─── */
.re-salidas-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--re-space-4); }
@media (max-width: 1024px) { .re-salidas-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .re-salidas-grid { grid-template-columns: 1fr; gap: 0.75rem; } }
.re-salida-card {
background: var(--re-paper);
border: 1px solid rgba(27,42,78,.08);
border-left: 4px solid var(--re-orange);
border-radius: var(--re-r-lg);
padding: var(--re-space-4) var(--re-space-5);
display: flex;
flex-direction: column;
gap: 0.35rem;
transition: transform var(--re-d-base), box-shadow var(--re-d-base);
}
.re-salida-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(27,42,78,.08); }
.re-salida-card__date {
font-family: var(--re-font-display);
font-weight: 700;
font-size: var(--re-text-base);
color: var(--re-navy);
text-transform: capitalize;
}
.re-salida-card__origen {
font-size: var(--re-text-xs);
color: var(--re-navy-2);
}
.re-salida-card__price {
font-family: var(--re-font-display);
font-weight: 800;
font-size: var(--re-text-lg);
color: var(--re-orange);
margin-top: 0.25rem;
}
.re-salida-card__cta {
margin-top: 0.5rem;
font-family: var(--re-font-display);
font-size: var(--re-text-xs);
font-weight: 700;
color: var(--re-navy);
text-decoration: none;
letter-spacing: 0.05em;
padding-top: 0.4rem;
border-top: 1px solid rgba(27,42,78,.08);
}
.re-salida-card__cta:hover { color: var(--re-orange); }
/* ─── Lista salidas compacta (dentro accordion padre) ─── */
.re-salidas-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.6rem; }
.re-salida-item {
display: grid;
grid-template-columns: 60px 1fr auto;
gap: var(--re-space-4);
align-items: center;
padding: var(--re-space-3) var(--re-space-4);
background: var(--re-paper);
border: 1px solid rgba(27,42,78,.08);
border-radius: var(--re-r-md);
transition: border-color var(--re-d-fast), transform var(--re-d-fast);
}
.re-salida-item:hover { border-color: var(--re-orange); transform: translateX(2px); }
.re-salida-item__date {
display: flex;
flex-direction: column;
align-items: center;
background: var(--re-orange);
color: white;
padding: 0.4rem 0.6rem;
border-radius: var(--re-r-md);
min-width: 50px;
}
.re-salida-item__day { font-family: var(--re-font-display); font-weight: 800; font-size: 1.3rem; line-height: 1; }
.re-salida-item__month { font-family: var(--re-font-display); font-weight: 700; font-size: 0.65rem; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 0.15rem; }
.re-salida-item__info { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
.re-salida-item__info strong { font-family: var(--re-font-display); color: var(--re-navy); font-size: var(--re-text-base); text-transform: capitalize; }
.re-salida-item__info span { font-size: var(--re-text-sm); color: var(--re-navy-2); }
.re-salida-item__price { color: var(--re-orange) !important; font-weight: 700; }
.re-salida-item__cta {
font-family: var(--re-font-display);
font-size: var(--re-text-sm);
font-weight: 700;
color: var(--re-navy);
text-decoration: none;
padding: 0.5rem 0.9rem;
border: 1.5px solid var(--re-navy);
border-radius: var(--re-r-pill);
white-space: nowrap;
transition: all var(--re-d-fast);
}
.re-salida-item__cta:hover { background: var(--re-navy); color: white; }
@media (max-width: 640px) {
.re-salida-item { grid-template-columns: 48px 1fr; gap: 0.7rem; padding: 0.7rem 0.8rem; }
.re-salida-item__date { min-width: 40px; padding: 0.3rem 0.4rem; }
.re-salida-item__day { font-size: 1.05rem; }
.re-salida-item__month { font-size: 0.55rem; }
.re-salida-item__info strong { font-size: 0.85rem; }
.re-salida-item__info span { font-size: 0.75rem; }
.re-salida-item__cta {
grid-column: 1 / -1;
text-align: center;
margin-top: 0.4rem;
font-size: 0.75rem;
padding: 0.4rem 0.8rem;
}
}
/* ═══════════════════════════════════════════════════════════════════
GUARD FINAL — Skip link visually hidden + overlay siempre oculto inicial
═══════════════════════════════════════════════════════════════════ */
.skip-link,
a.skip-link {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
top: auto !important;
left: auto !important;
}
.skip-link:focus, .skip-link:focus-visible,
a.skip-link:focus, a.skip-link:focus-visible {
position: fixed !important;
top: 12px !important;
left: 12px !important;
width: auto !important;
height: auto !important;
padding: 0.75rem 1.25rem !important;
overflow: visible !important;
clip: auto !important;
background: var(--re-navy) !important;
color: white !important;
z-index: 9999 !important;
}
.re-mobile-overlay {
display: flex;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-100%);
}
.re-mobile-overlay.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
}
.re-mobile-overlay:not(.is-open) {
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
/* ═══════════════════════════════════════════════════════════════════
ULTIMATE GUARD — Skip link + Mobile overlay HARD HIDE
Si user ve "Saltar al contenido" inline o overlay nav inline = fail
Forzar hide absoluto.
═══════════════════════════════════════════════════════════════════ */
a.skip-link,
.skip-link {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
left: -9999px !important;
top: auto !important;
}
a.skip-link:focus,
a.skip-link:focus-visible,
.skip-link:focus,
.skip-link:focus-visible {
position: fixed !important;
width: auto !important;
height: auto !important;
padding: 0.75rem 1.25rem !important;
margin: 0 !important;
overflow: visible !important;
clip: auto !important;
clip-path: none !important;
white-space: normal !important;
left: 12px !important;
top: 12px !important;
background: var(--re-navy) !important;
color: white !important;
z-index: 99999 !important;
border-radius: var(--re-r-md) !important;
}
div.re-mobile-overlay,
.re-mobile-overlay {
position: fixed !important;
inset: 0 !important;
z-index: 55 !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-100%) !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
background: var(--re-navy-3) !important;
}
div.re-mobile-overlay.is-open,
.re-mobile-overlay.is-open {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translateY(0) !important;
}
/* Header sticky mobile */
header.re-header,
.re-header {
position: sticky;
top: 0;
z-index: 50;
background: rgba(247,244,238,.95);
backdrop-filter: blur(10px);
border-bottom: 1px solid rgba(27,42,78,.06);
}
/* ═══════════════════════════════════════════════════════════════════
LEGAL pages (Privacidad / Términos) — tipografía editorial limpia
═══════════════════════════════════════════════════════════════════ */
.re-legal-hero {
background: var(--re-navy);
color: white;
padding: clamp(3rem, 6vw, 5rem) 0 clamp(2rem, 4vw, 3rem);
position: relative;
overflow: hidden;
}
.re-legal-hero::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(circle at 80% 20%, rgba(232,99,26,.18), transparent 50%),
radial-gradient(circle at 10% 90%, rgba(255,179,122,.12), transparent 60%);
pointer-events: none;
}
.re-legal-hero__inner { position: relative; max-width: 760px; }
.re-legal-hero .eyebrow {
display: inline-block;
font-family: var(--re-font-display);
font-size: 0.72rem;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--re-orange-3, #FFB37A);
margin-bottom: var(--re-space-3);
font-weight: 600;
}
.re-legal-hero h1 {
color: white !important;
font-family: var(--re-font-display);
font-size: clamp(2rem, 1.4rem + 2.4vw, 3.4rem);
line-height: 1.1;
margin: 0 0 var(--re-space-3);
font-weight: 700;
letter-spacing: -0.01em;
}
.re-legal-hero__lead {
color: rgba(255,255,255,.85) !important;
font-family: var(--re-font-body);
font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.25rem);
line-height: 1.55;
margin: 0 0 var(--re-space-4);
max-width: 60ch;
}
.re-legal-hero__meta {
font-size: 0.85rem;
color: rgba(255,255,255,.65) !important;
margin: 0;
}
.re-legal-hero__meta strong { color: white !important; font-weight: 600; }
/* Section grid: article + aside sidebar */
body.page-legal .section { padding: clamp(2.5rem, 5vw, 4.5rem) 0; }
body.page-legal .container {
display: grid;
grid-template-columns: minmax(0, 1fr) 280px;
gap: clamp(2rem, 4vw, 4rem);
align-items: start;
}
.re-legal-article {
background: white;
padding: clamp(1.5rem, 3vw, 3rem);
border-radius: 12px;
box-shadow: 0 2px 24px rgba(27,42,78,0.04);
font-family: var(--re-font-body);
color: var(--re-navy-2);
line-height: 1.7;
max-width: 75ch;
}
.re-legal-article .re-legal-intro {
font-size: 1.05rem;
color: var(--re-navy);
background: var(--re-bone);
padding: var(--re-space-4);
border-left: 3px solid var(--re-orange);
border-radius: 0 8px 8px 0;
margin: 0 0 var(--re-space-5);
}
.re-legal-article h2 {
color: var(--re-navy) !important;
font-family: var(--re-font-display);
font-size: clamp(1.3rem, 1.05rem + 0.9vw, 1.7rem);
font-weight: 700;
letter-spacing: -0.005em;
margin: clamp(2rem, 4vw, 3rem) 0 var(--re-space-3);
padding-bottom: var(--re-space-2);
border-bottom: 2px solid var(--re-bone);
scroll-margin-top: 80px;
}
.re-legal-article h2:first-of-type { margin-top: 0; }
.re-legal-article h3 {
color: var(--re-navy) !important;
font-family: var(--re-font-display);
font-size: clamp(1.05rem, 0.95rem + 0.4vw, 1.2rem);
font-weight: 600;
margin: var(--re-space-4) 0 var(--re-space-2);
}
.re-legal-article p {
color: var(--re-navy-2);
margin: 0 0 var(--re-space-3);
font-size: 0.98rem;
}
.re-legal-article ul,
.re-legal-article ol {
margin: 0 0 var(--re-space-4) 0;
padding-left: var(--re-space-4);
}
.re-legal-article ul li,
.re-legal-article ol li {
margin-bottom: var(--re-space-2);
color: var(--re-navy-2);
font-size: 0.98rem;
line-height: 1.6;
}
.re-legal-article ul li::marker { color: var(--re-orange); }
.re-legal-article ol li::marker { color: var(--re-orange); font-weight: 600; }
.re-legal-article strong { color: var(--re-navy); font-weight: 600; }
.re-legal-article a {
color: var(--re-orange);
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.re-legal-article a:hover { color: var(--re-orange-2, #C9501A); }
.re-legal-data {
background: var(--re-bone);
list-style: none !important;
padding: var(--re-space-3) var(--re-space-4) !important;
border-radius: 8px;
margin: 0 0 var(--re-space-4) !important;
}
.re-legal-data li {
padding: var(--re-space-1) 0;
border-bottom: 1px dashed rgba(27,42,78,.1);
font-size: 0.95rem;
}
.re-legal-data li:last-child { border-bottom: 0; }
.re-legal-contact {
background: var(--re-bone);
padding: var(--re-space-4);
border-radius: 8px;
border: 1px solid rgba(27,42,78,.06);
margin-top: var(--re-space-4);
}
.re-legal-contact p { margin: 0 0 var(--re-space-2); }
.re-legal-contact p:last-child { margin-bottom: 0; }
.re-legal-divider {
border: 0;
border-top: 1px solid var(--re-bone);
margin: var(--re-space-5) 0 var(--re-space-3);
}
.re-legal-footer-note {
font-size: 0.85rem;
color: var(--re-navy-2);
font-style: italic;
opacity: 0.8;
}
/* Aside sidebar */
.re-legal-aside {
position: sticky;
top: 100px;
background: var(--re-bone);
padding: var(--re-space-4);
border-radius: 12px;
font-family: var(--re-font-display);
}
.re-legal-aside h3 {
color: var(--re-navy) !important;
font-size: 0.95rem;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
margin: 0 0 var(--re-space-3);
}
.re-legal-aside ul {
list-style: none;
padding: 0;
margin: 0 0 var(--re-space-4);
}
.re-legal-aside ul li { margin-bottom: var(--re-space-2); }
.re-legal-aside ul li a {
color: var(--re-navy) !important;
text-decoration: none;
font-size: 0.9rem;
font-weight: 500;
border-bottom: 1px solid transparent;
transition: border-color 0.15s;
}
.re-legal-aside ul li a:hover { border-bottom-color: var(--re-orange); color: var(--re-orange) !important; }
.re-legal-aside__contact {
background: white;
padding: var(--re-space-3);
border-radius: 8px;
border: 1px solid rgba(27,42,78,.08);
}
.re-legal-aside__contact strong {
display: block;
color: var(--re-navy);
font-size: 0.9rem;
margin-bottom: var(--re-space-1);
}
.re-legal-aside__contact p {
font-family: var(--re-font-body);
font-size: 0.85rem;
color: var(--re-navy-2);
margin: 0 0 var(--re-space-3);
line-height: 1.4;
}
.re-legal-aside__contact .btn--wa {
width: 100%;
font-size: 0.85rem;
padding: 0.5rem;
}
/* Mobile: stack aside debajo */
@media (max-width: 880px) {
body.page-legal .container {
grid-template-columns: 1fr;
gap: var(--re-space-4);
}
.re-legal-aside { position: static; }
.re-legal-article { padding: var(--re-space-4); }
}
@media (max-width: 600px) {
.re-legal-article .re-legal-intro { padding: var(--re-space-3); font-size: 0.95rem; }
.re-legal-data { padding: var(--re-space-3) !important; }
.re-legal-data li { font-size: 0.88rem; }
}
/* ═══════════════════════════════════════════════════════════════════
COOKIE BANNER — tropical modernism style, bottom anchored
═══════════════════════════════════════════════════════════════════ */
.re-cookie-banner {
position: fixed;
inset: auto 0 0 0;
z-index: 9990;
padding: clamp(0.75rem, 2vw, 1.25rem);
pointer-events: none;
opacity: 0;
transform: translateY(20px);
transition: opacity 0.3s ease, transform 0.3s ease;
}
.re-cookie-banner.is-visible {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.re-cookie-banner__inner {
max-width: 980px;
margin: 0 auto;
background: var(--re-navy);
color: white;
border-radius: 14px;
padding: clamp(1rem, 2vw, 1.5rem) clamp(1.25rem, 3vw, 2rem);
box-shadow: 0 20px 60px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.08);
display: grid;
grid-template-columns: 1fr auto;
gap: var(--re-space-4);
align-items: center;
position: relative;
overflow: hidden;
}
.re-cookie-banner__inner::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(circle at 100% 0%, rgba(232,99,26,.12), transparent 50%);
pointer-events: none;
}
.re-cookie-banner__head { position: relative; }
.re-cookie-banner__head h2 {
font-family: var(--re-font-display);
font-size: clamp(0.95rem, 0.85rem + 0.4vw, 1.1rem);
margin: 0 0 0.35rem;
color: white !important;
font-weight: 700;
letter-spacing: -0.005em;
}
.re-cookie-banner__head p {
font-family: var(--re-font-body);
font-size: clamp(0.82rem, 0.78rem + 0.2vw, 0.92rem);
color: rgba(255,255,255,.78) !important;
line-height: 1.5;
margin: 0;
max-width: 60ch;
}
.re-cookie-banner__head p a {
color: var(--re-orange-3, #FFB37A) !important;
text-decoration: underline;
text-underline-offset: 2px;
}
.re-cookie-banner__head p a:hover { color: var(--re-orange) !important; }
.re-cookie-banner__options {
grid-column: 1 / -1;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--re-space-3);
padding: var(--re-space-3) 0;
border-top: 1px solid rgba(255,255,255,.12);
margin-top: var(--re-space-2);
}
.re-cookie-option {
display: flex;
align-items: flex-start;
gap: 0.6rem;
padding: 0.7rem 0.85rem;
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.08);
border-radius: 8px;
cursor: pointer;
transition: background 0.15s, border-color 0.15s;
}
.re-cookie-option:hover { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.15); }
.re-cookie-option--locked { opacity: 0.65; cursor: not-allowed; }
.re-cookie-option input[type="checkbox"] {
margin-top: 3px;
accent-color: var(--re-orange);
width: 16px;
height: 16px;
flex-shrink: 0;
}
.re-cookie-option strong {
display: block;
font-family: var(--re-font-display);
font-size: 0.82rem;
color: white;
font-weight: 600;
margin-bottom: 0.15rem;
}
.re-cookie-option span {
display: block;
font-family: var(--re-font-body);
font-size: 0.72rem;
color: rgba(255,255,255,.65);
line-height: 1.35;
}
.re-cookie-banner__actions {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.re-cookie-banner__actions .btn--ghost {
color: rgba(255,255,255,.85) !important;
border-color: rgba(255,255,255,.25) !important;
background: transparent !important;
}
.re-cookie-banner__actions .btn--ghost:hover {
border-color: rgba(255,255,255,.5) !important;
background: rgba(255,255,255,.06) !important;
}
.re-cookie-banner__actions .btn--sm {
font-size: 0.8rem !important;
padding: 0.5rem 0.9rem !important;
}
/* Reopen FAB */
.re-cookie-reopen {
position: fixed;
bottom: 16px;
left: 16px;
z-index: 9989;
width: 44px;
height: 44px;
border-radius: 50%;
border: 0;
background: var(--re-navy);
color: white;
cursor: pointer;
box-shadow: 0 6px 20px rgba(27,42,78,.3);
font-size: 1.2rem;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.15s;
}
.re-cookie-reopen:hover { transform: scale(1.08); }
/* Tablet: stack actions below text */
@media (max-width: 880px) {
.re-cookie-banner__inner {
grid-template-columns: 1fr;
gap: var(--re-space-3);
}
.re-cookie-banner__options { grid-template-columns: 1fr; }
.re-cookie-banner__actions { justify-content: stretch; }
.re-cookie-banner__actions .btn { flex: 1; min-width: 0; }
}
@media (max-width: 500px) {
.re-cookie-banner__actions {
flex-direction: column;
align-items: stretch;
}
.re-cookie-banner__actions .btn { width: 100%; }
}
/* Don't conflict with WhatsApp floating button (que está bottom-right) */
.re-cookie-banner ~ .re-wa-fab,
.re-wa-fab + .re-cookie-banner ~ * { /* placeholder noop, evita lint */ }
/* ═══════════════════════════════════════════════════════════════════
FINDER FINAL — bloque ÚNICO autoritativo (no editar bloques superiores)
═══════════════════════════════════════════════════════════════════ */
/* Visibilidad inmediata — bypass IntersectionObserver above-the-fold */
.re-finder.fade-up,
.re-finder.fade-up:not(.is-visible) {
opacity: 1 !important;
transform: none !important;
}
/* Container del finder */
.re-finder {
background: #FBFAF6 !important;
color: #1B2A4E !important;
}
/* Título H3 */
.re-finder .re-finder__h,
.re-finder h3.re-finder__h {
color: #1B2A4E !important;
-webkit-text-fill-color: #1B2A4E !important;
font-weight: 700 !important;
opacity: 1 !important;
}
.re-finder .re-finder__h-sep {
color: #E8631A !important;
-webkit-text-fill-color: #E8631A !important;
}
/* Labels (DESTINO, CUÁNDO, VIAJEROS) */
.re-finder__field label {
color: #1B2A4E !important;
-webkit-text-fill-color: #1B2A4E !important;
font-family: 'Bricolage Grotesque', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
font-weight: 600 !important;
font-size: 0.75rem !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
opacity: 0.9 !important;
}
/* Selects + Inputs — texto VISIBLE: navy oscuro bold sobre blanco
⚠ height: auto + min-height forzados — Astra parent metía altura fija 40px
que con padding 16px+16px no dejaba espacio al texto (resultaba invisible). */
.re-finder__field select,
.re-finder__field input {
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
font-size: 1rem !important;
font-weight: 600 !important;
color: #0D1A33 !important;
-webkit-text-fill-color: #0D1A33 !important;
letter-spacing: 0 !important;
line-height: 1.4 !important;
padding: 0.7rem 0.9rem !important;
background-color: #FFFFFF !important;
border: 1.5px solid rgba(27,42,78,.25) !important;
border-radius: 10px !important;
text-shadow: none !important;
filter: none !important;
opacity: 1 !important;
height: auto !important;
min-height: 52px !important;
max-height: none !important;
box-sizing: border-box !important;
appearance: auto;
-webkit-appearance: menulist;
-moz-appearance: menulist;
}
.re-finder__field select:focus,
.re-finder__field input:focus {
border-color: #E8631A !important;
outline: 2px solid rgba(232,99,26,.2) !important;
outline-offset: 0 !important;
}
/* Options del dropdown */
.re-finder__field select option {
font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
font-size: 1rem !important;
font-weight: 500 !important;
color: #0D1A33 !important;
background-color: #FFFFFF !important;
padding: 0.5rem !important;
}
.re-finder__field select optgroup {
font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
font-weight: 700 !important;
font-size: 0.95rem !important;
color: #0D1A33 !important;
background-color: #F7F4EE !important;
}
/* Button Continuar */
.re-finder button[type="submit"],
.re-finder .btn--primary {
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
background: #E8631A !important;
font-weight: 600 !important;
}
.re-finder button[type="submit"]:hover {
background: #C9501A !important;
}
/* ═══════════════════════════════════════════════════════════════════
PKG-CARD — estilos globales (antes solo inline en archive-paquete)
Reutilizables en taxonomy-experiencia + futuros archives
═══════════════════════════════════════════════════════════════════ */
.re-pkg-card {
background: var(--re-paper);
border-radius: var(--re-r-lg);
overflow: hidden;
display: flex;
flex-direction: column;
box-shadow: 0 8px 28px rgba(27,42,78,.06);
transition: transform var(--re-d-base) var(--re-ease), box-shadow var(--re-d-base) var(--re-ease);
text-decoration: none;
color: inherit;
}
.re-pkg-card:hover {
transform: translateY(-6px);
box-shadow: 0 16px 40px rgba(27,42,78,.12);
}
.re-pkg-card:hover .re-pkg-card__img img {
transform: scale(1.06);
}
.re-pkg-card__badge {
position: absolute;
top: var(--re-space-3);
left: var(--re-space-3);
padding: 0.3rem 0.7rem;
background: var(--re-orange);
color: white;
border-radius: var(--re-r-pill);
font-family: var(--re-font-display);
font-size: var(--re-text-xs);
font-weight: 700;
letter-spacing: 0.06em;
}
.re-pkg-card__body {
padding: var(--re-space-5);
display: flex;
flex-direction: column;
gap: var(--re-space-2);
flex: 1;
}
.re-pkg-card__body h3 {
font-size: var(--re-text-lg);
margin: 0;
color: var(--re-navy);
}
.re-pkg-card__body h3 a {
color: var(--re-orange) !important;
text-decoration: none;
}
.re-pkg-card__body h3 a:hover {
text-decoration: underline;
}
.re-pkg-card__body .meta {
color: var(--re-orange);
font-family: var(--re-font-display);
font-size: var(--re-text-xs);
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.re-pkg-card__body p {
font-size: var(--re-text-sm);
color: var(--re-navy-2);
margin: 0;
flex: 1;
line-height: 1.55;
}
.re-pkg-card__footer {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-top: var(--re-space-3);
padding-top: var(--re-space-3);
border-top: 1px solid rgba(27,42,78,.08);
}
.re-pkg-card__price strong {
font-family: var(--re-font-display);
font-weight: 800;
color: var(--re-navy);
font-size: var(--re-text-base);
display: block;
}
.re-pkg-card__price span {
font-size: var(--re-text-xs);
color: var(--re-navy-2);
opacity: .75;
display: block;
}
.re-pkg-card__cta,
.re-pkg-card__arrow {
color: var(--re-orange);
font-weight: 700;
font-size: 1rem;
text-decoration: none;
white-space: nowrap;
}
.re-pkg-card__cta:hover {
text-decoration: underline;
}
/* ═══════════════════════════════════════════════════════════════════
EDITORIAL — post_content de destinos (Gutenberg blocks rendered)
═══════════════════════════════════════════════════════════════════ */
.re-destino-editorial {
color: var(--re-navy-2);
font-family: var(--re-font-body);
font-size: 1.05rem;
line-height: 1.75;
}
.re-destino-editorial h1 {
font-family: var(--re-font-display);
font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
color: var(--re-navy) !important;
font-weight: 700;
letter-spacing: -0.01em;
margin: var(--re-space-6) 0 var(--re-space-4);
line-height: 1.15;
}
.re-destino-editorial h2 {
font-family: var(--re-font-display);
font-size: clamp(1.4rem, 1.15rem + 1vw, 2rem);
color: var(--re-navy) !important;
font-weight: 700;
letter-spacing: -0.005em;
margin: clamp(2rem, 4vw, 3rem) 0 var(--re-space-3);
padding-bottom: var(--re-space-2);
border-bottom: 2px solid var(--re-bone);
scroll-margin-top: 80px;
}
.re-destino-editorial h3 {
font-family: var(--re-font-display);
font-size: clamp(1.1rem, 0.95rem + 0.6vw, 1.35rem);
color: var(--re-navy) !important;
font-weight: 600;
margin: var(--re-space-5) 0 var(--re-space-2);
}
.re-destino-editorial h2 + h3,
.re-destino-editorial h3:first-child { margin-top: var(--re-space-3); }
.re-destino-editorial p {
color: var(--re-navy-2);
margin: 0 0 var(--re-space-3);
font-size: 1.02rem;
line-height: 1.7;
}
.re-destino-editorial p:first-of-type {
font-size: 1.15rem;
line-height: 1.65;
color: var(--re-navy);
font-weight: 500;
margin-bottom: var(--re-space-5);
}
.re-destino-editorial ul,
.re-destino-editorial ol {
margin: 0 0 var(--re-space-4);
padding-left: var(--re-space-5);
}
.re-destino-editorial ul li,
.re-destino-editorial ol li {
color: var(--re-navy-2);
margin-bottom: var(--re-space-2);
line-height: 1.6;
}
.re-destino-editorial ul li::marker { color: var(--re-orange); }
.re-destino-editorial ol li::marker { color: var(--re-orange); font-weight: 600; }
.re-destino-editorial strong { color: var(--re-navy); font-weight: 600; }
.re-destino-editorial a {
color: var(--re-orange);
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
}
.re-destino-editorial a:hover { color: var(--re-orange-2, #C9501A); }
.re-destino-editorial blockquote {
border-left: 4px solid var(--re-orange);
background: white;
padding: var(--re-space-4) var(--re-space-5);
margin: var(--re-space-5) 0;
font-style: italic;
border-radius: 0 8px 8px 0;
font-size: 1.1rem;
color: var(--re-navy);
}
.re-destino-editorial blockquote p { margin: 0; }
.re-destino-editorial img {
border-radius: 8px;
margin: var(--re-space-4) 0;
}
/* ═══════════════════════════════════════════════════════════════════
FAQ — Preguntas frecuentes
═══════════════════════════════════════════════════════════════════ */
.re-faq-content {
background: white;
padding: clamp(1.5rem, 3vw, 3rem);
border-radius: 12px;
box-shadow: 0 2px 24px rgba(27,42,78,0.04);
font-family: var(--re-font-body);
color: var(--re-navy-2);
line-height: 1.75;
}
.re-faq-content h2 {
font-family: var(--re-font-display);
font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.1rem);
color: var(--re-navy) !important;
font-weight: 700;
margin: clamp(2.5rem, 5vw, 3.5rem) 0 var(--re-space-4);
padding-bottom: var(--re-space-3);
border-bottom: 3px solid var(--re-orange);
}
.re-faq-content h2:first-of-type { margin-top: 0; }
.re-faq-content h3 {
font-family: var(--re-font-display);
font-size: clamp(1.05rem, 0.95rem + 0.5vw, 1.25rem);
color: var(--re-navy) !important;
font-weight: 600;
margin: var(--re-space-5) 0 var(--re-space-2);
padding-left: var(--re-space-3);
border-left: 3px solid var(--re-orange-3, #FFB37A);
line-height: 1.4;
}
.re-faq-content p {
color: var(--re-navy-2);
margin: 0 0 var(--re-space-4);
font-size: 1rem;
padding-left: var(--re-space-3);
}
.re-faq-content h3 + p {
background: var(--re-bone);
padding: var(--re-space-3) var(--re-space-4);
border-radius: 0 8px 8px 0;
margin-left: var(--re-space-3);
margin-bottom: var(--re-space-5);
}
.re-faq-content ul {
background: var(--re-bone);
padding: var(--re-space-3) var(--re-space-4) var(--re-space-3) var(--re-space-6);
border-radius: 8px;
margin: 0 0 var(--re-space-5) var(--re-space-3);
}
.re-faq-content ul li {
margin-bottom: var(--re-space-2);
color: var(--re-navy-2);
line-height: 1.6;
}
.re-faq-content ul li::marker { color: var(--re-orange); }
.re-faq-content a {
color: var(--re-orange);
text-decoration: underline;
text-underline-offset: 3px;
}
.re-faq-content a:hover { color: var(--re-orange-2, #C9501A); }
.re-faq-content strong { color: var(--re-navy); font-weight: 600; }
/* ═══════════════════════════════════════════════════════════════════
COMPONENTS SSOT — re-finder__steps + re-footer__grid (2026-05-24)
═══════════════════════════════════════════════════════════════════
Sustituye reglas dispersas. Para cambiar layout estos componentes:
EDITAR SOLO AQUI.
═══════════════════════════════════════════════════════════════════ */
/* ── TRIP FINDER STEPS ── */
@media (max-width: 1180px) and (min-width: 881px) {
}
@media (max-width: 880px) {
.re-finder__steps {
grid-template-columns: 1fr !important;
gap: var(--re-space-3) !important;
}
.re-finder__field,
.re-finder__field:nth-child(1),
.re-finder__field:nth-child(2),
.re-finder__field:nth-child(3),
.re-finder__field:nth-child(4) {
grid-column: 1 / -1 !important;
width: 100% !important;
min-width: 0 !important;
}
.re-finder__field select {
width: 100% !important;
box-sizing: border-box !important;
min-height: 56px !important;
font-size: 1rem !important;
padding: 0.9rem 1rem !important;
}
.re-finder__field label {
font-size: 0.8rem !important;
margin-bottom: 0.3rem !important;
}
.re-finder__steps button {
grid-column: 1 / -1 !important;
width: 100% !important;
min-height: 52px !important;
padding: 0.9rem 1.75rem !important;
justify-content: center !important;
font-size: var(--re-text-base) !important;
}
}
/* ── FOOTER GRID ── */
@media (min-width: 1024px) {
.re-footer__grid {
grid-template-columns: 1.4fr 1fr 1fr 1fr 1.1fr !important;
gap: var(--re-space-6) !important;
}
}
@media (max-width: 768px) {
.re-footer__grid {
grid-template-columns: 1fr !important;
gap: var(--re-space-4) !important;
text-align: left !important;
}
}
/* ── SECTION HEAD ── */
@media (max-width: 880px) {
.re-section-head {
flex-direction: column;
align-items: flex-start;
gap: var(--re-space-3);
margin-bottom: var(--re-space-5);
padding-bottom: var(--re-space-3);
}
}
/* ═══════════════════════════════════════════════════════════════════
FIN COMPONENTS SSOT
═══════════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════════
GRIDS SSOT — Single Source of Truth para layouts de cards/grids
═══════════════════════════════════════════════════════════════════
Esta sección es AUTORITATIVA. Sobreescribe cualquier regla previa.
Para cambiar layout grid de cards: EDITAR SOLO AQUI.
Breakpoints sistema:
- Desktop: >= 1025px (multi-col según selector)
- Tablet: <= 1024px (1 col forzado mobile+tablet)
- Mobile: <= 767px (1 col + tighter gap)
Decisión UX 2026-05-24: destinos+paquetes 1 col en mobile y tablet.
═══════════════════════════════════════════════════════════════════ */
/* Desktop default */
@media (min-width: 1025px) {
.re-intl,
.re-packages,
.re-pkg-grid,
.re-dest-grid,
.re-destinos-hub__grid,
.re-blog-grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.re-testimonials,
.re-blog {
grid-template-columns: repeat(3, 1fr) !important;
}
.re-bento {
grid-template-columns: 2fr 1fr 1fr !important;
grid-template-rows: repeat(2, 28vw) !important;
max-height: 920px !important;
}
}
/* Tablet 768-1024: 1 col TODAS las grids de cards */
@media (min-width: 768px) and (max-width: 1024px) {
.re-intl,
.re-packages,
.re-pkg-grid,
.re-dest-grid,
.re-destinos-hub__grid,
.re-blog-grid,
.re-testimonials,
.re-blog {
grid-template-columns: 1fr !important;
gap: var(--re-space-5) !important;
}
.re-bento {
grid-template-columns: 1fr !important;
grid-template-rows: auto !important;
max-height: none !important;
}
.re-bento__card {
grid-row: span 1 !important;
grid-column: span 1 !important;
aspect-ratio: 16/10 !important;
}
}
/* Mobile <=767: 1 col + gap compacto */
@media (max-width: 767px) {
.re-intl,
.re-packages,
.re-pkg-grid,
.re-dest-grid,
.re-destinos-hub__grid,
.re-blog-grid,
.re-testimonials,
.re-blog {
grid-template-columns: 1fr !important;
gap: 1rem !important;
}
.re-bento {
grid-template-columns: 1fr !important;
grid-template-rows: auto !important;
max-height: none !important;
gap: 1rem !important;
}
.re-bento__card {
grid-row: span 1 !important;
grid-column: span 1 !important;
aspect-ratio: 16/10 !important;
}
}
/* ═══════════════════════════════════════════════════════════════════
FIN GRIDS SSOT
═══════════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════════
CARRUSEL DESTACADOS — Paquetes con oferta vigente (col P + col AJ)
Reemplaza grid .re-packages estático por carrusel scroll-snap
═══════════════════════════════════════════════════════════════════ */
.re-carousel-wrap { position: relative; margin-top: 2rem; }
.re-carousel {
display: flex; gap: 24px; overflow-x: auto;
scroll-snap-type: x mandatory; scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
padding: 8px 0 32px;
scrollbar-width: thin;
scrollbar-color: #d4985a #f7f2e8;
}
.re-carousel::-webkit-scrollbar { height: 8px; }
.re-carousel::-webkit-scrollbar-track { background: #f7f2e8; border-radius: 4px; }
.re-carousel::-webkit-scrollbar-thumb { background: #d4985a; border-radius: 4px; }
.re-cpkg {
flex: 0 0 calc(33.333% - 16px);
scroll-snap-align: start;
background: #fff;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(10,30,63,0.08);
border: 2px solid #d4985a;
transition: transform .3s, box-shadow .3s;
position: relative;
display: flex; flex-direction: column;
min-width: 0;
}
.re-cpkg:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(10,30,63,0.18); }
.re-cpkg__badge {
position: absolute; top: 14px; left: 14px;
background: #d4985a; color: #0a1e3f;
font-size: 12px; font-weight: 800;
padding: 7px 13px; border-radius: 4px;
letter-spacing: 1px; z-index: 2;
box-shadow: 0 4px 12px rgba(212,152,90,0.4);
}
.re-cpkg__badge.preventa { background: #0a1e3f; color: #d4985a; }
.re-cpkg__badge.crucero { background: #2d7a4f; color: #fff; }
.re-cpkg__badge.estacional { background: #b73a3a; color: #fff; }
.re-cpkg__img {
aspect-ratio: 4/3; background-size: cover; background-position: center;
position: relative; display: block;
}
.re-cpkg__img::after {
content: ''; position: absolute; inset: 0;
background: linear-gradient(to bottom, transparent 50%, rgba(10,30,63,0.5) 100%);
pointer-events: none;
}
.re-cpkg__loc {
position: absolute; bottom: 14px; left: 14px;
color: #fff; font-size: 12.5px; font-weight: 700;
text-transform: uppercase; letter-spacing: 0.8px; z-index: 2;
text-shadow: 0 2px 6px rgba(0,0,0,0.5);
}
.re-cpkg__loc::before { content: "📍 "; }
.re-cpkg__body { padding: 24px; display: flex; flex-direction: column; flex: 1; gap: 0; }
.re-cpkg__title {
font-size: 22px; font-weight: 800; color: #0a1e3f;
letter-spacing: -0.4px; line-height: 1.2; margin-bottom: 6px;
min-height: 53px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.re-cpkg__sub {
font-size: 13.5px; color: #5a5a5a;
line-height: 1.55; margin-bottom: 16px;
min-height: 64px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.re-cpkg__price-block {
background: #f7f2e8;
padding: 16px; border-radius: 10px; margin-bottom: 16px;
border-left: 3px solid #d4985a;
min-height: 168px;
display: flex;
flex-direction: column;
}
.re-cpkg__price-row1 { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 2px; }
.re-cpkg__price-label {
font-size: 13px; color: #5a5a5a;
text-transform: uppercase; letter-spacing: 0.8px; font-weight: 700;
}
.re-cpkg__price-pp-mini { font-size: 12px; color: #5a5a5a; font-weight: 600; }
.re-cpkg__price-tachado {
color: #b73a3a; text-decoration: line-through; text-decoration-thickness: 2px;
font-size: 16px; font-weight: 700; line-height: 1; margin-bottom: 4px;
}
.re-cpkg__price-main {
font-size: 32px; font-weight: 900; color: #0a1e3f;
letter-spacing: -0.8px; line-height: 1.05;
display: flex; align-items: baseline; gap: 6px;
}
.re-cpkg__price-main .currency {
font-size: 18px; font-weight: 700; color: #b8803e;
}
.re-cpkg__price-pp { font-size: 13px; color: #5a5a5a; margin-top: 4px; }
.re-cpkg__price-cop {
margin-top: 8px; padding-top: 8px;
border-top: 1px dashed #e5dfd2;
font-size: 15px; color: #b8803e; font-weight: 700;
}
.re-cpkg__price-cop .trm-note {
font-size: 12px; color: #6b6b6b; font-weight: 500;
font-style: italic; display: block; margin-top: 3px;
}
.re-cpkg__dates {
background: #0a1e3f; color: #fff;
padding: 10px 14px; border-radius: 6px;
font-size: 14px; font-weight: 700;
margin-bottom: 16px; display: flex; align-items: center; gap: 8px;
}
.re-cpkg__dates::before { content: "✈"; color: #d4985a; }
.re-cpkg__footer { margin-top: auto; display: flex; gap: 8px; }
.re-cpkg__btn {
flex: 1; padding: 13px 14px; border-radius: 8px;
font-size: 14.5px; font-weight: 700; text-align: center;
cursor: pointer; border: none; transition: all .2s;
text-decoration: none;
display: inline-flex; align-items: center; justify-content: center; gap: 6px;
}
.re-cpkg__btn--wa { background: #25d366; color: #fff; }
.re-cpkg__btn--wa:hover { background: #1ea850; transform: translateY(-1px); }
.re-cpkg__btn--info { background: #0a1e3f; color: #fff; }
.re-cpkg__btn--info:hover { background: #1a2f54; }
.re-carousel-nav {
position: absolute; top: 38%;
width: 44px; height: 44px; border-radius: 50%;
background: #fff; border: 2px solid #0a1e3f; color: #0a1e3f;
font-size: 20px; font-weight: 800; cursor: pointer;
box-shadow: 0 4px 16px rgba(0,0,0,0.15); z-index: 5;
display: flex; align-items: center; justify-content: center;
transition: all .2s;
}
.re-carousel-nav:hover { background: #0a1e3f; color: #fff; transform: scale(1.1); }
.re-carousel-nav--prev { left: -22px; }
.re-carousel-nav--next { right: -22px; }
.re-carousel-dots {
display: flex; justify-content: center; gap: 8px; margin-top: 16px;
}
.re-carousel-dot {
width: 10px; height: 10px; border-radius: 50%;
background: #e5dfd2; cursor: pointer; transition: all .2s;
border: none; padding: 0;
}
.re-carousel-dot.active {
background: #d4985a; width: 28px; border-radius: 100px;
}
@media (max-width: 768px) {
.re-cpkg { flex: 0 0 calc(100% - 32px); }
.re-carousel-nav { display: none; }
}
@media (min-width: 769px) and (max-width: 1024px) {
.re-cpkg { flex: 0 0 calc(50% - 12px); }
}
/* ═══════════════════════════════════════════════════════════════════
FIN CARRUSEL DESTACADOS
═══════════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════════
PAQUETE PAGE RICH — .re-prose-rich engaging single template
═══════════════════════════════════════════════════════════════════ */
.re-prose-rich { font-size: 16px; line-height: 1.65; color: #1a1a1a; }
.re-prose-rich > * { margin: 0; }
/* Hero info bar */
.rprich-hero-info {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 14px;
background: #f7f2e8;
padding: 24px;
border-radius: 14px;
border-left: 5px solid #d4985a;
margin: 0 0 36px;
}
.rprich-hero-info__item .lbl {
font-size: 11px;
color: #6b6b6b;
text-transform: uppercase;
letter-spacing: 0.8px;
font-weight: 700;
margin-bottom: 4px;
}
.rprich-hero-info__item .val {
font-size: 18px;
color: #0a1e3f;
font-weight: 800;
letter-spacing: -0.3px;
}
/* Section header — orange accent */
.rprich-sec {
margin: 0 0 48px;
}
.rprich-sec h2 {
font-size: 32px;
font-weight: 800;
color: #0a1e3f;
letter-spacing: -0.8px;
line-height: 1.15;
margin: 0 0 22px;
padding-bottom: 14px;
position: relative;
}
.rprich-sec h2::after {
content: '';
position: absolute;
bottom: 0; left: 0;
width: 60px; height: 4px;
background: #d4985a;
border-radius: 2px;
}
.rprich-sec p { margin: 0 0 16px; color: #2a2a2a; }
/* Includes grid */
.rprich-incl {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 14px;
}
.rprich-incl__item {
background: #fff;
border: 1px solid #e5dfd2;
border-radius: 12px;
padding: 20px;
display: flex;
gap: 14px;
align-items: flex-start;
transition: all .25s;
}
.rprich-incl__item:hover {
border-color: #d4985a;
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(212,152,90,0.12);
}
.rprich-incl__icon {
width: 42px; height: 42px;
background: #f7f2e8;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
font-size: 20px;
}
.rprich-incl__item h4 {
font-size: 15px;
color: #0a1e3f;
margin: 0 0 4px;
font-weight: 800;
}
.rprich-incl__item p {
font-size: 13px;
color: #5a5a5a;
line-height: 1.55;
margin: 0;
}
/* Day accordion */
.rprich-days { display: flex; flex-direction: column; gap: 10px; }
.rprich-day {
background: #fff;
border: 1px solid #e5dfd2;
border-radius: 12px;
overflow: hidden;
transition: all .25s;
}
.rprich-day[open] {
border-color: #d4985a;
box-shadow: 0 6px 24px rgba(212,152,90,0.15);
}
.rprich-day summary {
list-style: none;
padding: 18px 22px;
cursor: pointer;
display: flex;
align-items: center;
gap: 18px;
transition: background .15s;
user-select: none;
}
.rprich-day summary::-webkit-details-marker { display: none; }
.rprich-day summary:hover { background: #f7f2e8; }
.rprich-day-num {
width: 52px; height: 52px;
background: #0a1e3f; color: #d4985a;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 17px;
font-weight: 800;
flex-shrink: 0;
transition: all .25s;
letter-spacing: -0.5px;
}
.rprich-day[open] .rprich-day-num { background: #d4985a; color: #0a1e3f; }
.rprich-day-title { flex: 1; }
.rprich-day-eyebrow {
font-size: 11px;
color: #6b6b6b;
text-transform: uppercase;
letter-spacing: 0.8px;
font-weight: 700;
margin-bottom: 2px;
}
.rprich-day-route {
font-size: 17px;
color: #0a1e3f;
font-weight: 800;
letter-spacing: -0.2px;
}
.rprich-day-arrow {
width: 32px; height: 32px;
border-radius: 50%;
background: #f7f2e8;
color: #0a1e3f;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
font-weight: 800;
transition: all .25s;
flex-shrink: 0;
}
.rprich-day[open] .rprich-day-arrow { transform: rotate(180deg); background: #d4985a; }
.rprich-day-body {
padding: 0 24px 22px 92px;
font-size: 15px;
line-height: 1.7;
color: #2a2a2a;
}
/* Sensorial cards */
.rprich-sensorial {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 16px;
}
.rprich-sens-card {
text-align: center;
padding: 26px 18px;
background: linear-gradient(135deg, #f7f2e8 0%, #fff 100%);
border-radius: 12px;
border-top: 4px solid #d4985a;
}
.rprich-sens-card__icon { font-size: 36px; margin-bottom: 12px; }
.rprich-sens-card h4 {
font-size: 13px;
color: #0a1e3f;
text-transform: uppercase;
letter-spacing: 1.2px;
font-weight: 800;
margin: 0 0 10px;
}
.rprich-sens-card p {
font-size: 13px;
color: #2a2a2a;
margin: 0;
line-height: 1.6;
}
/* CTA box — creative redesign */
.rprich-cta {
margin: 56px 0;
background: linear-gradient(135deg, #0a1e3f 0%, #122847 60%, #1a2f54 100%);
color: #fff;
padding: 52px 36px;
border-radius: 20px;
text-align: center;
position: relative;
overflow: hidden;
isolation: isolate;
}
.rprich-cta__bg {
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
opacity: 0.5;
background:
radial-gradient(circle at 15% 25%, rgba(212,152,90,0.18) 0%, transparent 35%),
radial-gradient(circle at 88% 75%, rgba(212,152,90,0.14) 0%, transparent 40%);
}
.rprich-cta > *:not(.rprich-cta__bg) { position: relative; z-index: 1; }
.rprich-cta__eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(212,152,90,0.18);
border: 1px solid rgba(212,152,90,0.55);
color: #e8b87a;
font-size: 11.5px;
font-weight: 800;
letter-spacing: 1.5px;
padding: 7px 16px;
border-radius: 100px;
text-transform: uppercase;
margin: 0 0 20px;
}
.rprich-cta h3 {
font-size: clamp(24px, 4vw, 34px);
font-weight: 900;
color: #fff;
letter-spacing: -0.8px;
line-height: 1.2;
margin: 0 auto 14px;
max-width: 620px;
text-shadow: 0 2px 12px rgba(0,0,0,0.4);
}
.rprich-cta h3 .accent {
color: #e8b87a;
white-space: nowrap;
}
.rprich-cta__bullets {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px 24px;
margin: 0 auto 28px;
font-size: 14px;
color: rgba(255,255,255,0.95);
max-width: 720px;
}
.rprich-cta__bullets span {
display: inline-flex;
align-items: center;
gap: 8px;
white-space: nowrap;
font-weight: 500;
}
.rprich-cta__bullets span::before {
content: '';
width: 18px;
height: 18px;
border-radius: 50%;
background: rgba(212,152,90,0.25);
color: #e8b87a;
font-weight: 900;
font-size: 11px;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.rprich-cta__bullets span.b-cupos::before { content: '🎯'; }
.rprich-cta__bullets span.b-reserva::before { content: '💳'; }
.rprich-cta__bullets span.b-personal::before { content: '✨'; }
.rprich-cta__bullets span.b-human::before { content: '👤'; }
.rprich-cta__actions {
display: inline-flex;
flex-wrap: wrap;
gap: 14px;
justify-content: center;
align-items: center;
margin: 0 auto;
}
.rprich-cta__btn-primary {
display: inline-flex;
align-items: center;
gap: 10px;
background: #25d366;
color: #fff !important;
padding: 16px 32px;
border-radius: 100px;
font-size: 15.5px;
font-weight: 800;
text-decoration: none !important;
transition: all .25s;
box-shadow: 0 8px 24px rgba(37,211,102,0.4);
letter-spacing: 0.2px;
}
.rprich-cta__btn-primary:hover {
background: #1ea850;
transform: translateY(-3px);
box-shadow: 0 14px 32px rgba(37,211,102,0.55);
color: #fff !important;
}
.rprich-cta__btn-secondary {
display: inline-flex;
align-items: center;
gap: 8px;
background: transparent;
color: #fff !important;
border: 2px solid rgba(255,255,255,0.35);
padding: 14px 28px;
border-radius: 100px;
font-size: 14px;
font-weight: 700;
text-decoration: none !important;
transition: all .25s;
}
.rprich-cta__btn-secondary:hover {
border-color: #e8b87a;
color: #e8b87a !important;
background: rgba(212,152,90,0.08);
transform: translateY(-2px);
}
.rprich-cta__note {
margin: 20px auto 0;
font-size: 12.5px;
color: rgba(255,255,255,0.6);
font-style: italic;
max-width: 480px;
}
.rprich-cta__note::before { content: '✓ '; color: #25d366; font-style: normal; font-weight: 800; }
@media (max-width: 600px) {
.rprich-cta { padding: 40px 22px; margin: 40px 0; }
.rprich-cta__bullets { gap: 8px 16px; font-size: 13px; }
.rprich-cta__actions { flex-direction: column; width: 100%; }
.rprich-cta__btn-primary, .rprich-cta__btn-secondary { width: 100%; justify-content: center; }
}
/* No incluye box */
.rprich-no-incl {
background: #fff;
border: 2px dashed #e5dfd2;
border-radius: 12px;
padding: 22px;
margin: 0 0 36px;
}
.rprich-no-incl h4 {
color: #0a1e3f;
font-size: 14px;
margin: 0 0 12px;
text-transform: uppercase;
letter-spacing: 0.6px;
font-weight: 800;
}
.rprich-no-incl ul {
margin: 0;
padding-left: 22px;
font-size: 13.5px;
color: #5a5a5a;
line-height: 1.85;
}
/* Highlights cards */
.rprich-highlights {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 14px;
margin-bottom: 36px;
}
.rprich-hl {
background: linear-gradient(135deg, #f7f2e8 0%, #fff 100%);
padding: 22px;
border-radius: 12px;
border-left: 4px solid #d4985a;
}
.rprich-hl .verb {
font-size: 11px;
color: #b8803e;
text-transform: uppercase;
letter-spacing: 1.2px;
font-weight: 800;
margin-bottom: 6px;
}
.rprich-hl p {
color: #0a1e3f;
font-size: 14.5px;
line-height: 1.5;
font-weight: 500;
margin: 0;
}
@media (max-width: 768px) {
.rprich-day-body { padding: 0 16px 18px 16px; }
.rprich-sec h2 { font-size: 26px; }
}
/* ═══════════════════════════════════════════════════════════════════
FIN PAQUETE RICH
═══════════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════════
A11Y COMPLIANCE — focus-visible + reduced-motion + touch targets
═══════════════════════════════════════════════════════════════════ */
/* Focus visible for keyboard nav — high-contrast outline */
.re-cpkg__img:focus-visible,
.re-cpkg__btn:focus-visible,
.re-carousel-nav:focus-visible,
.re-carousel-dot:focus-visible,
.rprich-day summary:focus-visible,
.rprich-cta a:focus-visible {
outline: 3px solid #d4985a;
outline-offset: 3px;
border-radius: 6px;
box-shadow: 0 0 0 6px rgba(212,152,90,0.25);
}
.rprich-day summary:focus-visible {
background: #f7f2e8;
}
/* Dot touch target — invisible 32px hit area around 10px visible dot */
.re-carousel-dot {
width: 32px; height: 32px;
background: transparent;
position: relative;
}
.re-carousel-dot::before {
content: '';
position: absolute;
top: 50%; left: 50%;
width: 10px; height: 10px;
background: #e5dfd2;
border-radius: 50%;
transform: translate(-50%, -50%);
transition: all .2s;
}
.re-carousel-dot.active::before {
background: #d4985a;
width: 28px; border-radius: 100px;
}
.re-carousel-dot:hover::before {
background: #b8803e;
}
/* Reduced motion — disable auto-rotation indirectly via JS check + disable transforms */
@media (prefers-reduced-motion: reduce) {
.re-carousel { scroll-behavior: auto; }
.re-cpkg, .re-cpkg__btn, .re-carousel-nav,
.rprich-day, .rprich-day-arrow, .rprich-incl__item,
.rprich-cta a { transition: none !important; transform: none !important; }
.live-dot, .pulse-anim { animation: none !important; }
}
/* Screen-reader only utility — required for visually-hidden labels */
.re-sr-only {
position: absolute !important;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0;
}
/* ═══════════════════════════════════════════════════════════════════
FIN A11Y COMPLIANCE
═══════════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════════
CTA SSOT — Override Astra global h3/p navy !important
(Regla memoria #18: SSOT al final con !important para legacy cascade)
═══════════════════════════════════════════════════════════════════ */
.rprich-cta,
.entry-content .rprich-cta,
.re-prose .rprich-cta {
color: #fff !important;
}
.rprich-cta h3,
.entry-content .rprich-cta h3,
.re-prose .rprich-cta h3,
body .rprich-cta h3 {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
.rprich-cta h3 .accent,
.entry-content .rprich-cta h3 .accent,
.re-prose .rprich-cta h3 .accent,
body .rprich-cta h3 .accent {
color: #e8b87a !important;
-webkit-text-fill-color: #e8b87a !important;
}
.rprich-cta__bullets,
.rprich-cta__bullets span,
.entry-content .rprich-cta__bullets,
.entry-content .rprich-cta__bullets span,
.re-prose .rprich-cta__bullets,
.re-prose .rprich-cta__bullets span {
color: rgba(255,255,255,0.95) !important;
-webkit-text-fill-color: rgba(255,255,255,0.95) !important;
}
.rprich-cta__eyebrow,
.entry-content .rprich-cta__eyebrow,
.re-prose .rprich-cta__eyebrow {
color: #e8b87a !important;
-webkit-text-fill-color: #e8b87a !important;
}
.rprich-cta__note,
.entry-content .rprich-cta__note,
.re-prose .rprich-cta__note,
body .rprich-cta p.rprich-cta__note {
color: rgba(255,255,255,0.72) !important;
-webkit-text-fill-color: rgba(255,255,255,0.72) !important;
}
.rprich-cta__btn-primary,
.entry-content .rprich-cta__btn-primary,
.re-prose .rprich-cta__btn-primary {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
.rprich-cta__btn-secondary,
.entry-content .rprich-cta__btn-secondary,
.re-prose .rprich-cta__btn-secondary {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
.rprich-cta__btn-secondary:hover,
.entry-content .rprich-cta__btn-secondary:hover,
.re-prose .rprich-cta__btn-secondary:hover {
color: #e8b87a !important;
-webkit-text-fill-color: #e8b87a !important;
}
/* Also lock other H titles inside re-prose-rich (no legacy override) */
.re-prose-rich h2,
.entry-content .re-prose-rich h2,
.re-prose .re-prose-rich h2 {
color: #0a1e3f !important;
-webkit-text-fill-color: #0a1e3f !important;
}
.re-prose-rich h4,
.entry-content .re-prose-rich h4,
.re-prose .re-prose-rich h4 {
color: #0a1e3f !important;
-webkit-text-fill-color: #0a1e3f !important;
}
.rprich-day-route,
.entry-content .rprich-day-route,
.re-prose .rprich-day-route {
color: #0a1e3f !important;
}
/* ═══════════════════════════════════════════════════════════════════
FIN CTA SSOT
═══════════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════════
ICONOS SVG STYLE C — Duotone gradient navy + warm
Reemplaza emojis en home + paquetes
═══════════════════════════════════════════════════════════════════ */
.re-icon-chip {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
background: linear-gradient(135deg, #0a1e3f 0%, #1a2f54 100%);
color: #d4985a;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(10,30,63,0.2);
}
.re-icon-chip svg {
width: 60%; height: 60%;
stroke: currentColor; fill: none;
}
.re-icon-chip.size-lg { width: 48px; height: 48px; }
.re-icon-chip.size-md { width: 36px; height: 36px; }
.re-icon-chip.size-sm { width: 26px; height: 26px; border-radius: 8px; }
.re-icon-chip.size-xs { width: 18px; height: 18px; border-radius: 5px; box-shadow: none; }
/* Inline icon — no chip, just SVG with color */
.re-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: currentColor;
}
.re-icon svg { width: 1em; height: 1em; stroke: currentColor; fill: none; }
.re-icon.size-1 svg { width: 14px; height: 14px; }
.re-icon.size-2 svg { width: 16px; height: 16px; }
.re-icon.size-3 svg { width: 20px; height: 20px; }
/* Override .rprich-incl__icon to use Style C duotone */
.rprich-incl__icon,
.entry-content .rprich-incl__icon,
.re-prose .rprich-incl__icon {
background: linear-gradient(135deg, #0a1e3f 0%, #1a2f54 100%) !important;
color: #d4985a !important;
width: 48px !important; height: 48px !important;
border-radius: 12px !important;
box-shadow: 0 4px 12px rgba(10,30,63,0.2) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.rprich-incl__icon svg {
width: 24px !important; height: 24px !important;
stroke: currentColor; fill: none;
stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;
}
/* Sensorial cards — icons in chip */
.rprich-sens-card__icon-chip {
width: 56px; height: 56px;
margin: 0 auto 12px;
background: linear-gradient(135deg, #0a1e3f 0%, #1a2f54 100%);
color: #d4985a;
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 12px rgba(10,30,63,0.2);
}
.rprich-sens-card__icon-chip svg {
width: 28px; height: 28px;
stroke: currentColor; fill: none;
stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;
}
/* CTA bullets icons replace emoji */
.rprich-cta__bullets span::before {
display: none !important;
}
.rprich-cta__bullets span svg.re-cta-icon {
width: 20px; height: 20px;
stroke: #d4985a; fill: none;
stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
flex-shrink: 0;
}
/* Card carrusel — badges with SVG */
.re-cpkg__badge.with-icon {
display: inline-flex;
align-items: center;
gap: 6px;
}
.re-cpkg__badge svg {
width: 12px; height: 12px;
stroke: currentColor; fill: none;
stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;
}
.re-cpkg__loc {
display: inline-flex;
align-items: center;
gap: 5px;
}
.re-cpkg__loc::before { content: '' !important; display: none; }
.re-cpkg__loc svg {
width: 13px; height: 13px;
stroke: #d4985a; fill: none;
stroke-width: 2.25; stroke-linecap: round; stroke-linejoin: round;
}
.re-cpkg__dates::before { content: '' !important; display: none; }
.re-cpkg__dates {
display: inline-flex;
align-items: center;
gap: 8px;
}
.re-cpkg__dates svg {
width: 16px; height: 16px;
stroke: #d4985a; fill: none;
stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
flex-shrink: 0;
}
/* ═══════════════════════════════════════════════════════════════════
FIN ICONOS SVG STYLE C
═══════════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════════
FIX visuales single paquete — 2026-05-29
1. Hide .re-glance si vacía (sin items)
2. Body padding-bottom solo si sticky CTA renderea
3. Force font hierarchy en rich content
═══════════════════════════════════════════════════════════════════ */
/* Fix 1: .re-glance bar vacía ocupa espacio */
.re-glance:empty,
.entry-content .re-glance:empty,
.re-prose .re-glance:empty {
display: none !important;
padding: 0 !important;
margin: 0 !important;
}
.container:has(> .re-glance:empty) {
margin-bottom: 0 !important;
}
/* Fix 2: Body padding-bottom — solo si sticky CTA visible */
body.has-sticky-cta:not(:has(.re-sticky-cta)) {
padding-bottom: 0 !important;
}
/* Fix 3: Force tipografía site en rich content */
.re-prose-rich,
.entry-content .re-prose-rich,
.re-prose .re-prose-rich {
font-family: var(--re-font-body) !important;
font-size: 16px;
line-height: 1.65;
}
.re-prose-rich h2, .re-prose-rich h3, .re-prose-rich h4,
.entry-content .re-prose-rich h2, .entry-content .re-prose-rich h3, .entry-content .re-prose-rich h4,
.re-prose .re-prose-rich h2, .re-prose .re-prose-rich h3, .re-prose .re-prose-rich h4 {
font-family: var(--re-font-display) !important;
}
.rprich-day-route,
.rprich-day-eyebrow,
.rprich-incl__item h4,
.rprich-hero-info__item .val,
.rprich-hero-info__item .lbl,
.rprich-sens-card h4,
.rprich-cta__eyebrow,
.rprich-no-incl h4 {
font-family: var(--re-font-display) !important;
}
.rprich-cta h3,
.rprich-cta h3 .accent {
font-family: var(--re-font-display) !important;
}
.rprich-cta__bullets span,
.rprich-cta__note,
.rprich-day-body,
.rprich-incl__item p {
font-family: var(--re-font-body) !important;
}
/* Fix 4: tipografía en card carrusel home */
.re-cpkg__title,
.re-cpkg__price-main,
.re-cpkg__price-label,
.re-cpkg__price-pp-mini,
.re-cpkg__dates,
.re-cpkg__btn,
.re-cpkg__badge,
.re-cpkg__loc {
font-family: var(--re-font-display) !important;
}
.re-cpkg__sub,
.re-cpkg__price-pp,
.re-cpkg__price-cop,
.re-cpkg__price-tachado {
font-family: var(--re-font-body) !important;
}
/* ═══════════════════════════════════════════════════════════════════
FIN FIX visuales 2026-05-29
═══════════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════════
HOME REFORMULADO 2026-05-30 — 7 secciones · CTA optimizado
SSOT pattern + !important para vencer cascade Astra
═══════════════════════════════════════════════════════════════════ */
/* ── Hero Quick-Search inline ── */
.re-hero-search {
background: rgba(255,255,255,0.97) !important;
border-radius: 16px;
padding: 14px;
display: grid;
grid-template-columns: 2fr 1.5fr 1fr auto;
gap: 10px;
max-width: 880px;
box-shadow: 0 12px 40px rgba(0,0,0,0.25);
margin-top: 24px;
}
.re-hero-search__field {
display: flex;
flex-direction: column;
padding: 6px 12px;
border-right: 1px solid var(--re-line, #e5dfd2);
}
.re-hero-search__field:last-of-type { border: none; }
.re-hero-search__label {
font-family: var(--re-font-display) !important;
font-size: 10px !important;
color: #6b6b6b !important;
text-transform: uppercase;
letter-spacing: 0.8px;
font-weight: 700;
margin-bottom: 2px;
}
.re-hero-search__input {
border: none;
outline: none;
font-family: var(--re-font-display) !important;
font-size: 15px;
color: var(--re-navy, #0a1e3f);
font-weight: 600;
background: transparent;
width: 100%;
}
.re-hero-search__btn {
background: #25d366 !important;
color: #fff !important;
border: none;
padding: 0 28px;
border-radius: 12px;
cursor: pointer;
font-family: var(--re-font-display) !important;
font-weight: 800;
font-size: 14px;
display: inline-flex;
align-items: center;
gap: 8px;
transition: all .2s;
}
.re-hero-search__btn:hover {
background: #1ea850 !important;
transform: translateY(-1px);
}
.re-hero-search__btn svg {
width: 18px; height: 18px;
stroke: currentColor; fill: none; stroke-width: 2;
}
/* ── Trust Strip compact ── */
.re-trust-strip {
background: var(--re-cream, #f7f2e8);
padding: 24px 0;
border-top: 1px solid var(--re-line, #e5dfd2);
border-bottom: 1px solid var(--re-line, #e5dfd2);
}
.re-trust-strip__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
max-width: 1280px;
margin: 0 auto;
padding: 0 32px;
}
.re-trust-strip__item {
display: flex;
align-items: center;
gap: 14px;
}
.re-trust-strip__icon {
width: 44px; height: 44px;
flex-shrink: 0;
background: linear-gradient(135deg, var(--re-navy, #0a1e3f), #1a2f54);
color: var(--re-warm, #d4985a);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 12px rgba(10,30,63,0.2);
}
.re-trust-strip__icon svg {
width: 22px; height: 22px;
stroke: currentColor; fill: none; stroke-width: 1.75;
}
.re-trust-strip__label {
font-family: var(--re-font-display) !important;
color: var(--re-navy, #0a1e3f) !important;
font-size: 14px;
font-weight: 700;
line-height: 1.3;
}
.re-trust-strip__sub {
font-size: 12px;
color: #6b6b6b !important;
line-height: 1.4;
font-family: var(--re-font-body) !important;
}
/* ── Destinos tabs ── */
.re-destinos-tabs {
display: flex;
justify-content: center;
gap: 6px;
margin-bottom: 32px;
flex-wrap: wrap;
}
.re-destinos-tab {
background: transparent;
border: 2px solid var(--re-line, #e5dfd2);
padding: 10px 20px;
border-radius: 100px;
cursor: pointer;
font-family: var(--re-font-display) !important;
font-size: 14px;
font-weight: 700;
color: var(--re-navy, #0a1e3f) !important;
transition: all .2s;
display: inline-flex;
align-items: center;
gap: 8px;
}
.re-destinos-tab.active {
background: var(--re-navy, #0a1e3f) !important;
color: #fff !important;
border-color: var(--re-navy, #0a1e3f);
}
.re-destinos-tab__count {
font-size: 11px;
opacity: 0.7;
background: rgba(0,0,0,0.08);
padding: 2px 7px;
border-radius: 100px;
}
.re-destinos-tab.active .re-destinos-tab__count {
background: var(--re-warm, #d4985a);
color: var(--re-navy, #0a1e3f);
}
.re-destinos-panel { display: none; }
.re-destinos-panel.active { display: block; }
.re-destinos-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 20px;
}
/* Destino card */
.re-destino-mcard {
background: #fff;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 4px 16px rgba(10,30,63,0.08);
transition: all .25s;
border: 1px solid var(--re-line, #e5dfd2);
display: flex;
flex-direction: column;
}
.re-destino-mcard:hover {
transform: translateY(-4px);
box-shadow: 0 12px 28px rgba(10,30,63,0.18);
border-color: var(--re-warm, #d4985a);
}
.re-destino-mcard__img {
aspect-ratio: 4/3;
background-size: cover;
background-position: center;
position: relative;
}
.re-destino-mcard__img::after {
content: '';
position: absolute; inset: 0;
background: linear-gradient(180deg, transparent 50%, rgba(10,30,63,0.5));
}
.re-destino-mcard__cat {
position: absolute;
top: 12px; left: 12px; z-index: 2;
background: rgba(255,255,255,0.95);
color: var(--re-navy, #0a1e3f) !important;
padding: 4px 10px;
border-radius: 100px;
font-family: var(--re-font-display) !important;
font-size: 10px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.8px;
}
.re-destino-mcard__body {
padding: 20px;
flex: 1;
display: flex;
flex-direction: column;
}
.re-destino-mcard__title {
font-family: var(--re-font-display) !important;
font-size: 19px;
font-weight: 800;
color: var(--re-navy, #0a1e3f) !important;
letter-spacing: -0.3px;
margin-bottom: 6px;
}
.re-destino-mcard__sub {
font-size: 13px;
color: #6b6b6b !important;
margin-bottom: 8px;
font-family: var(--re-font-body) !important;
}
.re-destino-mcard__price {
font-family: var(--re-font-display) !important;
margin: 10px 0;
padding: 10px;
background: var(--re-cream, #f7f2e8);
border-radius: 8px;
border-left: 3px solid var(--re-warm, #d4985a);
}
.re-destino-mcard__price small {
font-size: 11px;
color: #6b6b6b;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.8px;
}
.re-destino-mcard__price strong {
display: block;
font-size: 22px;
color: var(--re-navy, #0a1e3f);
margin-top: 2px;
}
.re-destino-mcard__footer {
margin-top: auto;
display: flex;
gap: 8px;
}
/* ── Cierre conversión ── */
.re-cierre {
text-align: center;
padding: 80px 32px;
background: linear-gradient(135deg, var(--re-navy, #0a1e3f) 0%, #1a2f54 100%) !important;
color: #fff !important;
position: relative;
overflow: hidden;
}
.re-cierre::before {
content: '';
position: absolute; inset: 0;
background: radial-gradient(circle at 30% 50%, rgba(212,152,90,0.18), transparent 60%);
}
.re-cierre__inner {
position: relative;
z-index: 1;
max-width: 720px;
margin: 0 auto;
}
.re-cierre h2,
.entry-content .re-cierre h2,
body .re-cierre h2 {
font-family: var(--re-font-display) !important;
font-size: clamp(30px, 5vw, 48px);
color: #fff !important;
-webkit-text-fill-color: #fff !important;
letter-spacing: -1px;
margin-bottom: 18px;
line-height: 1.15;
}
.re-cierre h2 .accent {
color: var(--re-warm, #d4985a) !important;
-webkit-text-fill-color: var(--re-warm, #d4985a) !important;
}
.re-cierre p {
color: rgba(255,255,255,0.88) !important;
font-size: 17px;
margin-bottom: 30px;
font-family: var(--re-font-body) !important;
}
.re-cierre__cta {
display: inline-flex;
align-items: center;
gap: 12px;
background: #25d366 !important;
color: #fff !important;
text-decoration: none !important;
padding: 20px 40px;
border-radius: 100px;
font-family: var(--re-font-display) !important;
font-size: 17px;
font-weight: 800;
box-shadow: 0 12px 32px rgba(37,211,102,0.4);
transition: all .25s;
}
.re-cierre__cta:hover {
transform: translateY(-3px);
background: #1ea850 !important;
}
.re-cierre__cta svg {
width: 24px; height: 24px;
stroke: currentColor; fill: none; stroke-width: 2;
}
.re-cierre__secondary {
display: block;
margin-top: 22px;
color: rgba(255,255,255,0.7) !important;
font-size: 14px;
text-decoration: underline;
cursor: pointer;
font-family: var(--re-font-display) !important;
}
.re-cierre__secondary:hover {
color: var(--re-warm, #d4985a) !important;
}
/* ── Newsletter inline con 5% incentivo ── */
.re-newsletter-inline {
background: linear-gradient(135deg, var(--re-warm, #d4985a) 0%, #b8803e 100%);
color: var(--re-navy, #0a1e3f) !important;
padding: 32px 26px;
border-radius: 20px;
position: relative;
overflow: hidden;
}
.re-newsletter-inline::before {
content: '';
position: absolute;
top: -20px; right: -20px;
width: 100px; height: 100px;
background: radial-gradient(circle, rgba(10,30,63,0.15), transparent 70%);
}
.re-newsletter-inline__badge {
display: inline-block;
background: var(--re-navy, #0a1e3f);
color: var(--re-warm, #d4985a) !important;
padding: 6px 14px;
border-radius: 100px;
font-family: var(--re-font-display) !important;
font-size: 11px;
font-weight: 800;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 14px;
}
.re-newsletter-inline h3,
.entry-content .re-newsletter-inline h3,
body .re-newsletter-inline h3 {
font-family: var(--re-font-display) !important;
font-size: 22px;
line-height: 1.2;
margin-bottom: 8px;
color: var(--re-navy, #0a1e3f) !important;
-webkit-text-fill-color: var(--re-navy, #0a1e3f) !important;
}
.re-newsletter-inline p {
font-family: var(--re-font-body) !important;
font-size: 14px;
color: var(--re-navy, #0a1e3f) !important;
line-height: 1.55;
margin-bottom: 18px;
opacity: 0.92;
}
.re-newsletter-inline__form {
display: flex;
flex-direction: column;
gap: 10px;
}
.re-newsletter-inline__form input {
background: #fff;
border: 2px solid rgba(10,30,63,0.15);
padding: 12px 14px;
border-radius: 8px;
font-family: var(--re-font-display) !important;
font-size: 14px;
outline: none;
color: var(--re-navy, #0a1e3f);
}
.re-newsletter-inline__form button {
background: var(--re-navy, #0a1e3f) !important;
color: var(--re-warm, #d4985a) !important;
border: none;
padding: 13px 18px;
border-radius: 8px;
font-family: var(--re-font-display) !important;
font-size: 14px;
font-weight: 800;
cursor: pointer;
transition: all .2s;
}
.re-newsletter-inline__form button:hover {
background: #1a2f54 !important;
transform: translateY(-1px);
}
.re-newsletter-inline__terms {
font-size: 11px;
color: var(--re-navy, #0a1e3f) !important;
opacity: 0.7;
margin-top: 10px;
font-family: var(--re-font-body) !important;
line-height: 1.5;
}
/* ── Sticky mobile bar ── */
.re-sticky-mobile-bar {
position: fixed;
bottom: 0; left: 0; right: 0;
background: #fff;
padding: 12px 16px;
box-shadow: 0 -4px 20px rgba(10,30,63,0.12);
display: none;
gap: 8px;
z-index: 50;
padding-bottom: calc(12px + env(safe-area-inset-bottom));
}
.re-sticky-mobile-bar a {
text-decoration: none !important;
padding: 14px;
border-radius: 100px;
font-family: var(--re-font-display) !important;
font-weight: 800;
font-size: 14px;
text-align: center;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.re-sticky-mobile-bar .btn-wa-mobile {
flex: 6;
background: #25d366 !important;
color: #fff !important;
}
.re-sticky-mobile-bar .btn-call-mobile {
flex: 4;
background: var(--re-navy, #0a1e3f) !important;
color: #fff !important;
}
.re-sticky-mobile-bar svg {
width: 18px; height: 18px;
stroke: currentColor; fill: none; stroke-width: 2;
}
@media (max-width: 768px) {
.re-sticky-mobile-bar.visible { display: flex; }
body.has-sticky-mobile { padding-bottom: 80px; }
}
/* ── Inspiración blog cards (sección 7) ── */
.re-insp-grid {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 36px;
}
.re-blog-cards-row {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 16px;
}
.re-blog-mcard {
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(10,30,63,0.06);
transition: all .25s;
text-decoration: none !important;
display: block;
}
.re-blog-mcard:hover { transform: translateY(-3px); }
.re-blog-mcard__img {
aspect-ratio: 4/3;
background-size: cover;
background-position: center;
}
.re-blog-mcard__body { padding: 16px; }
.re-blog-mcard__cat {
font-family: var(--re-font-display) !important;
font-size: 10px;
color: var(--re-warm-dark, #b8803e) !important;
text-transform: uppercase;
letter-spacing: 0.8px;
font-weight: 800;
margin-bottom: 6px;
}
.re-blog-mcard__title {
font-size: 14px;
color: var(--re-navy, #0a1e3f) !important;
font-weight: 700;
line-height: 1.35;
font-family: var(--re-font-display) !important;
}
/* ── Stats row prueba social ── */
.re-stats-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
margin-bottom: 48px;
padding: 32px;
background: var(--re-cream, #f7f2e8);
border-radius: 20px;
border-left: 5px solid var(--re-warm, #d4985a);
}
.re-stat-cell { text-align: center; }
.re-stat-cell__num {
font-family: var(--re-font-display) !important;
font-size: 48px;
color: var(--re-navy, #0a1e3f);
font-weight: 900;
line-height: 1;
letter-spacing: -2px;
}
.re-stat-cell__num .accent {
color: var(--re-warm, #d4985a);
}
.re-stat-cell__label {
font-family: var(--re-font-display) !important;
font-size: 13px;
color: #6b6b6b;
text-transform: uppercase;
letter-spacing: 0.8px;
font-weight: 700;
margin-top: 8px;
}
/* ── How-to manifesto navy ── */
.re-howto-section {
background: var(--re-navy, #0a1e3f) !important;
color: #fff !important;
padding: 80px 0;
position: relative;
overflow: hidden;
}
.re-howto-section::before {
content: '';
position: absolute; inset: 0;
background: radial-gradient(circle at 20% 30%, rgba(212,152,90,0.15) 0%, transparent 50%),
radial-gradient(circle at 80% 70%, rgba(212,152,90,0.1) 0%, transparent 50%);
}
.re-howto-section .container { position: relative; z-index: 1; }
.re-howto-section .re-section-head h2 {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
.re-howto-section .re-section-head p {
color: rgba(255,255,255,0.85) !important;
}
.re-howto-section .re-section-head .eyebrow {
background: rgba(212,152,90,0.2) !important;
color: var(--re-warm, #d4985a) !important;
border: 1px solid rgba(212,152,90,0.5);
}
.re-howto-steps-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
margin-top: 48px;
}
.re-howto-step {
text-align: center;
padding: 24px 16px;
background: rgba(255,255,255,0.06);
backdrop-filter: blur(10px);
border-radius: 16px;
border: 1px solid rgba(255,255,255,0.1);
}
.re-howto-step__num {
width: 52px; height: 52px;
margin: 0 auto 14px;
background: var(--re-warm, #d4985a);
color: var(--re-navy, #0a1e3f);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--re-font-display);
font-size: 22px;
font-weight: 900;
}
.re-howto-step h4 {
color: #fff !important;
-webkit-text-fill-color: #fff !important;
font-size: 16px;
margin-bottom: 8px;
font-family: var(--re-font-display) !important;
}
.re-howto-step p {
color: rgba(255,255,255,0.78) !important;
font-size: 13px;
line-height: 1.55;
font-family: var(--re-font-body) !important;
}
/* ── Mobile responsive ── */
@media (max-width: 768px) {
.re-hero-search { grid-template-columns: 1fr; }
.re-hero-search__field { border-right: none; border-bottom: 1px solid var(--re-line, #e5dfd2); }
.re-trust-strip__grid { grid-template-columns: 1fr 1fr; gap: 14px; }
.re-howto-steps-row { grid-template-columns: 1fr; }
.re-stats-row { grid-template-columns: 1fr; }
.re-insp-grid { grid-template-columns: 1fr; }
.re-blog-cards-row { grid-template-columns: 1fr; }
.re-destinos-tabs { overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; padding-bottom: 4px; }
}
/* ═══════════════════════════════════════════════════════════════════
FIN HOME REFORMULADO 2026-05-30
═══════════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════════
FIX VISUAL HOME 2026-05-30 (urgente — hero text invisible + sec-head misalign)
═══════════════════════════════════════════════════════════════════ */
/* Fix 1: Hero — asegurar contenido visible + altura suficiente */
.re-hero,
body .re-hero {
min-height: 86vh !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
padding: 100px 0 60px !important;
}
.re-hero__inner,
body .re-hero__inner {
position: relative !important;
z-index: 3 !important;
padding: 0 32px !important;
max-width: 1280px !important;
margin: 0 auto !important;
width: 100% !important;
display: block !important;
}
.re-hero h1,
body .re-hero h1 {
display: block !important;
visibility: visible !important;
margin: 0 0 18px !important;
max-width: 880px !important;
}
.re-hero__eyebrow,
body .re-hero__eyebrow {
display: inline-flex !important;
visibility: visible !important;
margin-bottom: 20px !important;
}
.re-hero__desc,
body .re-hero__desc {
display: block !important;
visibility: visible !important;
margin-bottom: 28px !important;
max-width: 640px !important;
font-size: 18px !important;
line-height: 1.55 !important;
}
/* Fix 2: Section head con text-align center — anular flex legacy */
.re-section-head[style*="text-align: center"],
.re-section-head[style*="text-align:center"],
body .re-section-head[style*="text-align: center"] {
display: block !important;
text-align: center !important;
justify-content: center !important;
align-items: center !important;
}
.re-section-head[style*="text-align: center"] > div,
body .re-section-head[style*="text-align: center"] > div {
text-align: center !important;
margin: 0 auto !important;
}
.re-section-head[style*="text-align: center"] h2,
body .re-section-head[style*="text-align: center"] h2 {
text-align: center !important;
max-width: 100% !important;
}
.re-section-head[style*="text-align: center"] .eyebrow,
body .re-section-head[style*="text-align: center"] .eyebrow {
display: inline-block !important;
text-align: center !important;
}
.re-section-head[style*="text-align: center"] p,
body .re-section-head[style*="text-align: center"] p {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Fix 3: Hero search positioning dentro del hero */
.re-hero-search,
body .re-hero-search {
margin-top: 28px !important;
}
/* ═══════════════════════════════════════════════════════════════════
FIN FIX VISUAL HOME 2026-05-30
═══════════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════════
FIX TRUST STRIP ÉNFASIS 2026-05-30 — texto más grande + impacto
═══════════════════════════════════════════════════════════════════ */
.re-trust-strip,
body .re-trust-strip {
padding: 36px 0 !important;
background: var(--re-cream, #f7f2e8) !important;
}
.re-trust-strip__grid,
body .re-trust-strip__grid {
gap: 32px !important;
padding: 0 32px !important;
}
.re-trust-strip__item,
body .re-trust-strip__item {
gap: 18px !important;
}
.re-trust-strip__icon,
body .re-trust-strip__icon {
width: 58px !important;
height: 58px !important;
border-radius: 14px !important;
}
.re-trust-strip__icon svg,
body .re-trust-strip__icon svg {
width: 28px !important;
height: 28px !important;
}
.re-trust-strip__label,
body .re-trust-strip__label,
.re-trust-strip__item .re-trust-strip__label {
font-family: var(--re-font-display) !important;
font-size: 18px !important;
font-weight: 800 !important;
color: var(--re-navy, #0a1e3f) !important;
-webkit-text-fill-color: var(--re-navy, #0a1e3f) !important;
line-height: 1.25 !important;
letter-spacing: -0.3px !important;
margin-bottom: 3px !important;
}
.re-trust-strip__sub,
body .re-trust-strip__sub,
.re-trust-strip__item .re-trust-strip__sub {
font-family: var(--re-font-body) !important;
font-size: 14px !important;
color: #4a4a4a !important;
-webkit-text-fill-color: #4a4a4a !important;
line-height: 1.45 !important;
font-weight: 500 !important;
}
@media (max-width: 768px) {
.re-trust-strip__grid,
body .re-trust-strip__grid {
grid-template-columns: 1fr 1fr !important;
gap: 20px !important;
}
.re-trust-strip__label,
body .re-trust-strip__label {
font-size: 15.5px !important;
}
.re-trust-strip__sub,
body .re-trust-strip__sub {
font-size: 12.5px !important;
}
.re-trust-strip__icon,
body .re-trust-strip__icon {
width: 48px !important;
height: 48px !important;
}
}
/* ═══════════════════════════════════════════════════════════════════
FIN FIX TRUST STRIP ÉNFASIS
═══════════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════════
FIX MOBILE OVERFLOW 2026-05-30
Evita scroll horizontal · respeta safe areas iOS
═══════════════════════════════════════════════════════════════════ */
html, body {
overflow-x: hidden !important;
max-width: 100vw !important;
}
.container {
max-width: 100% !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
@media (min-width: 768px) {
.container {
padding-left: 32px !important;
padding-right: 32px !important;
max-width: 1280px !important;
}
}
/* Hero search input no overflow en mobile */
@media (max-width: 767px) {
.re-hero-search,
body .re-hero-search {
grid-template-columns: 1fr !important;
gap: 6px !important;
padding: 10px !important;
}
.re-hero-search__field,
body .re-hero-search__field {
border-right: none !important;
border-bottom: 1px solid var(--re-line, #e5dfd2) !important;
padding: 8px 10px !important;
}
.re-hero-search__field:last-of-type,
body .re-hero-search__field:last-of-type {
border-bottom: none !important;
}
.re-hero-search__btn,
body .re-hero-search__btn {
width: 100% !important;
padding: 14px !important;
margin-top: 4px !important;
justify-content: center !important;
}
.re-hero,
body .re-hero {
min-height: 70vh !important;
padding: 80px 0 40px !important;
}
.re-hero h1,
body .re-hero h1 {
font-size: clamp(28px, 7vw, 40px) !important;
line-height: 1.1 !important;
}
/* Tabs scrollable en mobile sin desbordar */
.re-destinos-tabs,
body .re-destinos-tabs {
overflow-x: auto !important;
flex-wrap: nowrap !important;
justify-content: flex-start !important;
padding-bottom: 6px !important;
margin-left: -16px !important;
margin-right: -16px !important;
padding-left: 16px !important;
padding-right: 16px !important;
scrollbar-width: none !important;
}
.re-destinos-tabs::-webkit-scrollbar { display: none; }
.re-destinos-tab,
body .re-destinos-tab {
flex-shrink: 0 !important;
padding: 9px 16px !important;
font-size: 13px !important;
}
/* Cards destinos full-width sin overflow */
.re-destinos-grid,
body .re-destinos-grid {
grid-template-columns: 1fr !important;
gap: 14px !important;
}
.re-destino-mcard,
body .re-destino-mcard {
max-width: 100% !important;
}
/* Carrusel paquetes — cards 1 visible sin overflow */
.re-carousel,
body .re-carousel {
padding-left: 0 !important;
padding-right: 0 !important;
}
.re-cpkg,
body .re-cpkg {
flex: 0 0 calc(100vw - 48px) !important;
max-width: calc(100vw - 48px) !important;
}
/* Newsletter form stack vertical */
.re-newsletter,
body .re-newsletter {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
/* Cierre conversión — texto + botón en mobile */
.re-cierre h2,
body .re-cierre h2 {
font-size: clamp(24px, 6vw, 32px) !important;
}
.re-cierre__cta,
body .re-cierre__cta {
padding: 16px 24px !important;
font-size: 14px !important;
width: 100% !important;
justify-content: center !important;
}
/* Manifesto mobile padding */
.re-manifesto,
body .re-manifesto {
padding: 32px 20px !important;
}
/* Sticky bar siempre encima de content */
.re-sticky-mobile-bar {
z-index: 9999 !important;
}
}
/* Imagenes no overflow */
img { max-width: 100% !important; height: auto; }
/* ═══════════════════════════════════════════════════════════════════
FIN FIX MOBILE OVERFLOW
═══════════════════════════════════════════════════════════════════ */
/* ===================================================================
COMPACT BUTTONS + HERO REFINEMENT 2026-05-30 (reformulado)
=================================================================== */
/* Botones cards destinos — compactos, sutil diferenciación */
.btn-sm,
body .btn-sm {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 5px !important;
font-family: var(--re-font-display) !important;
font-size: 12.5px !important;
font-weight: 700 !important;
padding: 8px 14px !important;
border-radius: 6px !important;
text-decoration: none !important;
border: 1px solid transparent !important;
transition: all .15s !important;
text-align: center !important;
flex: 1 !important;
line-height: 1.2 !important;
letter-spacing: 0.2px !important;
}
/* Btn info — texto-only navy con underline al hover */
.btn-sm.btn-info,
body .btn-sm.btn-info {
background: #f7f2e8 !important;
color: #0a1e3f !important;
border: 1px solid #e5dfd2 !important;
}
.btn-sm.btn-info:hover,
body .btn-sm.btn-info:hover {
background: #0a1e3f !important;
color: #fff !important;
border-color: #0a1e3f !important;
}
/* Btn wa — verde compacto sin sombra */
.btn-sm.btn-wa,
body .btn-sm.btn-wa {
background: #25d366 !important;
color: #fff !important;
border: 1px solid #25d366 !important;
}
.btn-sm.btn-wa:hover,
body .btn-sm.btn-wa:hover {
background: #1ea850 !important;
border-color: #1ea850 !important;
}
.btn-sm svg {
flex-shrink: 0;
width: 12px !important;
height: 12px !important;
}
/* Footer card destinos — gap apretado */
.re-destino-mcard__footer,
body .re-destino-mcard__footer {
display: flex !important;
gap: 6px !important;
margin-top: 12px !important;
}
/* Carrusel paquetes btns — mismo estilo compacto */
.re-cpkg__btn,
body .re-cpkg__btn {
font-size: 12.5px !important;
padding: 8px 14px !important;
border-radius: 6px !important;
border: 1px solid transparent !important;
}
.re-cpkg__btn--info,
body .re-cpkg__btn--info {
background: #f7f2e8 !important;
color: #0a1e3f !important;
border: 1px solid #e5dfd2 !important;
}
.re-cpkg__btn--info:hover,
body .re-cpkg__btn--info:hover {
background: #0a1e3f !important;
color: #fff !important;
border-color: #0a1e3f !important;
}
.re-cpkg__btn--wa,
body .re-cpkg__btn--wa {
background: #25d366 !important;
color: #fff !important;
border: 1px solid #25d366 !important;
}
.re-cpkg__btn--wa:hover,
body .re-cpkg__btn--wa:hover {
background: #1ea850 !important;
border-color: #1ea850 !important;
}
/* Link "Ver todos..." — text-link simple con flecha */
.re-destinos-panel > p,
body .re-destinos-panel > p {
text-align: center !important;
margin: 24px 0 0 !important;
padding: 0 !important;
}
.re-destinos-panel > p > a,
body .re-destinos-panel > p > a {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
font-family: var(--re-font-display) !important;
font-size: 13px !important;
font-weight: 600 !important;
color: #b8803e !important;
text-decoration: none !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
border-radius: 0 !important;
transition: color .15s, transform .15s !important;
}
.re-destinos-panel > p > a:hover,
body .re-destinos-panel > p > a:hover {
color: #0a1e3f !important;
background: transparent !important;
transform: translateX(4px) !important;
}
/* Hero h1 conservar style original (no override Newsreader italic) */
.re-hero h1 em,
body .re-hero h1 em {
color: #d4985a !important;
font-style: italic !important;
font-weight: 500 !important;
}
/* Eyebrow simple — sin SVG inline override extra */
/* (mantener regla actual del template, no agregar fondo glass extra) */
/* =================================================================== */
/* ===================================================================
HERO SEARCH BANNER EXACT MATCH 2026-05-30 v2
=================================================================== */
.re-hero-search,
body .re-hero-search {
background: #ffffff !important;
border-radius: 10px !important;
padding: 0 !important;
display: grid !important;
grid-template-columns: 2.2fr 1.5fr 1fr 130px !important;
gap: 0 !important;
max-width: 920px !important;
box-shadow: 0 8px 28px rgba(0,0,0,0.18) !important;
margin-top: 32px !important;
overflow: hidden !important;
align-items: stretch !important;
}
.re-hero-search__field,
body .re-hero-search__field {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
padding: 16px 22px !important;
border-right: 1px solid #e5dfd2 !important;
background: #fff !important;
min-width: 0 !important;
}
.re-hero-search__field:last-of-type,
body .re-hero-search__field:last-of-type {
border-right: none !important;
}
.re-hero-search__label,
body .re-hero-search__label {
font-family: var(--re-font-display) !important;
font-size: 10px !important;
color: #6b6b6b !important;
text-transform: uppercase !important;
letter-spacing: 1.4px !important;
font-weight: 700 !important;
margin-bottom: 4px !important;
line-height: 1 !important;
}
.re-hero-search__input,
body .re-hero-search__input {
border: none !important;
outline: none !important;
font-family: var(--re-font-display) !important;
font-size: 15px !important;
color: #0a1e3f !important;
-webkit-text-fill-color: #0a1e3f !important;
font-weight: 600 !important;
background: transparent !important;
width: 100% !important;
padding: 0 !important;
line-height: 1.3 !important;
}
.re-hero-search__input::placeholder {
color: #b8b3a8 !important;
font-weight: 500 !important;
}
.re-hero-search__btn,
body .re-hero-search__btn {
background: #25d366 !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
border: none !important;
margin: 8px !important;
padding: 0 24px !important;
border-radius: 8px !important;
cursor: pointer !important;
font-family: var(--re-font-display) !important;
font-weight: 800 !important;
font-size: 16px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
transition: background .15s !important;
letter-spacing: 0.2px !important;
height: auto !important;
}
.re-hero-search__btn:hover,
body .re-hero-search__btn:hover {
background: #1ea850 !important;
transform: none !important;
}
.re-hero-search__btn svg,
body .re-hero-search__btn svg {
width: 22px !important;
height: 22px !important;
stroke: currentColor !important;
fill: none !important;
stroke-width: 2.25 !important;
}
@media (max-width: 768px) {
.re-hero-search,
body .re-hero-search {
grid-template-columns: 1fr !important;
}
.re-hero-search__field,
body .re-hero-search__field {
border-right: none !important;
border-bottom: 1px solid #e5dfd2 !important;
padding: 12px 18px !important;
}
.re-hero-search__field:last-of-type,
body .re-hero-search__field:last-of-type {
border-bottom: none !important;
}
.re-hero-search__btn,
body .re-hero-search__btn {
margin: 10px !important;
padding: 12px 22px !important;
width: calc(100% - 20px) !important;
}
}
/* =================================================================== */
/* ===================================================================
DATE PICKER hero search — estilo native
=================================================================== */
.re-hero-search__date,
body .re-hero-search__date,
input[type="date"].re-hero-search__input {
font-family: var(--re-font-display) !important;
font-size: 15px !important;
color: #0a1e3f !important;
-webkit-text-fill-color: #0a1e3f !important;
font-weight: 600 !important;
background: transparent !important;
border: none !important;
outline: none !important;
padding: 0 !important;
cursor: pointer !important;
width: 100% !important;
font-feature-settings: 'tnum' !important;
appearance: none !important;
-webkit-appearance: none !important;
}
.re-hero-search__date::-webkit-calendar-picker-indicator {
cursor: pointer;
filter: invert(15%) sepia(50%) saturate(2000%) hue-rotate(195deg) brightness(60%) contrast(95%);
opacity: 0.7;
margin-right: 0;
}
.re-hero-search__date::-webkit-calendar-picker-indicator:hover {
opacity: 1;
}
/* Empty state placeholder */
.re-hero-search__date:not(:focus):invalid {
color: #b8b3a8 !important;
-webkit-text-fill-color: #b8b3a8 !important;
}
/* =================================================================== */
/* ===================================================================
DATE RANGE hero search 2026-05-30 — 2 inputs ida+vuelta inline
=================================================================== */
.re-hero-search__field--range,
body .re-hero-search__field--range {
padding: 16px 18px !important;
flex: 1.6 !important;
}
.re-hero-search__range,
body .re-hero-search__range {
display: flex !important;
align-items: center !important;
gap: 6px !important;
width: 100% !important;
}
.re-hero-search__range input,
body .re-hero-search__range input {
flex: 1 !important;
min-width: 0 !important;
font-size: 13.5px !important;
font-weight: 600 !important;
background: transparent !important;
border: none !important;
outline: none !important;
color: #0a1e3f !important;
-webkit-text-fill-color: #0a1e3f !important;
font-family: var(--re-font-display) !important;
cursor: pointer !important;
padding: 0 !important;
}
.re-hero-search__range input:not(:focus):invalid {
color: #b8b3a8 !important;
-webkit-text-fill-color: #b8b3a8 !important;
}
.re-hero-search__range-sep,
body .re-hero-search__range-sep {
color: #d4985a !important;
font-weight: 800 !important;
font-size: 14px !important;
font-family: var(--re-font-display) !important;
flex-shrink: 0 !important;
user-select: none !important;
}
.re-hero-search__range input::-webkit-calendar-picker-indicator {
cursor: pointer;
filter: invert(15%) sepia(50%) saturate(2000%) hue-rotate(195deg) brightness(60%) contrast(95%);
opacity: 0.6;
padding-left: 2px;
margin-left: 0;
}
.re-hero-search__range input::-webkit-calendar-picker-indicator:hover { opacity: 1; }
/* Grid: 4 columnas — destino más amplio, range medio, viajeros chico, btn fijo */
.re-hero-search,
body .re-hero-search {
grid-template-columns: 1.8fr 1.6fr 0.9fr 140px !important;
}
@media (max-width: 768px) {
.re-hero-search,
body .re-hero-search {
grid-template-columns: 1fr !important;
}
.re-hero-search__field--range,
body .re-hero-search__field--range {
padding: 12px 18px !important;
}
.re-hero-search__range,
body .re-hero-search__range {
gap: 8px !important;
}
}
/* =================================================================== */
/* ===================================================================
SELECT viajeros + validation hero search 2026-05-30
=================================================================== */
.re-hero-search__select,
body .re-hero-search__select,
select.re-hero-search__input {
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-image: url("data:image/svg+xml;utf8,") !important;
background-repeat: no-repeat !important;
background-position: right 0 center !important;
background-size: 16px !important;
padding-right: 22px !important;
cursor: pointer !important;
font-family: var(--re-font-display) !important;
font-size: 15px !important;
font-weight: 600 !important;
color: #0a1e3f !important;
-webkit-text-fill-color: #0a1e3f !important;
background-color: transparent !important;
border: none !important;
outline: none !important;
width: 100% !important;
line-height: 1.3 !important;
}
.re-hero-search__select option {
font-family: var(--re-font-display) !important;
color: #0a1e3f !important;
background: #fff !important;
padding: 8px !important;
}
.re-hero-search__select option[disabled] {
color: #b8b3a8 !important;
}
.re-hero-search__select:invalid {
color: #b8b3a8 !important;
-webkit-text-fill-color: #b8b3a8 !important;
}
/* Estado required invalid visual */
.re-hero-search__input:invalid:not(:placeholder-shown):not(:focus),
body .re-hero-search__input:invalid:not(:placeholder-shown):not(:focus) {
border-color: #b73a3a !important;
}
/* =================================================================== */
/* ===================================================================
PAX PICKER OTA-style — paleta Ruta Épica 2026-05-30
=================================================================== */
.re-pax-field,
body .re-pax-field {
position: relative !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
.re-pax-trigger,
body .re-pax-trigger {
background: transparent !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
cursor: pointer !important;
font-family: var(--re-font-display) !important;
font-size: 15px !important;
font-weight: 600 !important;
color: #0a1e3f !important;
-webkit-text-fill-color: #0a1e3f !important;
text-align: left !important;
display: inline-flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 8px !important;
width: 100% !important;
line-height: 1.3 !important;
}
.re-pax-trigger__text {
flex: 1 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.re-pax-trigger__chevron {
width: 16px !important;
height: 16px !important;
color: #0a1e3f !important;
transition: transform .2s !important;
flex-shrink: 0 !important;
}
.re-pax-trigger[aria-expanded="true"] .re-pax-trigger__chevron {
transform: rotate(180deg);
}
/* Dropdown panel */
.re-pax-dropdown,
body .re-pax-dropdown {
position: absolute !important;
top: calc(100% + 8px) !important;
right: 0 !important;
width: 340px !important;
max-width: 92vw !important;
background: #fff !important;
border-radius: 12px !important;
box-shadow: 0 12px 36px rgba(10,30,63,0.25) !important;
padding: 18px !important;
z-index: 1000 !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(-6px) !important;
transition: opacity .15s, transform .15s, visibility .15s !important;
font-family: var(--re-font-body) !important;
}
.re-pax-dropdown.open,
body .re-pax-dropdown.open {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
}
.re-pax-room {
padding-bottom: 16px !important;
margin-bottom: 16px !important;
border-bottom: 1px solid #e5dfd2 !important;
}
.re-pax-room:last-child {
border-bottom: none !important;
margin-bottom: 12px !important;
}
.re-pax-room__head {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
margin-bottom: 12px !important;
}
.re-pax-room__title {
font-family: var(--re-font-display) !important;
font-size: 14px !important;
font-weight: 800 !important;
color: #6b6b6b !important;
text-transform: uppercase !important;
letter-spacing: 0.6px !important;
}
.re-pax-room__remove {
background: transparent !important;
border: none !important;
color: #b8803e !important;
font-family: var(--re-font-display) !important;
font-size: 12px !important;
font-weight: 700 !important;
cursor: pointer !important;
padding: 4px 8px !important;
text-transform: uppercase !important;
letter-spacing: 0.4px !important;
}
.re-pax-room__remove:hover {
color: #0a1e3f !important;
text-decoration: underline !important;
}
.re-pax-counter {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 10px 0 !important;
}
.re-pax-counter__label strong {
display: block !important;
font-family: var(--re-font-display) !important;
font-size: 16px !important;
color: #0a1e3f !important;
font-weight: 700 !important;
line-height: 1.2 !important;
}
.re-pax-counter__label span {
display: block !important;
font-size: 12.5px !important;
color: #6b6b6b !important;
margin-top: 2px !important;
font-family: var(--re-font-body) !important;
}
.re-pax-counter__ctrl {
display: flex !important;
align-items: center !important;
gap: 12px !important;
}
.re-pax-btn,
body .re-pax-btn {
width: 32px !important;
height: 32px !important;
border-radius: 50% !important;
border: 1.5px solid #0a1e3f !important;
background: transparent !important;
color: #0a1e3f !important;
font-family: var(--re-font-display) !important;
font-size: 18px !important;
font-weight: 700 !important;
cursor: pointer !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
padding: 0 !important;
transition: all .15s !important;
}
.re-pax-btn:hover:not(:disabled),
body .re-pax-btn:hover:not(:disabled) {
background: #0a1e3f !important;
color: #fff !important;
}
.re-pax-btn:disabled,
body .re-pax-btn:disabled {
border-color: #cfc9bd !important;
color: #cfc9bd !important;
cursor: not-allowed !important;
}
.re-pax-counter__num {
font-family: var(--re-font-display) !important;
font-size: 17px !important;
font-weight: 800 !important;
color: #0a1e3f !important;
min-width: 18px !important;
text-align: center !important;
}
.re-pax-footer {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
padding-top: 4px !important;
}
.re-pax-add,
body .re-pax-add {
background: transparent !important;
border: none !important;
color: #b8803e !important;
font-family: var(--re-font-display) !important;
font-size: 13.5px !important;
font-weight: 700 !important;
cursor: pointer !important;
padding: 6px 0 !important;
}
.re-pax-add:hover,
body .re-pax-add:hover {
color: #0a1e3f !important;
text-decoration: underline !important;
}
.re-pax-apply,
body .re-pax-apply {
background: #0a1e3f !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
border: none !important;
padding: 10px 24px !important;
border-radius: 100px !important;
font-family: var(--re-font-display) !important;
font-size: 13.5px !important;
font-weight: 800 !important;
cursor: pointer !important;
transition: background .15s !important;
}
.re-pax-apply:hover,
body .re-pax-apply:hover {
background: #1a2f54 !important;
}
@media (max-width: 768px) {
.re-pax-dropdown,
body .re-pax-dropdown {
right: auto !important;
left: 0 !important;
width: calc(100vw - 24px) !important;
max-width: 380px !important;
}
}
/* =================================================================== */
/* ===================================================================
SEARCH BAR REDESIGN 2026-05-30 — cards separadas estilo OTA
=================================================================== */
.re-search-bar,
body .re-search-bar {
display: grid !important;
grid-template-columns: 1.5fr 36px 1.5fr 2fr 1.6fr auto !important;
gap: 8px !important;
align-items: stretch !important;
background: transparent !important;
padding: 0 !important;
max-width: 1180px !important;
margin-top: 32px !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow: visible !important;
}
.re-search-card,
body .re-search-card {
background: #fff !important;
border-radius: 8px !important;
padding: 12px 16px !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
min-width: 0 !important;
transition: box-shadow .15s !important;
border: 1px solid transparent !important;
}
.re-search-card:focus-within,
body .re-search-card:focus-within {
box-shadow: 0 0 0 2px #d4985a !important;
}
.re-search-icon,
body .re-search-icon {
width: 22px !important;
height: 22px !important;
flex-shrink: 0 !important;
color: #6b6b6b !important;
}
.re-search-icon svg {
width: 100% !important;
height: 100% !important;
stroke: currentColor !important;
fill: none !important;
}
.re-search-field,
body .re-search-field {
flex: 1 !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
position: relative !important;
}
.re-search-label,
body .re-search-label {
font-family: var(--re-font-display) !important;
font-size: 10px !important;
color: #6b6b6b !important;
text-transform: uppercase !important;
letter-spacing: 0.6px !important;
font-weight: 600 !important;
margin-bottom: 2px !important;
line-height: 1 !important;
}
.re-search-input,
body .re-search-input {
border: none !important;
outline: none !important;
background: transparent !important;
padding: 0 !important;
font-family: var(--re-font-display) !important;
font-size: 14.5px !important;
font-weight: 700 !important;
color: #0a1e3f !important;
-webkit-text-fill-color: #0a1e3f !important;
width: 100% !important;
line-height: 1.3 !important;
appearance: none !important;
-webkit-appearance: none !important;
}
.re-search-input::placeholder {
color: #b8b3a8 !important;
font-weight: 500 !important;
}
.re-search-date::-webkit-calendar-picker-indicator {
cursor: pointer;
opacity: 0.6;
filter: invert(15%) sepia(50%) saturate(2000%) hue-rotate(195deg) brightness(60%);
padding: 0;
margin-left: 4px;
}
.re-search-date:not(:focus):invalid {
color: #b8b3a8 !important;
-webkit-text-fill-color: #b8b3a8 !important;
}
/* Swap button */
.re-search-swap,
body .re-search-swap {
background: #fff !important;
border: 1px solid #e5dfd2 !important;
border-radius: 8px !important;
width: 36px !important;
height: 100% !important;
cursor: pointer !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: #0a1e3f !important;
padding: 0 !important;
transition: all .15s !important;
}
.re-search-swap:hover,
body .re-search-swap:hover {
background: #0a1e3f !important;
color: #fff !important;
border-color: #0a1e3f !important;
}
.re-search-swap svg {
width: 16px !important;
height: 16px !important;
stroke: currentColor !important;
fill: none !important;
}
/* Dual card (Entrada + Salida) */
.re-search-card--dual,
body .re-search-card--dual {
padding: 0 !important;
gap: 0 !important;
}
.re-search-dual-half {
flex: 1 !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
padding: 12px 14px !important;
min-width: 0 !important;
}
.re-search-dual-divider {
width: 1px !important;
align-self: stretch !important;
background: #e5dfd2 !important;
margin: 8px 0 !important;
}
/* Submit Cotizar */
.re-search-submit,
body .re-search-submit {
background: #25d366 !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
border: none !important;
border-radius: 8px !important;
padding: 0 28px !important;
font-family: var(--re-font-display) !important;
font-size: 16px !important;
font-weight: 800 !important;
cursor: pointer !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
transition: background .15s !important;
white-space: nowrap !important;
letter-spacing: 0.3px !important;
box-shadow: 0 4px 12px rgba(37,211,102,0.3) !important;
}
.re-search-submit:hover,
body .re-search-submit:hover {
background: #1ea850 !important;
}
.re-search-submit svg {
width: 18px !important;
height: 18px !important;
stroke: currentColor !important;
fill: none !important;
}
/* Pax field reuse picker styles (defined antes) - solo asegurar position */
.re-pax-field .re-pax-dropdown {
top: calc(100% + 12px) !important;
}
@media (max-width: 1024px) {
.re-search-bar,
body .re-search-bar {
grid-template-columns: 1fr 1fr !important;
gap: 8px !important;
}
.re-search-swap,
body .re-search-swap { display: none !important; }
.re-search-submit,
body .re-search-submit {
grid-column: 1 / -1 !important;
padding: 14px !important;
}
}
@media (max-width: 640px) {
.re-search-bar,
body .re-search-bar {
grid-template-columns: 1fr !important;
}
}
/* =================================================================== */
/* ===================================================================
SEARCH BAR REFINEMENT 2026-05-30 — sofisticación visual
=================================================================== */
.re-search-bar,
body .re-search-bar {
gap: 10px !important;
padding: 10px !important;
background: rgba(255,255,255,0.10) !important;
backdrop-filter: blur(14px) !important;
-webkit-backdrop-filter: blur(14px) !important;
border-radius: 18px !important;
border: 1px solid rgba(255,255,255,0.18) !important;
box-shadow: 0 16px 48px rgba(10,30,63,0.28) !important;
}
.re-search-card,
body .re-search-card {
background: #ffffff !important;
border-radius: 12px !important;
padding: 14px 18px !important;
gap: 14px !important;
border: 1px solid rgba(229,223,210,0.6) !important;
box-shadow: 0 2px 6px rgba(10,30,63,0.04) !important;
transition: all .2s ease !important;
min-height: 64px !important;
}
.re-search-card:hover,
body .re-search-card:hover {
border-color: #d4985a !important;
box-shadow: 0 6px 18px rgba(10,30,63,0.12) !important;
transform: translateY(-1px) !important;
}
.re-search-card:focus-within,
body .re-search-card:focus-within {
border-color: #d4985a !important;
box-shadow: 0 0 0 3px rgba(212,152,90,0.25), 0 6px 18px rgba(10,30,63,0.12) !important;
transform: none !important;
}
.re-search-icon,
body .re-search-icon {
width: 24px !important;
height: 24px !important;
color: #d4985a !important;
background: rgba(212,152,90,0.10) !important;
border-radius: 8px !important;
padding: 4px !important;
flex-shrink: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
.re-search-icon svg {
width: 16px !important;
height: 16px !important;
stroke: currentColor !important;
stroke-width: 2.25 !important;
}
.re-search-label,
body .re-search-label {
font-size: 10.5px !important;
letter-spacing: 1px !important;
font-weight: 700 !important;
color: #8a857a !important;
margin-bottom: 3px !important;
text-transform: uppercase !important;
}
.re-search-input,
body .re-search-input {
font-size: 15px !important;
font-weight: 700 !important;
color: #0a1e3f !important;
-webkit-text-fill-color: #0a1e3f !important;
letter-spacing: -0.1px !important;
}
/* Swap button refinement */
.re-search-swap,
body .re-search-swap {
background: #fff !important;
border-radius: 50% !important;
width: 42px !important;
height: 42px !important;
align-self: center !important;
border: 1px solid rgba(229,223,210,0.6) !important;
box-shadow: 0 4px 12px rgba(10,30,63,0.10) !important;
transition: all .2s ease !important;
margin: 0 -4px !important;
z-index: 2 !important;
position: relative !important;
}
.re-search-swap:hover,
body .re-search-swap:hover {
background: #d4985a !important;
color: #0a1e3f !important;
border-color: #d4985a !important;
transform: rotate(180deg) !important;
}
.re-search-swap svg {
width: 18px !important;
height: 18px !important;
}
/* Dual card refined */
.re-search-card--dual,
body .re-search-card--dual {
padding: 0 !important;
}
.re-search-dual-half {
padding: 14px 18px !important;
gap: 14px !important;
min-height: 64px !important;
display: flex !important;
align-items: center !important;
}
.re-search-dual-divider {
width: 1px !important;
background: rgba(229,223,210,0.8) !important;
margin: 14px 0 !important;
}
/* Cotizar button refinement */
.re-search-submit,
body .re-search-submit {
padding: 0 30px !important;
border-radius: 12px !important;
font-size: 15px !important;
letter-spacing: 0.4px !important;
min-height: 64px !important;
box-shadow: 0 6px 18px rgba(37,211,102,0.32) !important;
text-transform: none !important;
}
.re-search-submit:hover,
body .re-search-submit:hover {
box-shadow: 0 10px 26px rgba(37,211,102,0.45) !important;
transform: translateY(-1px) !important;
}
.re-search-submit svg {
width: 19px !important;
height: 19px !important;
}
/* Grid spacing más generoso */
.re-search-bar {
grid-template-columns: 1.4fr 42px 1.4fr 2.1fr 1.5fr auto !important;
}
@media (max-width: 1024px) {
.re-search-bar,
body .re-search-bar {
grid-template-columns: 1fr 1fr !important;
padding: 12px !important;
}
.re-search-swap,
body .re-search-swap { display: none !important; }
.re-search-submit,
body .re-search-submit {
grid-column: 1 / -1 !important;
min-height: 56px !important;
}
}
@media (max-width: 640px) {
.re-search-bar,
body .re-search-bar {
grid-template-columns: 1fr !important;
padding: 10px !important;
}
.re-search-card,
body .re-search-card {
padding: 12px 14px !important;
min-height: 56px !important;
}
}
/* =================================================================== */
/* ===================================================================
SEARCH BAR PALETA BRAND 2026-05-30 — Despegar-style + Ruta Épica
=================================================================== */
.re-search-bar,
body .re-search-bar {
background: #0a1e3f !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border: none !important;
border-radius: 10px !important;
padding: 8px !important;
box-shadow: 0 12px 36px rgba(10,30,63,0.35) !important;
gap: 8px !important;
grid-template-columns: 1.4fr 40px 1.4fr 2.1fr 1.5fr auto !important;
}
.re-search-card,
body .re-search-card {
background: #ffffff !important;
border: none !important;
box-shadow: none !important;
border-radius: 6px !important;
padding: 12px 16px !important;
gap: 12px !important;
min-height: 60px !important;
transition: background .15s !important;
}
.re-search-card:hover,
body .re-search-card:hover {
background: #faf6ed !important;
border-color: transparent !important;
box-shadow: none !important;
transform: none !important;
}
.re-search-card:focus-within,
body .re-search-card:focus-within {
background: #faf6ed !important;
box-shadow: inset 0 0 0 2px #d4985a !important;
transform: none !important;
}
.re-search-icon,
body .re-search-icon {
width: 22px !important;
height: 22px !important;
color: #0a1e3f !important;
background: transparent !important;
padding: 0 !important;
border-radius: 0 !important;
}
.re-search-icon svg {
width: 22px !important;
height: 22px !important;
stroke: currentColor !important;
stroke-width: 1.75 !important;
}
.re-search-label,
body .re-search-label {
font-size: 11px !important;
color: #6b6b6b !important;
text-transform: none !important;
letter-spacing: 0 !important;
font-weight: 500 !important;
margin-bottom: 2px !important;
font-family: var(--re-font-display) !important;
}
.re-search-input,
body .re-search-input {
font-size: 14.5px !important;
font-weight: 700 !important;
color: #0a1e3f !important;
-webkit-text-fill-color: #0a1e3f !important;
letter-spacing: 0 !important;
}
.re-search-input::placeholder {
color: #b8b3a8 !important;
font-weight: 600 !important;
}
/* Swap button — pill warm sutil overlap */
.re-search-swap,
body .re-search-swap {
background: #fff !important;
color: #0a1e3f !important;
border: 1px solid #e5dfd2 !important;
border-radius: 8px !important;
width: 40px !important;
height: 40px !important;
align-self: center !important;
box-shadow: 0 2px 6px rgba(10,30,63,0.10) !important;
margin: 0 -2px !important;
z-index: 5 !important;
}
.re-search-swap:hover,
body .re-search-swap:hover {
background: #d4985a !important;
color: #0a1e3f !important;
border-color: #d4985a !important;
transform: none !important;
}
.re-search-swap svg {
width: 16px !important;
height: 16px !important;
stroke-width: 2.25 !important;
}
/* Dual card */
.re-search-card--dual,
body .re-search-card--dual {
padding: 0 !important;
}
.re-search-dual-half {
padding: 12px 16px !important;
gap: 12px !important;
min-height: 60px !important;
}
.re-search-dual-divider {
background: #e5dfd2 !important;
margin: 12px 0 !important;
}
/* Cotizar button — WARM dorado paleta brand */
.re-search-submit,
body .re-search-submit {
background: #d4985a !important;
color: #0a1e3f !important;
-webkit-text-fill-color: #0a1e3f !important;
border: none !important;
border-radius: 6px !important;
padding: 0 28px !important;
font-size: 15px !important;
font-weight: 800 !important;
letter-spacing: 0.3px !important;
min-height: 60px !important;
box-shadow: none !important;
text-transform: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
cursor: pointer !important;
transition: background .15s !important;
white-space: nowrap !important;
}
.re-search-submit:hover,
body .re-search-submit:hover {
background: #b8803e !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
box-shadow: none !important;
transform: none !important;
}
.re-search-submit svg {
width: 18px !important;
height: 18px !important;
stroke: currentColor !important;
stroke-width: 2.5 !important;
fill: none !important;
}
@media (max-width: 1024px) {
.re-search-bar,
body .re-search-bar {
grid-template-columns: 1fr 1fr !important;
padding: 10px !important;
}
.re-search-swap,
body .re-search-swap { display: none !important; }
.re-search-submit,
body .re-search-submit {
grid-column: 1 / -1 !important;
min-height: 52px !important;
}
}
@media (max-width: 640px) {
.re-search-bar,
body .re-search-bar {
grid-template-columns: 1fr !important;
padding: 8px !important;
}
.re-search-card,
body .re-search-card {
min-height: 54px !important;
}
}
/* =================================================================== */
/* ===================================================================
SEARCH BAR FLOATING LABELS + cream wrapper 2026-05-30
=================================================================== */
/* Wrapper: cream cálido (no navy oscuro) */
.re-search-bar,
body .re-search-bar {
background: rgba(247,242,232,0.92) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
border: 1px solid rgba(212,152,90,0.35) !important;
box-shadow: 0 18px 48px rgba(10,30,63,0.25) !important;
padding: 10px !important;
border-radius: 14px !important;
}
/* Cards más limpias */
.re-search-card,
body .re-search-card {
background: #fff !important;
border-radius: 10px !important;
border: 1px solid #e5dfd2 !important;
padding: 10px 16px !important;
min-height: 60px !important;
box-shadow: none !important;
transition: border-color .15s, background .15s !important;
}
.re-search-card:hover,
body .re-search-card:hover {
background: #fff !important;
border-color: #d4985a !important;
transform: none !important;
}
.re-search-card:focus-within,
body .re-search-card:focus-within {
background: #fff !important;
border-color: #d4985a !important;
box-shadow: 0 0 0 3px rgba(212,152,90,0.22) !important;
transform: none !important;
}
/* Field con floating label */
.re-search-field--float,
body .re-search-field--float {
position: relative !important;
flex: 1 !important;
min-width: 0 !important;
display: flex !important;
align-items: center !important;
height: 38px !important;
}
.re-search-field--float .re-search-input,
body .re-search-field--float .re-search-input {
width: 100% !important;
padding-top: 14px !important;
padding-bottom: 0 !important;
background: transparent !important;
border: none !important;
outline: none !important;
font-family: var(--re-font-display) !important;
font-size: 14.5px !important;
font-weight: 700 !important;
color: #0a1e3f !important;
-webkit-text-fill-color: #0a1e3f !important;
line-height: 1.2 !important;
}
.re-search-field--float .re-search-input::placeholder {
color: transparent !important;
}
/* Label flotante */
.re-search-label-float,
body .re-search-label-float {
position: absolute !important;
left: 0 !important;
top: 50% !important;
transform: translateY(-50%) !important;
font-family: var(--re-font-display) !important;
font-size: 14px !important;
color: rgba(107,107,107,0.55) !important;
font-weight: 500 !important;
pointer-events: none !important;
transition: all .18s ease !important;
background: transparent !important;
padding: 0 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-transform: none !important;
margin: 0 !important;
}
/* Float up — cuando input tiene valor o está enfocado */
.re-search-field--float .re-search-input:not(:placeholder-shown) ~ .re-search-label-float,
.re-search-field--float .re-search-input:focus ~ .re-search-label-float,
body .re-search-field--float .re-search-input:not(:placeholder-shown) ~ .re-search-label-float,
body .re-search-field--float .re-search-input:focus ~ .re-search-label-float {
top: 2px !important;
transform: translateY(0) !important;
font-size: 10.5px !important;
color: #6b6b6b !important;
font-weight: 600 !important;
}
/* Date inputs nunca son :placeholder-shown — siempre tienen valor o vacío con dashes
Force label up cuando input date is focused OR has valid value */
.re-search-field--date .re-search-input:focus ~ .re-search-label-float,
.re-search-field--date .re-search-input:valid ~ .re-search-label-float,
body .re-search-field--date .re-search-input:focus ~ .re-search-label-float,
body .re-search-field--date .re-search-input:valid ~ .re-search-label-float {
top: 2px !important;
transform: translateY(0) !important;
font-size: 10.5px !important;
color: #6b6b6b !important;
font-weight: 600 !important;
}
/* Date input default: hide value cuando empty para que label se vea grande */
.re-search-field--date .re-search-input:not(:focus):invalid {
color: transparent !important;
-webkit-text-fill-color: transparent !important;
}
.re-search-field--date .re-search-input:not(:focus):invalid::-webkit-datetime-edit {
opacity: 0 !important;
}
/* Icon ajustar tamaño */
.re-search-icon,
body .re-search-icon {
width: 20px !important;
height: 20px !important;
color: #6b6b6b !important;
background: transparent !important;
padding: 0 !important;
align-self: center !important;
}
.re-search-icon svg {
width: 20px !important;
height: 20px !important;
stroke: currentColor !important;
stroke-width: 1.75 !important;
}
/* Pasajeros — label arriba (no floating, ya tiene su own structure) */
.re-pax-field .re-search-label,
body .re-pax-field .re-search-label {
font-size: 10.5px !important;
color: #6b6b6b !important;
font-family: var(--re-font-display) !important;
font-weight: 600 !important;
text-transform: none !important;
letter-spacing: 0 !important;
margin-bottom: 2px !important;
}
/* Swap button — refined */
.re-search-swap,
body .re-search-swap {
background: #fff !important;
color: #0a1e3f !important;
border: 1px solid #e5dfd2 !important;
border-radius: 8px !important;
width: 40px !important;
height: 40px !important;
align-self: center !important;
box-shadow: 0 2px 8px rgba(10,30,63,0.12) !important;
z-index: 5 !important;
margin: 0 -2px !important;
}
.re-search-swap:hover,
body .re-search-swap:hover {
background: #d4985a !important;
color: #0a1e3f !important;
border-color: #d4985a !important;
transform: none !important;
}
/* Dual card halves use float pattern */
.re-search-dual-half {
padding: 10px 16px !important;
gap: 12px !important;
min-height: 60px !important;
}
.re-search-card--dual,
body .re-search-card--dual {
background: #fff !important;
padding: 0 !important;
}
.re-search-dual-divider {
background: #e5dfd2 !important;
margin: 12px 0 !important;
}
/* Cotizar button — warm dorado brand */
.re-search-submit,
body .re-search-submit {
background: #d4985a !important;
color: #0a1e3f !important;
-webkit-text-fill-color: #0a1e3f !important;
border: none !important;
border-radius: 10px !important;
padding: 0 28px !important;
font-size: 15px !important;
font-weight: 800 !important;
letter-spacing: 0.3px !important;
min-height: 60px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
cursor: pointer !important;
transition: background .15s, color .15s !important;
white-space: nowrap !important;
box-shadow: 0 4px 14px rgba(212,152,90,0.35) !important;
}
.re-search-submit:hover,
body .re-search-submit:hover {
background: #b8803e !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
box-shadow: 0 6px 18px rgba(184,128,62,0.5) !important;
transform: none !important;
}
.re-search-submit svg {
width: 18px !important;
height: 18px !important;
stroke: currentColor !important;
stroke-width: 2.5 !important;
fill: none !important;
}
@media (max-width: 1024px) {
.re-search-bar,
body .re-search-bar {
grid-template-columns: 1fr 1fr !important;
padding: 10px !important;
}
.re-search-swap,
body .re-search-swap { display: none !important; }
.re-search-submit,
body .re-search-submit {
grid-column: 1 / -1 !important;
min-height: 54px !important;
}
}
@media (max-width: 640px) {
.re-search-bar,
body .re-search-bar {
grid-template-columns: 1fr !important;
}
}
/* =================================================================== */
/* ===================================================================
SEARCH BAR OPACIDAD + DATE CLICK ANYWHERE 2026-05-30
=================================================================== */
/* Wrapper más transparente (se ve foto hero) */
.re-search-bar,
body .re-search-bar {
background: rgba(247,242,232,0.30) !important;
backdrop-filter: blur(16px) saturate(140%) !important;
-webkit-backdrop-filter: blur(16px) saturate(140%) !important;
border: 1px solid rgba(255,255,255,0.30) !important;
box-shadow: 0 16px 44px rgba(10,30,63,0.30) !important;
}
/* Date card click-anywhere → cursor pointer */
.re-search-dual-half,
body .re-search-dual-half {
cursor: pointer !important;
}
.re-search-dual-half .re-search-input,
body .re-search-dual-half .re-search-input {
cursor: pointer !important;
}
.re-search-dual-half * {
pointer-events: none;
}
.re-search-dual-half .re-search-input,
.re-search-dual-half label {
pointer-events: auto;
}
.re-search-dual-half {
pointer-events: auto !important;
}
/* =================================================================== */
/* ===================================================================
SEARCH BAR — quitar wrapper background 2026-05-30
=================================================================== */
.re-search-bar,
body .re-search-bar {
background: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
border-radius: 0 !important;
}
/* Cards mantienen su sombra propia para destacar sobre foto */
.re-search-card,
body .re-search-card {
box-shadow: 0 6px 18px rgba(10,30,63,0.18) !important;
}
.re-search-submit,
body .re-search-submit {
box-shadow: 0 6px 18px rgba(212,152,90,0.45) !important;
}
.re-search-swap,
body .re-search-swap {
box-shadow: 0 4px 12px rgba(10,30,63,0.20) !important;
}
/* =================================================================== */
/* ===================================================================
PAX DROPDOWN + DATE ICON CLEANUP 2026-05-30
=================================================================== */
/* Hide native date picker indicator porque card es click-anywhere */
.re-search-dual-half input[type="date"]::-webkit-calendar-picker-indicator,
body .re-search-dual-half input[type="date"]::-webkit-calendar-picker-indicator {
display: none !important;
-webkit-appearance: none !important;
appearance: none !important;
opacity: 0 !important;
width: 0 !important;
pointer-events: none !important;
}
.re-search-dual-half input[type="date"],
body .re-search-dual-half input[type="date"] {
appearance: none !important;
-webkit-appearance: none !important;
}
/* Asegurar pax field permite overflow visible para dropdown */
.re-pax-field,
body .re-pax-field {
overflow: visible !important;
}
.re-search-card.re-pax-field,
body .re-search-card.re-pax-field {
overflow: visible !important;
}
.re-pax-dropdown,
body .re-pax-dropdown {
z-index: 9999 !important;
width: 360px !important;
max-width: 96vw !important;
}
/* Force counter rows visible */
.re-pax-counter,
body .re-pax-counter {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 12px 0 !important;
}
.re-pax-counter__label,
body .re-pax-counter__label {
flex: 1 !important;
}
.re-pax-counter__ctrl,
body .re-pax-counter__ctrl {
display: flex !important;
align-items: center !important;
gap: 14px !important;
}
.re-pax-btn,
body .re-pax-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.re-pax-room,
body .re-pax-room {
display: block !important;
}
/* =================================================================== */
/* ===================================================================
PAX DROPDOWN Z-INDEX FIX 2026-05-30 — sobre secciones siguientes
=================================================================== */
/* Hero + search bar elevar stacking context */
.re-hero,
body .re-hero {
position: relative !important;
z-index: 100 !important;
}
.re-search-bar,
body .re-search-bar {
position: relative !important;
z-index: 200 !important;
}
.re-pax-field,
body .re-pax-field {
position: relative !important;
z-index: 300 !important;
}
/* Dropdown super alto sobre TODO */
.re-pax-dropdown,
body .re-pax-dropdown,
body .re-pax-field .re-pax-dropdown {
z-index: 99999 !important;
}
.re-pax-dropdown.open,
body .re-pax-dropdown.open {
z-index: 99999 !important;
}
/* Secciones siguientes mantienen stacking bajo */
.re-trust-strip,
body .re-trust-strip,
section.re-trust,
section.re-destinos,
section.re-tabs {
position: relative !important;
z-index: 1 !important;
}
/* =================================================================== */
/* ===================================================================
PAX DROPDOWN OVERFLOW FIX 2026-05-30 — dropdown sangra fuera hero
=================================================================== */
/* Hero overflow visible + remove isolation para que dropdown escape */
.re-hero,
body .re-hero {
overflow: visible !important;
isolation: auto !important;
}
/* Background hero contenido via :before pseudo en lugar de overflow */
.re-hero__img,
body .re-hero__img {
border-radius: 0 !important;
}
/* Search bar overflow visible — dropdown sale del card */
.re-search-bar,
body .re-search-bar {
overflow: visible !important;
}
.re-hero-search,
body .re-hero-search {
overflow: visible !important;
}
/* Cards individuales también */
.re-search-card,
body .re-search-card {
overflow: visible !important;
}
.re-pax-field,
body .re-pax-field,
.re-search-card.re-pax-field,
body .re-search-card.re-pax-field {
overflow: visible !important;
}
/* Trust strip + secciones siguientes z-index bajo */
.re-trust-strip,
body .re-trust-strip {
position: relative !important;
z-index: 1 !important;
}
/* Dropdown super alto fixed-ish behavior */
.re-pax-dropdown.open,
body .re-pax-dropdown.open {
z-index: 99999 !important;
position: absolute !important;
}
/* =================================================================== */
/* ===================================================================
Z-INDEX HIERARCHY FIX 2026-05-30 — mobile overlay sobre hero
Jerarquía oficial:
skip-link 99999
pax-dropdown 99999
mobile-overlay 9998
cookie-banner 9990
sticky-mobile 50
header 50
burger 60
hero 10
trust-strip 1
=================================================================== */
.re-mobile-overlay,
body .re-mobile-overlay,
div.re-mobile-overlay {
z-index: 9998 !important;
}
.re-mobile-overlay.is-open,
body .re-mobile-overlay.is-open {
z-index: 9998 !important;
}
/* Hero baja a z-index 10 (suficiente sobre trust=1) */
.re-hero,
body .re-hero {
z-index: 10 !important;
}
/* Burger encima del overlay para cerrar */
.re-burger,
body .re-burger {
z-index: 9999 !important;
}
/* Header sticky encima de hero pero debajo del overlay */
.re-header,
body .re-header,
header.re-header {
z-index: 60 !important;
}
/* =================================================================== */
/* ===================================================================
CONTACTO ICON CARDS 2026-05-30 — SVG en lugar de emojis
=================================================================== */
.re-contact-card__icon,
body .re-contact-card__icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 56px !important;
height: 56px !important;
border-radius: 14px !important;
background: linear-gradient(135deg, #0a1e3f, #1a2f54) !important;
color: #d4985a !important;
margin-bottom: 16px !important;
box-shadow: 0 6px 18px rgba(10,30,63,0.18) !important;
}
.re-contact-card__icon svg,
body .re-contact-card__icon svg {
width: 28px !important;
height: 28px !important;
stroke: #d4985a !important;
fill: none !important;
}
/* =================================================================== */
/* ===================================================================
CITY AUTOCOMPLETE DROPDOWN 2026-05-30 — Origen + Destino
=================================================================== */
.re-city-dd,
body .re-city-dd {
position: absolute !important;
top: calc(100% + 6px) !important;
left: -1px !important;
right: -1px !important;
background: #fff !important;
border-radius: 12px !important;
box-shadow: 0 14px 38px rgba(10,30,63,0.22) !important;
max-height: 380px !important;
overflow-y: auto !important;
z-index: 99998 !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(-6px) !important;
transition: opacity .14s, transform .14s, visibility 0s linear .14s !important;
padding: 6px 0 !important;
}
.re-city-dd.open,
body .re-city-dd.open {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
transition: opacity .14s, transform .14s, visibility 0s linear 0s !important;
}
.re-city-dd__item,
body .re-city-dd__item {
padding: 10px 16px !important;
cursor: pointer !important;
border-bottom: 1px solid #f3eee2 !important;
transition: background .12s !important;
}
.re-city-dd__item:last-child { border-bottom: none !important; }
.re-city-dd__item:hover,
.re-city-dd__item.active,
body .re-city-dd__item:hover,
body .re-city-dd__item.active {
background: #f7f2e8 !important;
}
.re-city-dd__main,
body .re-city-dd__main {
font-family: var(--re-font-display) !important;
font-size: 15px !important;
font-weight: 700 !important;
color: #0a1e3f !important;
line-height: 1.25 !important;
}
.re-city-dd__code,
body .re-city-dd__code {
font-size: 13px !important;
font-weight: 600 !important;
color: #6b6b6b !important;
margin-left: 4px !important;
}
.re-city-dd__sub,
body .re-city-dd__sub {
font-family: var(--re-font-body) !important;
font-size: 12.5px !important;
color: #6b6b6b !important;
margin-top: 2px !important;
}
/* Origen + Destino card debe permitir overflow para dropdown */
.re-search-card,
body .re-search-card {
overflow: visible !important;
}
/* =================================================================== */
/* ===================================================================
PAX AGE ROW 2026-05-30 — edad por menor
=================================================================== */
.re-pax-age-row,
body .re-pax-age-row {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
padding: 10px 0 !important;
border-top: 1px dashed #e5dfd2 !important;
margin-top: 8px !important;
}
.re-pax-age-row__label,
body .re-pax-age-row__label { flex: 1 !important; }
.re-pax-age-row__label strong,
body .re-pax-age-row__label strong {
display: block !important;
font-family: var(--re-font-display) !important;
font-size: 14.5px !important;
font-weight: 700 !important;
color: #0a1e3f !important;
line-height: 1.2 !important;
}
.re-pax-age-row__label span,
body .re-pax-age-row__label span {
display: block !important;
font-size: 12px !important;
color: #6b6b6b !important;
margin-top: 2px !important;
font-family: var(--re-font-body) !important;
}
.re-pax-age,
body .re-pax-age {
appearance: none !important;
-webkit-appearance: none !important;
background: #fff !important;
background-image: url("data:image/svg+xml;utf8,") !important;
background-repeat: no-repeat !important;
background-position: right 10px center !important;
background-size: 14px !important;
border: 1.5px solid #d4cebe !important;
border-radius: 8px !important;
padding: 8px 32px 8px 12px !important;
font-family: var(--re-font-display) !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #0a1e3f !important;
min-width: 120px !important;
cursor: pointer !important;
outline: none !important;
}
.re-pax-age:focus,
body .re-pax-age:focus {
border-color: #0a1e3f !important;
box-shadow: 0 0 0 3px rgba(10,30,63,0.08) !important;
}
.re-pax-age:invalid,
body .re-pax-age:invalid {
color: #b8b3a8 !important;
}
/* =================================================================== */
/* ===================================================================
CITY DD FEATURED 2026-05-30 — destinos más buscados Destino
=================================================================== */
.re-city-dd__head,
body .re-city-dd__head {
display: flex !important;
align-items: center !important;
gap: 8px !important;
padding: 10px 16px 8px !important;
font-family: var(--re-font-display) !important;
font-size: 11.5px !important;
font-weight: 800 !important;
color: #6b6b6b !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
border-bottom: 1px solid #f0eadb !important;
background: #faf6ec !important;
}
.re-city-dd__head svg,
body .re-city-dd__head svg {
width: 14px !important;
height: 14px !important;
color: #d4985a !important;
fill: #d4985a !important;
stroke: #d4985a !important;
flex-shrink: 0 !important;
}
.re-city-dd__feat,
body .re-city-dd__feat {
display: flex !important;
align-items: center !important;
gap: 14px !important;
padding: 12px 16px !important;
cursor: pointer !important;
border-bottom: 1px solid #f3eee2 !important;
transition: background .12s !important;
}
.re-city-dd__feat:last-child { border-bottom: none !important; }
.re-city-dd__feat:hover,
body .re-city-dd__feat:hover {
background: #f7f2e8 !important;
}
.re-city-dd__feat-img,
body .re-city-dd__feat-img {
width: 64px !important;
height: 48px !important;
border-radius: 8px !important;
background-size: cover !important;
background-position: center !important;
flex-shrink: 0 !important;
box-shadow: 0 2px 6px rgba(10,30,63,0.12) !important;
}
.re-city-dd__feat-text,
body .re-city-dd__feat-text {
font-family: var(--re-font-display) !important;
font-size: 14.5px !important;
font-weight: 700 !important;
color: #0a1e3f !important;
line-height: 1.3 !important;
}
/* =================================================================== */
/* ===================================================================
CITY DD WIDTH FIX 2026-05-30 — escape card width
=================================================================== */
.re-city-dd,
body .re-city-dd {
width: 420px !important;
max-width: calc(100vw - 24px) !important;
left: 0 !important;
right: auto !important;
}
.re-city-dd__head,
body .re-city-dd__head {
white-space: nowrap !important;
padding: 12px 18px 10px !important;
}
.re-city-dd__feat-text,
body .re-city-dd__feat-text {
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
flex: 1 !important;
min-width: 0 !important;
}
.re-city-dd__feat,
body .re-city-dd__feat {
padding: 14px 18px !important;
}
@media (max-width: 640px) {
.re-city-dd,
body .re-city-dd {
width: calc(100vw - 24px) !important;
left: 0 !important;
}
}
/* =================================================================== */
/* ===================================================================
SEARCH BAR HEIGHT COMPACT 2026-05-30 — estilo Despegar
Reduce altura cards cotizador (de ~92px → ~58px)
=================================================================== */
.re-search-card,
body .re-search-card {
padding: 8px 14px !important;
min-height: 58px !important;
}
.re-search-input,
body .re-search-input {
font-size: 14px !important;
padding: 0 !important;
line-height: 1.2 !important;
}
.re-search-label-float,
body .re-search-label-float {
font-size: 11px !important;
top: 8px !important;
transform: none !important;
}
/* Floating label estado vacio queda como placeholder en medio */
.re-search-input:placeholder-shown + .re-search-label-float,
body .re-search-input:placeholder-shown + .re-search-label-float {
top: 50% !important;
transform: translateY(-50%) !important;
font-size: 14px !important;
}
.re-search-input:focus + .re-search-label-float,
.re-search-input:not(:placeholder-shown) + .re-search-label-float,
body .re-search-input:focus + .re-search-label-float,
body .re-search-input:not(:placeholder-shown) + .re-search-label-float {
top: 6px !important;
transform: none !important;
font-size: 10.5px !important;
}
/* Cards dual (Entrada · Salida) */
.re-search-card--dual,
body .re-search-card--dual {
padding: 0 !important;
min-height: 58px !important;
}
.re-search-dual-half,
body .re-search-dual-half {
padding: 8px 14px !important;
}
/* Pax field */
.re-pax-field,
body .re-pax-field,
.re-search-card.re-pax-field {
padding: 8px 14px !important;
min-height: 58px !important;
}
.re-pax-trigger,
body .re-pax-trigger {
padding: 0 !important;
min-height: auto !important;
}
/* Cotizar submit btn matching height */
.re-search-submit,
body .re-search-submit {
min-height: 58px !important;
padding: 8px 16px !important;
font-size: 14px !important;
}
/* Icono pax/origen/destino size compact */
.re-search-card svg,
body .re-search-card svg {
width: 16px !important;
height: 16px !important;
}
/* Hero search bar margin top reducido */
.re-hero-search,
body .re-hero-search {
margin-top: 24px !important;
}
/* Pax icon (head) ajuste */
.re-pax-icon,
body .re-pax-icon {
width: 14px !important;
height: 14px !important;
margin-bottom: 2px !important;
}
/* =================================================================== */
/* ===================================================================
SEARCH BAR HEIGHT ULTRA COMPACT 2026-05-30 — match Despegar exact
Min-height card 58 → 48px · padding 8/14 → 6/12 · labels 11→10.5
=================================================================== */
.re-search-card,
body .re-search-card {
padding: 6px 12px !important;
min-height: 48px !important;
}
.re-search-card--dual,
body .re-search-card--dual {
padding: 0 !important;
min-height: 48px !important;
}
.re-search-dual-half,
body .re-search-dual-half {
padding: 6px 12px !important;
}
.re-pax-field,
body .re-pax-field,
.re-search-card.re-pax-field {
padding: 6px 12px !important;
min-height: 48px !important;
}
.re-search-input,
body .re-search-input {
font-size: 13.5px !important;
line-height: 1.15 !important;
}
.re-search-label-float,
body .re-search-label-float {
font-size: 10.5px !important;
top: 6px !important;
}
.re-search-input:placeholder-shown + .re-search-label-float,
body .re-search-input:placeholder-shown + .re-search-label-float {
font-size: 13.5px !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
.re-search-input:focus + .re-search-label-float,
.re-search-input:not(:placeholder-shown) + .re-search-label-float,
body .re-search-input:focus + .re-search-label-float,
body .re-search-input:not(:placeholder-shown) + .re-search-label-float {
font-size: 10px !important;
top: 5px !important;
transform: none !important;
}
.re-search-submit,
body .re-search-submit {
min-height: 48px !important;
padding: 6px 14px !important;
font-size: 13.5px !important;
gap: 6px !important;
}
.re-search-submit svg,
body .re-search-submit svg {
width: 15px !important;
height: 15px !important;
}
.re-search-card svg,
body .re-search-card svg,
.re-search-card .re-search-icon svg {
width: 15px !important;
height: 15px !important;
}
.re-pax-trigger,
body .re-pax-trigger {
padding: 0 !important;
font-size: 13.5px !important;
}
.re-pax-text,
body .re-pax-text,
#rePaxText {
font-size: 13.5px !important;
line-height: 1.15 !important;
}
.re-pax-icon,
body .re-pax-icon {
width: 13px !important;
height: 13px !important;
margin-bottom: 1px !important;
}
.re-hero-search,
body .re-hero-search {
margin-top: 20px !important;
border-radius: 8px !important;
}
.re-search-swap,
body .re-search-swap,
#reSearchSwap {
width: 28px !important;
height: 28px !important;
}
.re-search-swap svg,
body .re-search-swap svg {
width: 14px !important;
height: 14px !important;
}
/* =================================================================== */
/* ===================================================================
MANIFESTO COMPACT 2026-05-30 — reduce altura banner Por Qué
CTA preservado prominente, content compressed
=================================================================== */
.re-manifesto,
body .re-manifesto {
padding: clamp(2rem, 3.5vw, 2.75rem) clamp(1.5rem, 3.5vw, 2.5rem) !important;
border-radius: 16px !important;
}
.re-manifesto__eyebrow,
body .re-manifesto__eyebrow {
font-size: 11px !important;
letter-spacing: 0.16em !important;
margin-bottom: 12px !important;
}
.re-manifesto__title,
body .re-manifesto__title {
font-size: clamp(1.6rem, 1.2rem + 1.5vw, 2.4rem) !important;
line-height: 1.1 !important;
margin: 6px 0 14px !important;
}
.re-manifesto__lead,
body .re-manifesto__lead {
font-size: clamp(0.92rem, 0.85rem + 0.3vw, 1.05rem) !important;
line-height: 1.5 !important;
margin: 0 auto 22px !important;
max-width: 56ch !important;
}
.re-manifesto__meta,
body .re-manifesto__meta {
padding: 18px 0 !important;
gap: 16px !important;
margin-bottom: 22px !important;
}
.re-manifesto__meta-item strong,
body .re-manifesto__meta-item strong {
font-size: clamp(1.4rem, 1.1rem + 1vw, 1.85rem) !important;
}
.re-manifesto__meta-item span,
body .re-manifesto__meta-item span {
font-size: 10.5px !important;
letter-spacing: 0.08em !important;
}
/* CTA preserved prominent */
.re-manifesto__cta,
body .re-manifesto__cta {
gap: 12px !important;
}
.re-manifesto__cta .btn,
body .re-manifesto__cta .btn {
font-size: 15px !important;
padding: 14px 28px !important;
}
/* Mobile: stack stats 2x2 + tighter */
@media (max-width: 640px) {
.re-manifesto,
body .re-manifesto {
padding: 28px 18px !important;
}
.re-manifesto__title,
body .re-manifesto__title {
font-size: clamp(1.4rem, 1.1rem + 1.5vw, 1.8rem) !important;
}
.re-manifesto__meta,
body .re-manifesto__meta {
grid-template-columns: repeat(2, 1fr) !important;
gap: 14px !important;
padding: 14px 0 !important;
}
}
/* =================================================================== */
/* BLOG LISTING DINAMICO 2026-06-01 */
.re-blog-archive,body .re-blog-archive{background:#f7f2e8 !important;padding:48px 0 64px !important;}
.re-blog-archive .container{max-width:1180px !important;margin:0 auto !important;padding:0 24px !important;}
.re-blog-archive__lead{max-width:760px !important;margin:0 auto 32px !important;text-align:center !important;}
.re-blog-archive__lead h1{font-family:var(--re-font-display) !important;font-size:clamp(1.8rem,1.4rem + 1.6vw,2.6rem) !important;color:#0a1e3f !important;margin:0 0 14px !important;}
.re-blog-archive__lead h2,.re-blog-archive__lead h3{display:none !important;}
.re-blog-archive__lead p{font-size:16px !important;color:#4a4a4a !important;line-height:1.55 !important;margin:0 0 6px !important;}
.re-blog-archive__lead p:nth-of-type(n+2){display:none !important;}
.re-blog-filters{display:flex !important;gap:8px !important;justify-content:center !important;flex-wrap:wrap !important;padding:14px 0 30px !important;}
.re-blog-filter{display:inline-flex !important;align-items:center !important;padding:9px 18px !important;background:#fff !important;border:1.5px solid #e5dfd2 !important;border-radius:50px !important;font-family:var(--re-font-display) !important;font-size:13.5px !important;font-weight:700 !important;color:#0a1e3f !important;text-decoration:none !important;transition:all .15s !important;}
.re-blog-filter:hover{border-color:#d4985a !important;color:#d4985a !important;}
.re-blog-filter.is-active{background:#0a1e3f !important;border-color:#0a1e3f !important;color:#fff !important;}
.re-blog-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:28px !important;}
@media (max-width:980px){.re-blog-grid{grid-template-columns:repeat(2,1fr) !important;}}
@media (max-width:640px){.re-blog-grid{grid-template-columns:1fr !important;}}
.re-blog-card{background:#fff !important;border-radius:14px !important;overflow:hidden !important;box-shadow:0 4px 14px rgba(10,30,63,0.08) !important;transition:transform .2s,box-shadow .2s !important;}
.re-blog-card:hover{transform:translateY(-4px) !important;box-shadow:0 14px 36px rgba(10,30,63,0.16) !important;}
.re-blog-card__link{display:block !important;text-decoration:none !important;color:inherit !important;}
.re-blog-card__media{width:100% !important;aspect-ratio:16/9 !important;background-size:cover !important;background-position:center !important;}
.re-blog-card__body{padding:20px 22px 22px !important;}
.re-blog-card__cat{display:inline-block !important;font-family:var(--re-font-display) !important;font-size:10.5px !important;font-weight:800 !important;letter-spacing:0.12em !important;text-transform:uppercase !important;color:#d4985a !important;margin-bottom:8px !important;}
.re-blog-card__title{font-family:var(--re-font-display) !important;font-size:18px !important;font-weight:800 !important;color:#0a1e3f !important;line-height:1.25 !important;margin:0 0 10px !important;}
.re-blog-card__excerpt{font-size:14px !important;color:#5a5a5a !important;line-height:1.5 !important;margin:0 0 14px !important;display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}
.re-blog-card__date{font-size:12px !important;color:#8a8a8a !important;text-transform:capitalize !important;}
.re-blog-pagination{display:flex !important;gap:6px !important;justify-content:center !important;flex-wrap:wrap !important;margin-top:36px !important;}
.re-blog-pagination .page-numbers{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:38px !important;padding:8px 14px !important;background:#fff !important;border:1.5px solid #e5dfd2 !important;border-radius:8px !important;font-family:var(--re-font-display) !important;font-size:14px !important;font-weight:700 !important;color:#0a1e3f !important;text-decoration:none !important;}
.re-blog-pagination .page-numbers.current{background:#0a1e3f !important;border-color:#0a1e3f !important;color:#fff !important;}
.re-blog-empty{text-align:center !important;padding:48px 24px !important;font-size:16px !important;color:#5a5a5a !important;}
/* =====================================================================
PCARD UNIFIED 2026-06-01 — destino + paquete card estilo referencia
Photo top con overlay title + Oferta badge · body precio antes/ahora
+ duración + descuento % + cupos + CTA Ver detalles
===================================================================== */
.re-pcard,body .re-pcard{display:flex !important;flex-direction:column !important;background:#fff !important;border-radius:14px !important;overflow:hidden !important;box-shadow:0 4px 16px rgba(10,30,63,.10) !important;transition:transform .2s,box-shadow .2s !important;height:100% !important;}
.re-pcard:hover{transform:translateY(-4px) !important;box-shadow:0 14px 32px rgba(10,30,63,.18) !important;}
.re-pcard__media,body .re-pcard__media{position:relative !important;width:100% !important;aspect-ratio:16/10 !important;background-size:cover !important;background-position:center !important;display:flex !important;align-items:flex-end !important;padding:18px !important;}
.re-pcard__media::after{content:'' !important;position:absolute !important;inset:0 !important;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.55) 100%) !important;pointer-events:none !important;}
.re-pcard__badge,body .re-pcard__badge{position:absolute !important;top:14px !important;right:14px !important;background:#e74c3c !important;color:#fff !important;font-family:var(--re-font-display) !important;font-size:12px !important;font-weight:700 !important;padding:5px 16px !important;border-radius:50px !important;letter-spacing:.02em !important;z-index:2 !important;box-shadow:0 2px 8px rgba(231,76,60,.4) !important;}
.re-pcard__overlay-title,body .re-pcard__overlay-title{position:relative !important;z-index:1 !important;color:#fff !important;font-family:var(--re-font-display) !important;font-size:28px !important;font-weight:800 !important;line-height:1.1 !important;margin:0 !important;text-shadow:0 2px 8px rgba(0,0,0,.4) !important;}
.re-pcard__body,body .re-pcard__body{padding:18px 20px 20px !important;display:flex !important;flex-direction:column !important;flex:1 !important;}
.re-pcard__label,body .re-pcard__label{display:block !important;font-family:var(--re-font-body) !important;font-size:13px !important;color:#6b6b6b !important;margin-bottom:6px !important;}
.re-pcard__price-row,body .re-pcard__price-row{display:flex !important;justify-content:space-between !important;align-items:flex-start !important;gap:16px !important;margin-bottom:8px !important;}
.re-pcard__price-col,body .re-pcard__price-col{flex:1 !important;}
.re-pcard__antes,body .re-pcard__antes{display:block !important;font-family:var(--re-font-body) !important;font-size:13px !important;color:#888 !important;margin-bottom:4px !important;}
.re-pcard__antes s,body .re-pcard__antes s{color:#999 !important;}
.re-pcard__ahora,body .re-pcard__ahora{display:flex !important;align-items:flex-start !important;gap:8px !important;}
.re-pcard__ahora-label,body .re-pcard__ahora-label{font-family:var(--re-font-display) !important;font-size:13px !important;color:#0a1e3f !important;font-weight:600 !important;line-height:1.15 !important;padding-top:4px !important;}
.re-pcard__ahora-price,body .re-pcard__ahora-price{font-family:var(--re-font-display) !important;font-size:24px !important;font-weight:900 !important;color:#e74c3c !important;line-height:1.05 !important;letter-spacing:-.02em !important;}
.re-pcard__dur-col,body .re-pcard__dur-col{text-align:right !important;min-width:90px !important;padding-top:4px !important;}
.re-pcard__dur,body .re-pcard__dur{font-family:var(--re-font-display) !important;font-size:14px !important;font-weight:700 !important;color:#0a1e3f !important;line-height:1.25 !important;}
.re-pcard__discount,body .re-pcard__discount{font-family:var(--re-font-display) !important;font-size:14px !important;color:#1ea35a !important;font-weight:700 !important;margin:6px 0 12px !important;}
.re-pcard__discount span,body .re-pcard__discount span{font-weight:500 !important;color:#1ea35a !important;}
.re-pcard__cupos,body .re-pcard__cupos{display:flex !important;align-items:center !important;gap:6px !important;font-family:var(--re-font-body) !important;font-size:13.5px !important;color:#555 !important;margin-bottom:16px !important;}
.re-pcard__cupos svg,body .re-pcard__cupos svg{width:16px !important;height:16px !important;color:#555 !important;}
.re-pcard__cta,body .re-pcard__cta{display:block !important;background:#0a1e3f !important;color:#fff !important;text-align:center !important;text-decoration:none !important;font-family:var(--re-font-display) !important;font-size:15px !important;font-weight:700 !important;padding:13px 20px !important;border-radius:8px !important;margin-top:auto !important;transition:background .15s !important;}
.re-pcard__cta:hover,body .re-pcard__cta:hover{background:#152a52 !important;color:#fff !important;}
@media (max-width:640px){.re-pcard__overlay-title{font-size:24px !important;}.re-pcard__ahora-price{font-size:22px !important;}}
/* =================================================================== */
/* ===================================================================
PCARD CAROUSEL FIX 2026-06-01 — apilamiento ofertas mobile
Tab Ofertas usa re-carousel scroll-snap. Cards re-pcard sin flex
basis se comprimían. Set: desktop 3vis · tablet 2 · mobile 1 full.
=================================================================== */
.re-carousel .re-pcard,
body .re-carousel .re-pcard {
flex: 0 0 calc((100% - 48px) / 3) !important;
min-width: 280px !important;
max-width: 380px !important;
scroll-snap-align: start !important;
}
@media (max-width:1024px){
.re-carousel .re-pcard,
body .re-carousel .re-pcard {
flex: 0 0 calc((100% - 24px) / 2) !important;
min-width: 280px !important;
}
}
@media (max-width:680px){
.re-carousel .re-pcard,
body .re-carousel .re-pcard {
flex: 0 0 calc(100vw - 48px) !important;
max-width: calc(100vw - 48px) !important;
min-width: 0 !important;
}
}
/* =================================================================== */
/* ===================================================================
PCARD PALETA BRAND 2026-06-01 — usar navy + warm dorado · NO rojo NO verde
Override colores Despegar-like → identidad Ruta Épica
=================================================================== */
.re-pcard__badge,
body .re-pcard__badge {
background: #d4985a !important;
color: #fff !important;
box-shadow: 0 2px 8px rgba(212,152,90,.4) !important;
}
.re-pcard__ahora-price,
body .re-pcard__ahora-price {
color: #0a1e3f !important;
}
.re-pcard__discount,
body .re-pcard__discount {
color: #d4985a !important;
}
.re-pcard__discount span,
body .re-pcard__discount span {
color: #d4985a !important;
}
/* =================================================================== */
/* PCARD HUB GRID 2026-06-01 — destinos hub usa pcard, grid 3 cols */
.re-destinos-hub__grid,
body .re-destinos-hub__grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 28px !important;
}
@media (max-width:980px){.re-destinos-hub__grid,body .re-destinos-hub__grid{grid-template-columns:repeat(2,1fr) !important;}}
@media (max-width:640px){.re-destinos-hub__grid,body .re-destinos-hub__grid{grid-template-columns:1fr !important;}}
/* OFERTAS GRID 2026-06-01 — quitar carrusel, cascada igual nac/intl */
.re-ofertas-grid,
body .re-ofertas-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 28px !important;
}
@media (max-width:980px){.re-ofertas-grid,body .re-ofertas-grid{grid-template-columns:repeat(2,1fr) !important;}}
@media (max-width:640px){.re-ofertas-grid,body .re-ofertas-grid{grid-template-columns:1fr !important;}}
/* ===================================================================
PCARD DURACION OVERFLOW FIX 2026-06-01 — dur-col se salía del card
=================================================================== */
.re-pcard__body,
body .re-pcard__body {
overflow: hidden !important;
min-width: 0 !important;
}
.re-pcard__price-row,
body .re-pcard__price-row {
flex-wrap: nowrap !important;
min-width: 0 !important;
gap: 12px !important;
}
.re-pcard__price-col,
body .re-pcard__price-col {
min-width: 0 !important;
flex: 1 1 auto !important;
}
.re-pcard__dur-col,
body .re-pcard__dur-col {
flex: 0 0 auto !important;
min-width: 0 !important;
max-width: 110px !important;
text-align: right !important;
}
.re-pcard__dur,
body .re-pcard__dur {
font-size: 13px !important;
white-space: normal !important;
word-wrap: break-word !important;
line-height: 1.3 !important;
}
.re-pcard__label,
body .re-pcard__label {
white-space: nowrap !important;
font-size: 12px !important;
}
/* Ahora price NO crece infinito */
.re-pcard__ahora-price,
body .re-pcard__ahora-price {
font-size: 22px !important;
word-break: break-word !important;
}
/* =================================================================== */
/* ===================================================================
PCARD PRECIO ALIGN FIX 2026-06-01 — ahora-price layout consistente
Antes precio se quebraba como "$1.490. 000 COP" en col estrecha.
Solucion: bloque vertical, label en línea propia, precio nowrap.
=================================================================== */
.re-pcard__ahora,
body .re-pcard__ahora {
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: nowrap !important;
}
.re-pcard__ahora-label,
body .re-pcard__ahora-label {
font-size: 12px !important;
line-height: 1.2 !important;
padding-top: 0 !important;
flex-shrink: 0 !important;
white-space: normal !important;
}
.re-pcard__ahora-price,
body .re-pcard__ahora-price {
font-size: 22px !important;
line-height: 1.1 !important;
white-space: nowrap !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
}
/* Si precio largo (USD $9,999) reduce auto */
@media (max-width:1100px){
.re-pcard__ahora-price,body .re-pcard__ahora-price{font-size:19px !important;}
}
/* =================================================================== */
/* PCARD PARTIDA 2026-06-01 — pill 'Sale desde X' arriba del precio */
.re-pcard__partida,body .re-pcard__partida{display:inline-flex !important;align-items:center !important;font-family:var(--re-font-display) !important;font-size:12px !important;font-weight:600 !important;color:#d4985a !important;background:#f7f2e8 !important;padding:4px 10px !important;border-radius:50px !important;margin-bottom:10px !important;border:1px solid rgba(212,152,90,.3) !important;}
.re-pcard__partida svg,body .re-pcard__partida svg{stroke:#d4985a !important;}
/* OFERTAS 4 COLS 2026-06-01 — alinear con destinos grid (4 cards en fila como Nacional/Internacional) */
.re-ofertas-grid,body .re-ofertas-grid{grid-template-columns:repeat(4,1fr) !important;}
.re-destinos-panel[data-panel="ofertas"] .re-destinos-grid,
body .re-destinos-panel[data-panel="ofertas"] .re-destinos-grid{grid-template-columns:repeat(4,1fr) !important;}
@media (max-width:1100px){
.re-ofertas-grid,body .re-ofertas-grid{grid-template-columns:repeat(2,1fr) !important;}
}
@media (max-width:640px){
.re-ofertas-grid,body .re-ofertas-grid{grid-template-columns:1fr !important;}
}
/* Tambien nacional/internacional grid a 4 cols desktop si tiene 4 cards */
.re-destinos-grid,body .re-destinos-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:20px !important;}
@media (max-width:1100px){.re-destinos-grid,body .re-destinos-grid{grid-template-columns:repeat(2,1fr) !important;}}
@media (max-width:640px){.re-destinos-grid,body .re-destinos-grid{grid-template-columns:1fr !important;}}
/* ===================================================================
PAX AGE SELECT SATURATION FIX 2026-06-01 — texto + border + options
=================================================================== */
.re-pax-age,
body .re-pax-age {
background: #fff !important;
border: 2px solid #0a1e3f !important;
color: #0a1e3f !important;
font-weight: 700 !important;
-webkit-text-fill-color: #0a1e3f !important;
}
.re-pax-age:hover,
body .re-pax-age:hover {
border-color: #d4985a !important;
}
.re-pax-age:focus,
body .re-pax-age:focus {
border-color: #d4985a !important;
box-shadow: 0 0 0 3px rgba(212,152,90,0.18) !important;
}
.re-pax-age option,
body .re-pax-age option {
background: #fff !important;
color: #0a1e3f !important;
font-weight: 600 !important;
padding: 8px !important;
}
.re-pax-age option[disabled],
body .re-pax-age option[disabled] {
color: #5a5a5a !important;
}
.re-pax-age:invalid,
body .re-pax-age:invalid {
color: #0a1e3f !important;
-webkit-text-fill-color: #0a1e3f !important;
border-color: #d4cebe !important;
}
/* Label del row más saturado también */
.re-pax-age-row__label strong,
body .re-pax-age-row__label strong {
color: #0a1e3f !important;
font-weight: 800 !important;
}
.re-pax-age-row__label span,
body .re-pax-age-row__label span {
color: #5a5a5a !important;
font-weight: 500 !important;
}
/* =================================================================== */
/* BLOG OTROS LIMIT 3 2026-06-01 — limit existing "Otros artículos del blog" section to 3 cards */
.section.section--bone .re-blog-grid > .re-blog-card:nth-child(n+4),
body .section.section--bone .re-blog-grid > .re-blog-card:nth-child(n+4) {
display: none !important;
}
.section.section--bone .re-blog-grid,
body .section.section--bone .re-blog-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 24px !important;
}
@media (max-width: 900px) {
.section.section--bone .re-blog-grid,
body .section.section--bone .re-blog-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
.section.section--bone .re-blog-grid > .re-blog-card:nth-child(n+3) {
display: none !important;
}
}
@media (max-width: 600px) {
.section.section--bone .re-blog-grid,
body .section.section--bone .re-blog-grid {
grid-template-columns: 1fr !important;
}
.section.section--bone .re-blog-grid > .re-blog-card:nth-child(n+2) {
display: none !important;
}
}
/* RE-BLOG-HERO 2026-06-01 — cover image inicio content blog single */
.re-blog-hero,body .re-blog-hero{margin:0 0 32px !important;border-radius:14px !important;overflow:hidden !important;}
.re-blog-hero img,body .re-blog-hero img{width:100% !important;height:auto !important;aspect-ratio:16/9 !important;object-fit:cover !important;display:block !important;}
/* RE-GALLERY 2026-06-01 - hero + thumbs navegables (Opcion 3) */
.re-gallery,body .re-gallery{margin:40px 0 32px !important;display:grid !important;grid-template-rows:auto auto !important;gap:10px !important;}
.re-gallery__hero,body .re-gallery__hero{aspect-ratio:16/9 !important;background-size:cover !important;background-position:center !important;border-radius:14px !important;width:100% !important;transition:background-image .3s ease !important;}
.re-gallery__thumbs,body .re-gallery__thumbs{display:grid !important;grid-template-columns:repeat(5,1fr) !important;gap:10px !important;}
.re-gallery__thumb,body .re-gallery__thumb{aspect-ratio:4/3 !important;background-size:cover !important;background-position:center !important;border-radius:8px !important;cursor:pointer !important;opacity:.65 !important;transition:opacity .2s,border-color .2s,transform .15s !important;border:3px solid transparent !important;padding:0 !important;background-color:transparent !important;}
.re-gallery__thumb:hover,body .re-gallery__thumb:hover{opacity:1 !important;transform:translateY(-2px) !important;}
.re-gallery__thumb.is-active,body .re-gallery__thumb.is-active{opacity:1 !important;border-color:#d4985a !important;}
@media (max-width:640px){
.re-gallery__thumbs,body .re-gallery__thumbs{grid-template-columns:repeat(4,1fr) !important;gap:6px !important;}
.re-gallery__thumbs .re-gallery__thumb:nth-child(5),body .re-gallery__thumbs .re-gallery__thumb:nth-child(5){display:none !important;}
}
/* RE-GALLERY IMG FIX 2026-06-01 — usar ![]()
en vez de background-image */
.re-gallery__hero,body .re-gallery__hero{aspect-ratio:16/9 !important;background:none !important;border-radius:14px !important;overflow:hidden !important;width:100% !important;}
.re-gallery__hero img,body .re-gallery__hero img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;transition:opacity .3s ease !important;}
.re-gallery__thumb,body .re-gallery__thumb{aspect-ratio:4/3 !important;background:none !important;border-radius:8px !important;overflow:hidden !important;cursor:pointer !important;opacity:.65 !important;transition:opacity .2s,border-color .2s,transform .15s !important;border:3px solid transparent !important;padding:0 !important;}
.re-gallery__thumb img,body .re-gallery__thumb img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
.re-gallery__thumb:hover,body .re-gallery__thumb:hover{opacity:1 !important;transform:translateY(-2px) !important;}
.re-gallery__thumb.is-active,body .re-gallery__thumb.is-active{opacity:1 !important;border-color:#d4985a !important;}
/* RE-GLANCE NO OVERLAP 2026-06-01 — glance bar pegada arriba del hero quedaba cortada */
.re-glance,
body .re-glance {
margin-top: 24px !important;
position: relative !important;
z-index: 10 !important;
padding: 20px 24px !important;
}
/* RE-GALLERY LAYOUT FIX 2026-06-01 — hero arriba full-width, thumbs row debajo */
.re-gallery,
body .re-gallery {
display: block !important;
width: 100% !important;
margin: 0 0 32px !important;
}
.re-gallery__hero,
body .re-gallery__hero {
width: 100% !important;
display: block !important;
margin-bottom: 12px !important;
}
.re-gallery__thumbs,
body .re-gallery__thumbs {
display: grid !important;
grid-template-columns: repeat(5, 1fr) !important;
gap: 10px !important;
width: 100% !important;
margin-top: 0 !important;
}
@media (max-width: 640px) {
.re-gallery__thumbs,
body .re-gallery__thumbs {
grid-template-columns: repeat(4, 1fr) !important;
gap: 6px !important;
}
}
/* RE-GALLERY SLIDER 2026-06-01 — slider compact max 720px arrows + dots */
.re-gallery,body .re-gallery{display:block !important;max-width:720px !important;margin:32px auto !important;width:100% !important;}
.re-gallery__stage,body .re-gallery__stage{position:relative !important;width:100% !important;aspect-ratio:16/9 !important;border-radius:14px !important;overflow:hidden !important;background:#0a1e3f !important;}
.re-gallery__stage img,body .re-gallery__stage img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;transition:opacity .3s ease !important;}
.re-gallery__nav,body .re-gallery__nav{position:absolute !important;top:50% !important;transform:translateY(-50%) !important;width:38px !important;height:38px !important;border-radius:50% !important;background:rgba(10,30,63,.75) !important;color:#fff !important;border:none !important;font-size:24px !important;font-weight:700 !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:5 !important;transition:background .15s !important;padding:0 !important;line-height:1 !important;}
.re-gallery__nav:hover,body .re-gallery__nav:hover{background:#d4985a !important;}
.re-gallery__nav--prev,body .re-gallery__nav--prev{left:14px !important;}
.re-gallery__nav--next,body .re-gallery__nav--next{right:14px !important;}
.re-gallery__dots,body .re-gallery__dots{position:absolute !important;bottom:14px !important;left:50% !important;transform:translateX(-50%) !important;display:flex !important;gap:8px !important;z-index:5 !important;}
.re-gallery__dot,body .re-gallery__dot{width:10px !important;height:10px !important;border-radius:50% !important;background:rgba(255,255,255,.5) !important;border:none !important;cursor:pointer !important;padding:0 !important;transition:all .2s !important;}
.re-gallery__dot.is-active,body .re-gallery__dot.is-active{background:#d4985a !important;width:28px !important;border-radius:100px !important;}
@media (max-width:640px){
.re-gallery,body .re-gallery{max-width:100% !important;margin:24px 0 !important;}
.re-gallery__nav,body .re-gallery__nav{width:32px !important;height:32px !important;font-size:20px !important;}
}
/* RE-ARTICLE-BODY VISIBILITY FIX 2026-06-01 — fade-up bloqueaba content blog mobile */
.re-article-body.fade-up,
body .re-article-body.fade-up,
.re-article-body,
body .re-article-body {
opacity: 1 !important;
transform: none !important;
}
.re-article-body img,
body .re-article-body img {
max-width: 100% !important;
height: auto !important;
}
@media (max-width: 640px) {
.re-hero--compact,
body .re-hero--compact {
min-height: 38vh !important;
}
.re-article-body,
body .re-article-body {
font-size: 16px !important;
line-height: 1.6 !important;
}
}
/* RE-ARTICLE-BODY IMG FIX 2026-06-01 — excluir gallery img de override height:auto */
.re-article-body .re-gallery__stage,
body .re-article-body .re-gallery__stage {
aspect-ratio: 16/9 !important;
max-width: 720px !important;
margin: 32px auto !important;
}
.re-article-body .re-gallery__stage img,
body .re-article-body .re-gallery__stage img {
height: 100% !important;
width: 100% !important;
object-fit: cover !important;
max-width: 100% !important;
}
.re-article-body .re-gallery,
body .re-article-body .re-gallery {
max-width: 720px !important;
margin: 32px auto !important;
}
@media (max-width: 640px) {
.re-article-body .re-gallery,
.re-article-body .re-gallery__stage,
body .re-article-body .re-gallery,
body .re-article-body .re-gallery__stage {
max-width: 100% !important;
}
}
/* PAQUETES ARCHIVE PCARD GRID 2026-06-01 — re-pkg-grid contiene re-pcard ahora */
.post-type-archive-paquete .re-pkg-grid,
body.post-type-archive-paquete .re-pkg-grid {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 28px !important;
}
@media (max-width:1100px) {
.post-type-archive-paquete .re-pkg-grid,
body.post-type-archive-paquete .re-pkg-grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width:640px) {
.post-type-archive-paquete .re-pkg-grid,
body.post-type-archive-paquete .re-pkg-grid {
grid-template-columns: 1fr !important;
}
}
/* PAQUETES GRID 3 COLS COMPACT 2026-06-01 — apilados → 3 columnas desktop con gap +holgura */
.post-type-archive-paquete .re-pkg-grid,
body.post-type-archive-paquete .re-pkg-grid,
.post-type-archive-paquete div.re-pkg-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 32px !important;
margin: 0 auto !important;
max-width: 100% !important;
}
@media (max-width:1100px) {
.post-type-archive-paquete .re-pkg-grid,
body.post-type-archive-paquete .re-pkg-grid {
grid-template-columns: repeat(2, 1fr) !important;
gap: 24px !important;
}
}
@media (max-width:640px) {
.post-type-archive-paquete .re-pkg-grid,
body.post-type-archive-paquete .re-pkg-grid {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
}
/* Card spacing inside */
.post-type-archive-paquete .re-pcard,
body.post-type-archive-paquete .re-pcard {
display: flex !important;
flex-direction: column !important;
}
.post-type-archive-paquete .re-pcard__body,
body.post-type-archive-paquete .re-pcard__body {
padding: 20px 22px 22px !important;
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
}
.post-type-archive-paquete .re-pcard__cta,
body.post-type-archive-paquete .re-pcard__cta {
margin-top: auto !important;
}
.post-type-archive-paquete .re-pcard__overlay-title,
body.post-type-archive-paquete .re-pcard__overlay-title {
font-size: 22px !important;
line-height: 1.15 !important;
}
/* ═══════════ SSOT OFERTAS TAB FIX 2026-06-01 ═══════════
Reset carousel flex rules inside ofertas tab grid.
Cards behave as grid items, not flex items.
Desktop 4 cols · Tablet 2 cols · Mobile 1 col.
Equalize heights via stretch + min-height. */
.re-destinos-panel[data-panel="ofertas"] .re-destinos-grid,
body .re-destinos-panel[data-panel="ofertas"] .re-destinos-grid,
.re-ofertas-grid,
body .re-ofertas-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 24px !important;
align-items: stretch !important;
max-width: 1200px !important;
margin: 32px auto 0 !important;
padding: 0 !important;
}
.re-destinos-panel[data-panel="ofertas"] .re-pcard,
body .re-destinos-panel[data-panel="ofertas"] .re-pcard,
.re-ofertas-grid .re-pcard,
body .re-ofertas-grid .re-pcard {
flex: initial !important;
flex-basis: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
scroll-snap-align: unset !important;
}
.re-destinos-panel[data-panel="ofertas"] .re-pcard__body,
body .re-destinos-panel[data-panel="ofertas"] .re-pcard__body {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
}
.re-destinos-panel[data-panel="ofertas"] .re-pcard__cta,
body .re-destinos-panel[data-panel="ofertas"] .re-pcard__cta {
margin-top: auto !important;
}
@media (max-width: 1100px) {
.re-destinos-panel[data-panel="ofertas"] .re-destinos-grid,
body .re-destinos-panel[data-panel="ofertas"] .re-destinos-grid,
.re-ofertas-grid,
body .re-ofertas-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 20px !important;
}
}
@media (max-width: 640px) {
.re-destinos-panel[data-panel="ofertas"] .re-destinos-grid,
body .re-destinos-panel[data-panel="ofertas"] .re-destinos-grid,
.re-ofertas-grid,
body .re-ofertas-grid {
grid-template-columns: 1fr !important;
gap: 16px !important;
padding: 0 4px !important;
}
}
/* ═══════════ END SSOT OFERTAS TAB FIX ═══════════ */
/* ═══════════ SSOT DESTINOS PANELS UNIFIED 2026-06-01 ═══════════
Fix mobile rendering all 3 panels (nacional/internacional/ofertas).
Reset legacy carousel flex rules globally on re-pcard inside grids.
Force grid layout always. */
.re-destinos-panel .re-destinos-grid,
body .re-destinos-panel .re-destinos-grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 24px !important;
align-items: stretch !important;
max-width: 1200px !important;
margin: 32px auto 0 !important;
padding: 0 !important;
width: 100% !important;
}
.re-destinos-panel .re-pcard,
body .re-destinos-panel .re-pcard {
flex: initial !important;
flex-basis: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
scroll-snap-align: unset !important;
}
.re-destinos-panel .re-pcard__body,
body .re-destinos-panel .re-pcard__body {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
}
.re-destinos-panel .re-pcard__cta,
body .re-destinos-panel .re-pcard__cta {
margin-top: auto !important;
}
@media (max-width: 1100px) {
.re-destinos-panel .re-destinos-grid,
body .re-destinos-panel .re-destinos-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 20px !important;
}
}
@media (max-width: 640px) {
.re-destinos-panel .re-destinos-grid,
body .re-destinos-panel .re-destinos-grid {
grid-template-columns: 1fr !important;
gap: 16px !important;
padding: 0 4px !important;
margin-top: 20px !important;
}
.re-destinos-panel .re-pcard,
body .re-destinos-panel .re-pcard {
width: 100% !important;
max-width: 100% !important;
}
}
/* ═══════════ END SSOT DESTINOS PANELS UNIFIED ═══════════ */
/* ═══════════ SSOT DESTINOS HUB /destinos/ MOBILE FIX 2026-06-01 ═══════════
Section Internacionales no renderiza mobile. Force grid + card sizing. */
.re-destinos-hub__section,
body .re-destinos-hub__section {
display: block !important;
width: 100% !important;
margin-bottom: 48px !important;
opacity: 1 !important;
visibility: visible !important;
}
.re-destinos-hub__section-head,
body .re-destinos-hub__section-head {
display: flex !important;
justify-content: space-between !important;
align-items: baseline !important;
margin-bottom: 20px !important;
padding-bottom: 12px !important;
border-bottom: 1px solid rgba(27,42,78,.08) !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
.re-destinos-hub__grid,
body .re-destinos-hub__grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 24px !important;
width: 100% !important;
align-items: stretch !important;
opacity: 1 !important;
visibility: visible !important;
}
.re-destinos-hub__grid .re-pcard,
body .re-destinos-hub__grid .re-pcard {
flex: initial !important;
flex-basis: auto !important;
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
scroll-snap-align: unset !important;
opacity: 1 !important;
visibility: visible !important;
}
.re-destinos-hub__grid .re-pcard__body,
body .re-destinos-hub__grid .re-pcard__body {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
}
.re-destinos-hub__grid .re-pcard__cta,
body .re-destinos-hub__grid .re-pcard__cta {
margin-top: auto !important;
}
@media (max-width: 1100px) {
.re-destinos-hub__grid,
body .re-destinos-hub__grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 20px !important;
}
}
@media (max-width: 640px) {
.re-destinos-hub__grid,
body .re-destinos-hub__grid {
grid-template-columns: 1fr !important;
gap: 16px !important;
padding: 0 4px !important;
}
.re-destinos-hub__grid .re-pcard,
body .re-destinos-hub__grid .re-pcard {
width: 100% !important;
max-width: 100% !important;
}
}
/* ═══════════ END SSOT DESTINOS HUB MOBILE ═══════════ */
/* ═══════════ SSOT GALLERY STAGE NAVY STRIP FIX 2026-06-02 ═══════════
Navy bar arriba del carrusel = stage bg + inline gap residual.
Aplica a TODOS los carruseles (.re-gallery__stage) en destinos/paquetes/blogs.
Kill: navy bg letterbox, inline baseline gap, legacy aspect-ratio:1 cuadrado. */
.re-gallery > *,
body .re-gallery > * {
aspect-ratio: auto !important;
}
.re-gallery__stage,
body .re-gallery__stage {
background: transparent !important;
font-size: 0 !important;
line-height: 0 !important;
display: block !important;
aspect-ratio: 16/9 !important;
overflow: hidden !important;
border-radius: 14px !important;
}
.re-gallery__stage img,
body .re-gallery__stage img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
vertical-align: top !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 14px !important;
}
/* ═══════════ END SSOT GALLERY STAGE NAVY STRIP FIX ═══════════ */
/* ═══════════ SSOT RPRICH-INCL ICONS CLEAN 2026-06-02 ═══════════
Cambiar cajas navy a iconos línea naranja limpios (estilo base-pkg #6). */
.rprich-incl__icon,
body .entry-content .rprich-incl__icon,
body .re-prose .rprich-incl__icon {
background: transparent !important;
box-shadow: none !important;
color: var(--re-orange, #d4985a) !important;
width: 32px !important;
height: 32px !important;
border-radius: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
}
.rprich-incl__icon svg,
body .rprich-incl__icon svg {
width: 28px !important;
height: 28px !important;
stroke: var(--re-orange, #d4985a) !important;
fill: none !important;
stroke-width: 1.75 !important;
}
/* ═══════════ END SSOT RPRICH-INCL ICONS CLEAN ═══════════ */
/* ═══════════ SSOT RPRICH SENS/CTA/NOINCL ICONS 2026-06-02 ═══════════
Sensorial + no-incluye + cta emojis → Lucide SVG limpio (no emojis). */
.rprich-sens-card__icon,
body .rprich-sens-card__icon {
font-size: 0 !important;
color: var(--re-orange, #d4985a) !important;
display: inline-flex !important;
justify-content: center !important;
margin-bottom: 12px !important;
}
.rprich-sens-card__icon svg,
body .rprich-sens-card__icon svg {
width: 34px !important; height: 34px !important;
stroke: var(--re-orange, #d4985a) !important; fill: none !important;
}
.rprich-no-incl h4 svg,
body .rprich-no-incl h4 svg {
width: 16px !important; height: 16px !important;
stroke: #0a1e3f !important; vertical-align: -3px !important; margin-right: 6px !important;
}
.rprich-cta__eyebrow svg,
body .rprich-cta__eyebrow svg {
width: 14px !important; height: 14px !important;
stroke: currentColor !important; fill: none !important;
}
.rprich-cta__btn-primary svg,
body .rprich-cta__btn-primary svg {
width: 18px !important; height: 18px !important;
stroke: #fff !important; fill: none !important;
}
/* ═══════════ END SSOT RPRICH SENS/CTA/NOINCL ICONS ═══════════ */
/* ═══════════ SSOT "VER TODOS" LINKS ENFASIS 2026-06-02 ═══════════
Subir tamaño links secundarios (Ver todos los destinos →) sin romper armonía. */
.re-destinos-panel > p > a,
body .re-destinos-panel > p > a {
font-size: 15px !important;
font-weight: 700 !important;
gap: 7px !important;
letter-spacing: .01em !important;
padding: 8px 4px !important;
}
.re-destinos-panel > p > a svg,
body .re-destinos-panel > p > a svg {
width: 16px !important;
height: 16px !important;
}
.re-destinos-panel > p > a:hover,
body .re-destinos-panel > p > a:hover {
text-decoration: underline !important;
text-underline-offset: 4px !important;
}
/* Section head links (Ver más) también */
.re-section-head__link,
body .re-section-head__link {
font-size: 15px !important;
font-weight: 700 !important;
}
/* ═══════════ END SSOT "VER TODOS" LINKS ENFASIS ═══════════ */
/* ═══════════ SSOT CARD EXCERPTS LEGIBILIDAD 2026-06-02 ═══════════
Subir excerpts/subtítulos de cards (muy pequeños) sin romper layout. */
.re-blog-card__excerpt,
body .re-blog-card__excerpt {
font-size: 15px !important;
line-height: 1.6 !important;
color: #555 !important;
}
.re-pcard__sub,
body .re-pcard__sub {
font-size: 14px !important;
line-height: 1.5 !important;
color: #5a5a5a !important;
}
.re-destino-card__excerpt,
body .re-destino-card__excerpt,
.re-destino-card p,
body .re-destino-card p {
font-size: 15px !important;
line-height: 1.6 !important;
}
.re-pcard__cop-mini,
body .re-pcard__cop-mini {
font-size: 13px !important;
}
.re-blog-card__date,
body .re-blog-card__date {
font-size: 12.5px !important;
}
@media (max-width: 640px) {
.re-blog-card__date,
body .re-blog-card__date {
font-size: 11.5px !important;
}
}
/* ═══════════ END SSOT CARD EXCERPTS LEGIBILIDAD ═══════════ */
/* ═══════════ SSOT TESTIMONIOS 4 COLS 2026-06-02 ═══════════ */
.re-testimonials,body .re-testimonials{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:20px !important;}
@media (max-width:1024px){.re-testimonials,body .re-testimonials{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media (max-width:600px){.re-testimonials,body .re-testimonials{grid-template-columns:1fr !important;}}
/* ═══════════ END SSOT TESTIMONIOS 4 COLS ═══════════ */