Ruta de la Abundancia · Marruecos · Cosmos y Mente*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }:root {
--gold: #C9A84C;
--gold-light: #E8D08A;
--gold-dark: #8B6914;
--terra: #A0522D;
--terra-dark: #6B3520;
--sand: #F5EDD6;
--sand-light: #FBF6EC;
--cream: #F9F3E8;
--deep-brown: #2C1810;
--mid-brown: #5C3420;
--text: #3D2B1A;
--text-light: #7A5C42;
}html { scroll-behavior: smooth; }body {
font-family: 'Jost', sans-serif;
background: var(--cream);
color: var(--text);
overflow-x: hidden;
}/* ═══════════════════════════════
HERO
═══════════════════════════════ */
.hero {
position: relative;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: var(--deep-brown);
}.hero-bg {
position: absolute; inset: 0;
background:
linear-gradient(to bottom, rgba(44,24,16,0.3) 0%, rgba(44,24,16,0.6) 60%, rgba(44,24,16,0.92) 100%),
url('https://images.unsplash.com/photo-1539020140153-e479b8791e7b?w=1600&q=80') center/cover no-repeat;
animation: heroZoom 20s ease-in-out infinite alternate;
}
@keyframes heroZoom {
from { transform: scale(1); }
to { transform: scale(1.05); }
}.stars-overlay {
position: absolute; inset: 0;
background-image:
radial-gradient(1px 1px at 8% 15%, rgba(255,255,255,.7) 0%, transparent 100%),
radial-gradient(1.5px 1.5px at 20% 8%, rgba(255,255,255,.5) 0%, transparent 100%),
radial-gradient(1px 1px at 35% 20%, rgba(255,255,255,.8) 0%, transparent 100%),
radial-gradient(1px 1px at 52% 5%, rgba(255,255,255,.6) 0%, transparent 100%),
radial-gradient(2px 2px at 68% 12%, rgba(201,168,76,.5) 0%, transparent 100%),
radial-gradient(1px 1px at 82% 18%, rgba(255,255,255,.7) 0%, transparent 100%),
radial-gradient(1px 1px at 93% 7%, rgba(255,255,255,.5) 0%, transparent 100%),
radial-gradient(1.5px 1.5px at 45% 25%, rgba(201,168,76,.4) 0%, transparent 100%);
pointer-events: none;
}.hero-content {
position: relative; z-index: 10;
text-align: center;
padding: 40px 24px;
max-width: 800px;
animation: fadeUp .9s ease both;
}
@keyframes fadeUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}.hero-tag {
display: inline-block;
font-size: 11px; font-weight: 500; letter-spacing: 5px; text-transform: uppercase;
color: var(--gold-light);
border: 1px solid rgba(201,168,76,.4);
padding: 7px 20px;
margin-bottom: 28px;
animation: fadeUp .9s .1s ease both;
}.hero-title {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(52px, 8vw, 90px);
font-weight: 300;
line-height: .95;
color: var(--sand);
margin-bottom: 8px;
animation: fadeUp .9s .2s ease both;
}
.hero-title em {
font-style: italic;
color: var(--gold-light);
font-weight: 400;
display: block;
font-size: 1.15em;
}.hero-sub {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(16px, 2.5vw, 22px);
font-style: italic;
color: rgba(232,208,138,.75);
letter-spacing: 3px;
margin: 16px 0 36px;
animation: fadeUp .9s .3s ease both;
}.hero-date-pill {
display: inline-flex; align-items: center; gap: 14px;
background: rgba(201,168,76,.15);
border: 1px solid rgba(201,168,76,.4);
padding: 12px 28px;
margin-bottom: 40px;
animation: fadeUp .9s .4s ease both;
}
.hero-date-pill span {
font-size: 13px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase;
color: var(--gold-light);
}
.hero-date-pill .sep { color: rgba(201,168,76,.4); }.hero-pillars {
display: flex; justify-content: center; gap: 32px; flex-wrap: wrap;
margin-bottom: 48px;
animation: fadeUp .9s .5s ease both;
}
.hero-pillar {
display: flex; flex-direction: column; align-items: center; gap: 6px;
}
.hero-pillar-icon { font-size: 22px; }
.hero-pillar-label {
font-size: 9px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase;
color: rgba(232,208,138,.65);
}.hero-cta {
display: inline-block;
background: linear-gradient(135deg, var(--terra), var(--terra-dark));
color: var(--sand);
font-family: 'Jost', sans-serif;
font-size: 13px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase;
padding: 18px 48px;
text-decoration: none;
border: 1px solid rgba(201,168,76,.3);
transition: all .3s ease;
animation: fadeUp .9s .6s ease both;
position: relative; overflow: hidden;
}
.hero-cta::before {
content: '';
position: absolute; inset: 0;
background: linear-gradient(135deg, rgba(201,168,76,.2), transparent);
opacity: 0; transition: opacity .3s;
}
.hero-cta:hover::before { opacity: 1; }
.hero-cta:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,0,0,.3); }.scroll-hint {
position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);
display: flex; flex-direction: column; align-items: center; gap: 8px;
animation: bounce 2s ease-in-out infinite;
cursor: pointer;
}
@keyframes bounce {
0%,100% { transform: translateX(-50%) translateY(0); }
50% { transform: translateX(-50%) translateY(8px); }
}
.scroll-hint span {
font-size: 8px; letter-spacing: 3px; text-transform: uppercase;
color: rgba(201,168,76,.5);
}
.scroll-hint-arrow { width: 20px; height: 20px; border-right: 1px solid rgba(201,168,76,.4); border-bottom: 1px solid rgba(201,168,76,.4); transform: rotate(45deg); }/* ═══════════════════════════════
DIVIDER
═══════════════════════════════ */
.ornament-divider {
display: flex; align-items: center; justify-content: center; gap: 16px;
padding: 24px 0;
}
.odl { flex: 1; max-width: 120px; height: 1px; background: linear-gradient(90deg, transparent, var(--gold)); }
.odl.r { background: linear-gradient(90deg, var(--gold), transparent); }
.odd { width: 6px; height: 6px; background: var(--gold); transform: rotate(45deg); }
.odd.sm { transform: rotate(45deg) scale(.6); opacity: .5; }/* ═══════════════════════════════
SECTION BASE
═══════════════════════════════ */
section { padding: 80px 24px; }
.container { max-width: 1100px; margin: 0 auto; }
.section-eyebrow {
font-size: 10px; font-weight: 500; letter-spacing: 5px; text-transform: uppercase;
color: var(--gold); margin-bottom: 12px; text-align: center;
}
.section-title {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(36px, 5vw, 56px); font-weight: 300;
line-height: 1.1; text-align: center;
color: var(--deep-brown); margin-bottom: 16px;
}
.section-title em { font-style: italic; color: var(--terra); }
.section-lead {
font-size: 17px; font-weight: 300; line-height: 1.7;
color: var(--text-light); text-align: center;
max-width: 680px; margin: 0 auto 48px;
}/* ═══════════════════════════════
ESENCIA
═══════════════════════════════ */
.esencia { background: var(--sand-light); }.esencia-grid {
display: grid; grid-template-columns: 1fr 1fr;
gap: 60px; align-items: center;
margin-top: 56px;
}
@media(max-width:768px){ .esencia-grid { grid-template-columns: 1fr; gap: 40px; } }.esencia-img-wrap {
position: relative;
}
.esencia-img {
width: 100%; aspect-ratio: 3/4; object-fit: cover;
display: block;
}
https://cosmosymente.com/wp-content/uploads/2026/04/photo_2026-04-29_00-20-03-2.jpg {
width: 100%; aspect-ratio: 3/4;
background: linear-gradient(135deg, var(--terra-dark) 0%, var(--terra) 40%, var(--gold-dark) 100%);
display: flex; align-items: center; justify-content: center;
font-size: 80px;
}
.esencia-badge {
position: absolute; bottom: -20px; right: -20px;
background: var(--terra);
color: var(--sand);
width: 110px; height: 110px;
border-radius: 50%;
display: flex; flex-direction: column; align-items: center; justify-content: center;
text-align: center; padding: 16px;
border: 3px solid var(--sand-light);
}
.esencia-badge strong {
font-family: 'Cormorant Garamond', serif;
font-size: 28px; font-weight: 400; line-height: 1;
}
.esencia-badge span { font-size: 9px; letter-spacing: 2px; text-transform: uppercase; opacity: .85; }.esencia-text { }
.esencia-quote {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(22px, 3vw, 30px); font-style: italic; font-weight: 300;
color: var(--terra); line-height: 1.4;
border-left: 2px solid var(--gold);
padding-left: 24px;
margin-bottom: 28px;
}
.esencia-body {
font-size: 16px; font-weight: 300; line-height: 1.8;
color: var(--text-light); margin-bottom: 32px;
}
.esencia-tags {
display: flex; flex-wrap: wrap; gap: 10px;
}
.etag {
background: rgba(201,168,76,.12);
border: 1px solid rgba(201,168,76,.35);
padding: 6px 16px;
font-size: 10px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase;
color: var(--gold-dark);
}/* ═══════════════════════════════
RUTA / ITINERARIO
═══════════════════════════════ */
.itinerario { background: var(--deep-brown); }
.itinerario .section-title { color: var(--sand); }
.itinerario .section-lead { color: rgba(232,208,138,.65); }
.itinerario .section-eyebrow { color: var(--gold-light); }.days-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 2px; margin-top: 48px;
}
.day-card {
background: rgba(255,255,255,.04);
border: 1px solid rgba(201,168,76,.15);
padding: 28px 22px;
transition: background .3s;
position: relative; overflow: hidden;
}
.day-card::before {
content: '';
position: absolute; top: 0; left: 0; right: 0; height: 2px;
background: linear-gradient(90deg, transparent, var(--gold), transparent);
opacity: 0; transition: opacity .3s;
}
.day-card:hover { background: rgba(201,168,76,.07); }
.day-card:hover::before { opacity: 1; }.day-number {
font-family: 'Cormorant Garamond', serif;
font-size: 42px; font-weight: 300;
color: rgba(201,168,76,.25); line-height: 1;
margin-bottom: 8px;
}
.day-date {
font-size: 9px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase;
color: var(--gold); margin-bottom: 10px;
}
.day-title {
font-family: 'Cormorant Garamond', serif;
font-size: 18px; font-weight: 400; font-style: italic;
color: var(--sand); margin-bottom: 10px; line-height: 1.3;
}
.day-desc {
font-size: 12px; font-weight: 300; line-height: 1.7;
color: rgba(245,237,214,.55);
}
.day-tag {
display: inline-block; margin-top: 14px;
background: rgba(160,82,45,.3); border: 1px solid rgba(160,82,45,.5);
padding: 3px 10px;
font-size: 9px; letter-spacing: 2px; text-transform: uppercase;
color: #E8A87C;
}/* ═══════════════════════════════
PILARES TERAPÉUTICOS
═══════════════════════════════ */
.pilares { background: var(--cream); }.pilares-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 24px; margin-top: 48px;
}
.pilar-card {
background: var(--sand-light);
border: 1px solid rgba(201,168,76,.2);
padding: 36px 28px;
text-align: center;
transition: all .3s;
position: relative; overflow: hidden;
}
.pilar-card::after {
content: '';
position: absolute; bottom: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, transparent, var(--gold), transparent);
transform: scaleX(0); transition: transform .3s;
}
.pilar-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(44,24,16,.1); }
.pilar-card:hover::after { transform: scaleX(1); }.pilar-icon { font-size: 36px; margin-bottom: 16px; display: block; }
.pilar-name {
font-family: 'Cormorant Garamond', serif;
font-size: 24px; font-weight: 400; font-style: italic;
color: var(--deep-brown); margin-bottom: 10px;
}
.pilar-who {
font-size: 9px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase;
color: var(--gold); margin-bottom: 14px;
}
.pilar-desc {
font-size: 14px; font-weight: 300; line-height: 1.7;
color: var(--text-light);
}/* ═══════════════════════════════
INCLUYE / NO INCLUYE
═══════════════════════════════ */
.incluye { background: var(--sand-light); }.incluye-wrap {
display: grid; grid-template-columns: 1fr 1fr;
gap: 32px; margin-top: 48px;
}
@media(max-width:640px){ .incluye-wrap { grid-template-columns: 1fr; } }.incluye-box {
background: var(--cream);
border: 1px solid rgba(201,168,76,.2);
padding: 36px 32px;
}
.incluye-box-title {
display: flex; align-items: center; gap: 12px;
font-size: 11px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase;
margin-bottom: 24px;
}
.incluye-box-title .dot {
width: 28px; height: 28px; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
font-size: 14px; flex-shrink: 0;
}
.dot-si { background: rgba(201,168,76,.2); color: var(--gold); }
.dot-no { background: rgba(160,82,45,.15); color: var(--terra); }.incluye-list { list-style: none; display: flex; flex-direction: column; gap: 12px; }
.incluye-list li {
display: flex; align-items: flex-start; gap: 12px;
font-size: 14px; font-weight: 300; line-height: 1.5; color: var(--text-light);
}
.incluye-list li::before {
flex-shrink: 0; margin-top: 2px;
font-size: 10px;
}
.si li::before { content: '◆'; color: var(--gold); }
.no li::before { content: '✕'; color: var(--terra); opacity: .7; }/* ═══════════════════════════════
VUELO RECOMENDADO
═══════════════════════════════ */
.vuelo {
background: linear-gradient(135deg, var(--terra-dark) 0%, #3D1A0A 100%);
padding: 60px 24px;
}
.vuelo .section-title { color: var(--sand); }
.vuelo .section-eyebrow { color: var(--gold-light); }.vuelo-card {
max-width: 700px; margin: 40px auto 0;
background: rgba(255,255,255,.06);
border: 1px solid rgba(201,168,76,.25);
padding: 36px 40px;
}
@media(max-width:640px){ .vuelo-card { padding: 24px 20px; } }.vuelo-airline {
display: flex; align-items: center; justify-content: space-between;
margin-bottom: 28px; padding-bottom: 20px;
border-bottom: 1px solid rgba(201,168,76,.15);
}
.vuelo-airline-name {
font-family: 'Cormorant Garamond', serif;
font-size: 28px; font-weight: 300; color: var(--sand);
}
.vuelo-price-badge {
text-align: right;
}
.vuelo-price-label { font-size: 9px; letter-spacing: 3px; text-transform: uppercase; color: rgba(201,168,76,.6); }
.vuelo-price-amount {
font-family: 'Cormorant Garamond', serif;
font-size: 42px; font-weight: 400; color: var(--gold-light); line-height: 1;
}.vuelo-row {
display: grid; grid-template-columns: 60px 1fr auto 1fr 60px;
align-items: center; gap: 12px; margin-bottom: 16px;
}
@media(max-width:500px){ .vuelo-row { grid-template-columns: 1fr; gap: 6px; } }.vuelo-dir {
font-size: 9px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase;
padding: 3px 8px; text-align: center;
}
.vuelo-ida { background: rgba(201,168,76,.2); color: var(--gold-light); }
.vuelo-vuelta { background: rgba(160,82,45,.25); color: #E8A87C; }.vuelo-airport {
text-align: center;
}
.vuelo-time {
font-family: 'Cormorant Garamond', serif;
font-size: 32px; font-weight: 300; color: var(--sand); line-height: 1;
}
.vuelo-code { font-size: 9px; letter-spacing: 2px; color: rgba(201,168,76,.6); text-transform: uppercase; }.vuelo-line {
display: flex; flex-direction: column; align-items: center; gap: 4px;
}
.vuelo-arrow {
display: flex; align-items: center; gap: 0; width: 100%;
}
.vuelo-dash { flex: 1; height: 1px; background: rgba(201,168,76,.3); }
.vuelo-plane { color: var(--gold); font-size: 16px; margin: 0 6px; }
.vuelo-duration { font-size: 8px; letter-spacing: 2px; color: rgba(201,168,76,.5); text-transform: uppercase; }/* ═══════════════════════════════
FACILITADORAS
═══════════════════════════════ */
.facilitadoras { background: var(--cream); }.fac-grid {
display: grid; grid-template-columns: 1fr 1fr;
gap: 40px; margin-top: 48px;
max-width: 800px; margin-left: auto; margin-right: auto;
}
@media(max-width:640px){ .fac-grid { grid-template-columns: 1fr; max-width: 360px; } }.fac-card {
text-align: center;
background: var(--sand-light);
border: 1px solid rgba(201,168,76,.2);
padding: 40px 28px;
}
.fac-avatar {
width: 110px; height: 110px; border-radius: 50%;
border: 3px solid var(--gold);
margin: 0 auto 20px;
background: linear-gradient(135deg, var(--terra-dark), var(--terra));
display: flex; align-items: center; justify-content: center;
font-size: 44px; overflow: hidden;
}
.fac-avatar img { width: 100%; height: 100%; object-fit: cover; }
.fac-role {
font-size: 8px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase;
color: var(--gold); margin-bottom: 6px;
}
.fac-name {
font-family: 'Cormorant Garamond', serif;
font-size: 30px; font-weight: 400; font-style: italic;
color: var(--deep-brown); margin-bottom: 10px;
}
.fac-spec {
font-size: 12px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase;
color: var(--terra); margin-bottom: 16px;
}
.fac-bio {
font-size: 14px; font-weight: 300; line-height: 1.7;
color: var(--text-light); margin-bottom: 20px;
}
.fac-contact {
display: flex; align-items: center; justify-content: center; gap: 8px;
font-size: 14px; font-weight: 400; color: var(--text-light);
text-decoration: none; transition: color .2s;
}
.fac-contact:hover { color: var(--terra); }
.fac-contact .wa-icon { color: #25D366; font-size: 18px; }/* ═══════════════════════════════
PRECIO / CTA
═══════════════════════════════ */
.precio {
background: var(--deep-brown);
position: relative; overflow: hidden;
}
.precio::before {
content: '';
position: absolute; inset: 0;
background-image:
radial-gradient(1px 1px at 15% 20%, rgba(255,255,255,.4) 0%, transparent 100%),
radial-gradient(1.5px 1.5px at 40% 10%, rgba(201,168,76,.3) 0%, transparent 100%),
radial-gradient(1px 1px at 70% 25%, rgba(255,255,255,.35) 0%, transparent 100%),
radial-gradient(1px 1px at 88% 15%, rgba(255,255,255,.4) 0%, transparent 100%);
}.precio .section-eyebrow { color: var(--gold-light); }
.precio .section-title { color: var(--sand); }.precio-box {
position: relative; z-index: 1;
max-width: 700px; margin: 48px auto 0;
background: rgba(255,255,255,.05);
border: 1px solid rgba(201,168,76,.35);
padding: 56px 48px;
text-align: center;
}
@media(max-width:640px){ .precio-box { padding: 36px 24px; } }.precio-main {
display: flex; align-items: baseline; justify-content: center; gap: 4px;
margin-bottom: 8px;
}
.precio-currency {
font-family: 'Cormorant Garamond', serif;
font-size: 36px; font-weight: 300; color: var(--gold-light);
}
.precio-amount {
font-family: 'Cormorant Garamond', serif;
font-size: 96px; font-weight: 300; line-height: 1;
color: var(--gold-light);
animation: shimmer 3s ease-in-out infinite;
}
@keyframes shimmer { 0%,100% { opacity:.85; } 50% { opacity:1; } }
.precio-per {
font-size: 13px; font-weight: 300; letter-spacing: 2px; text-transform: uppercase;
color: rgba(201,168,76,.55); margin-bottom: 6px;
}
.precio-note {
font-size: 12px; color: rgba(245,237,214,.4); letter-spacing: 1px;
margin-bottom: 36px;
}.precio-senal {
display: inline-block;
background: rgba(201,168,76,.12);
border: 1px solid rgba(201,168,76,.3);
padding: 14px 32px;
margin-bottom: 36px;
}
.precio-senal strong {
font-family: 'Cormorant Garamond', serif;
font-size: 24px; font-weight: 400; color: var(--gold-light);
}
.precio-senal span {
font-size: 10px; font-weight: 500; letter-spacing: 3px; text-transform: uppercase;
color: rgba(201,168,76,.6); display: block; margin-top: 2px;
}.precio-cta-group { display: flex; flex-direction: column; gap: 14px; align-items: center; }.btn-primary {
display: inline-block;
background: linear-gradient(135deg, var(--terra), var(--terra-dark));
color: var(--sand);
font-family: 'Jost', sans-serif;
font-size: 12px; font-weight: 600; letter-spacing: 4px; text-transform: uppercase;
padding: 18px 56px;
text-decoration: none;
border: 1px solid rgba(201,168,76,.25);
transition: all .3s;
position: relative; overflow: hidden;
}
.btn-primary::before {
content: '';
position: absolute; inset: 0;
background: linear-gradient(135deg, rgba(201,168,76,.15), transparent);
opacity: 0; transition: opacity .3s;
}
.btn-primary:hover::before { opacity: 1; }
.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 12px 40px rgba(0,0,0,.4); }.btn-wa {
display: inline-flex; align-items: center; gap: 10px;
background: rgba(37,211,102,.12);
border: 1px solid rgba(37,211,102,.3);
color: #7DCEA0;
font-size: 12px; font-weight: 500; letter-spacing: 2px;
padding: 14px 36px;
text-decoration: none;
transition: all .3s;
}
.btn-wa:hover { background: rgba(37,211,102,.2); }
.btn-wa .wa { font-size: 18px; }.precio-plazas {
margin-top: 28px;
display: inline-flex; align-items: center; gap: 8px;
background: rgba(160,82,45,.2); border: 1px solid rgba(160,82,45,.35);
padding: 8px 20px;
font-size: 9px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase;
color: #E8A87C;
}/* ═══════════════════════════════
CONTACTO
═══════════════════════════════ */
.contacto { background: var(--sand-light); padding: 60px 24px; }.contact-grid {
display: grid; grid-template-columns: 1fr 1fr;
gap: 24px; margin-top: 40px; max-width: 700px;
margin-left: auto; margin-right: auto;
}
@media(max-width:600px){ .contact-grid { grid-template-columns: 1fr; } }.contact-card {
background: var(--cream);
border: 1px solid rgba(201,168,76,.2);
padding: 28px 24px; text-align: center;
}
.contact-person {
font-family: 'Cormorant Garamond', serif;
font-size: 22px; font-style: italic;
color: var(--deep-brown); margin-bottom: 4px;
}
.contact-role {
font-size: 9px; letter-spacing: 3px; text-transform: uppercase;
color: var(--gold); margin-bottom: 16px;
}
.contact-wa {
display: inline-flex; align-items: center; justify-content: center; gap: 8px;
background: linear-gradient(135deg, #128C7E, #075E54);
color: white; text-decoration: none;
font-size: 16px; font-weight: 500; letter-spacing: 1px;
padding: 12px 24px; width: 100%;
transition: opacity .2s;
}
.contact-wa:hover { opacity: .88; }
.contact-kw {
margin-top: 12px;
font-size: 11px; color: var(--text-light); letter-spacing: 1px;
}
.contact-kw strong { color: var(--terra); }/* ═══════════════════════════════
FOOTER
═══════════════════════════════ */
footer {
background: var(--deep-brown);
padding: 32px 24px;
text-align: center;
}
.footer-logo {
font-family: 'Cormorant Garamond', serif;
font-size: 22px; font-weight: 300; font-style: italic;
color: var(--gold-light); margin-bottom: 8px;
}
.footer-site {
font-size: 10px; letter-spacing: 3px; text-transform: uppercase;
color: rgba(201,168,76,.45); margin-bottom: 16px;
}
.footer-tagline {
font-family: 'Cormorant Garamond', serif;
font-size: 14px; font-style: italic;
color: rgba(245,237,214,.4);
}/* ═══════════════════════════════
STICKY CTA (mobile)
═══════════════════════════════ */
.sticky-cta {
display: none;
position: fixed; bottom: 0; left: 0; right: 0; z-index: 100;
background: var(--terra-dark);
border-top: 1px solid rgba(201,168,76,.3);
padding: 14px 24px;
text-align: center;
}
@media(max-width:768px){ .sticky-cta { display: block; } }
.sticky-cta a {
display: inline-flex; align-items: center; gap: 8px;
color: var(--sand);
font-size: 13px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase;
text-decoration: none;
}
.sticky-cta .wa { font-size: 18px; color: #7DCEA0; }/* ═══════════════════════════════
SCROLL REVEAL
═══════════════════════════════ */
.reveal {
opacity: 0; transform: translateY(24px);
transition: opacity .7s ease, transform .7s ease;
}
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-d1 { transition-delay: .1s; }
.reveal-d2 { transition-delay: .2s; }
.reveal-d3 { transition-delay: .3s; }
.reveal-d4 { transition-delay: .4s; }@media(max-width:768px){
section { padding: 56px 20px; }
.esencia-badge { right: 0; bottom: -16px; width: 90px; height: 90px; }
.vuelo-row { grid-template-columns: 1fr; }
.fac-grid { gap: 24px; }
body { padding-bottom: 70px; }
}
Cosmos y Mente · Viaje Consciente
Ruta de la
Abundancia
Viaje consciente por el sur de Marruecos
📅 11 – 15 de Junio 2025
·
5 días · 4 noches
✨
LNT®
🌸
Aromaterapia
🌟
Vision Board
🔓
Creencias
👂
Auriculoterapia
La experiencia
¿Y si tu próximo viaje
te cambia por dentro?
No es solo un viaje. Es una experiencia diseñada para que vuelvas siendo una versión más libre, más consciente y más alineada contigo misma.
"Un viaje para reconectar contigo y abrirte a una nueva forma de abundancia."
Combinamos turismo consciente, bienestar y terapias energéticas para crear el espacio perfecto donde soltar lo que ya no te sirve y manifestar lo que sí. A través de paisajes mágicos del sur de Marruecos — kasbahs, gargantas, valles y oasis — vivirás una transformación real.
Cada lugar ha sido elegido con intención. Cada actividad, diseñada para que algo en ti se mueva.
Turismo consciente
Bienestar
Transformación
Grupo reducido
Del 11 al 15 de junio
La Ruta
Cinco días a través de los paisajes más impresionantes del sur de Marruecos.
01
Miércoles 11 Jun
Llegada · Ait Ben Haddou · Valle del Dadès
Llegada a Ouarzazate. Visita a la Kasbah de Ait Ben Haddou (Patrimonio UNESCO). Valle de las Rosas. Noche en el Valle del Dadès.
Bienvenida02
Jueves 12 Jun
Gargantas del Toudra · N'Kob
Las imponentes Gargantas del Toudra. Noche en Kasbah auténtica en N'Kob. Sesión de trabajo con creencias limitantes.
Sesión terapéutica03
Viernes 13 Jun
Valle del Draa · Anti Atlas · Oasis de Fint
Atravesamos el Valle del Draa y el Anti Atlas hasta llegar al mágico Oasis de Fint, jardín en medio del desierto.
Llegada al oasis04
Sábado 14 Jun
Día libre en el Oasis · Sesiones
Día de integración y trabajo terapéutico. Sesión LNT®, Vision Board de abundancia en la naturaleza y aromaterapia bajo las palmeras.
Día de terapia05
Domingo 15 Jun
Cierre · Traslado al aeropuerto
Círculo de cierre. Cada persona comparte lo que se lleva. Traslado al aeropuerto de Ouarzazate.
Regreso
Ouarzazate · Ait Ben Haddou · Valle de las Rosas · Valle del Dadès · Gargantas del Toudra · N'Kob · Valle del Draa · Anti Atlas · Oasis de Fint
Lo que viviremos
Terapias y actividades
Cada sesión ha sido diseñada para que algo en ti se transforme de verdad.
✨Sesión LNT®
La Nueva Terapia® · Gabrielle
Sesión grupal de La Nueva Terapia® orientada a la abundancia. Un método único para liberar bloqueos emocionales y crear cambios profundos y duraderos.
🌸Aromaterapia
Maria · Especialista
Trabajo con aceites esenciales terapéuticos para activar estados de bienestar, liberar tensiones emocionales y conectar con tu esencia más profunda.
👂Auriculoterapia
Maria · Especialista
Técnica de estimulación de puntos del pabellón auricular que activa los mecanismos naturales de equilibrio del cuerpo y la mente.
🌟Vision Board
Abundancia · Manifestación
Creamos nuestro tablero de abundancia usando elementos de la naturaleza del oasis. Una experiencia sensorial y simbólica para manifestar tu nueva realidad.
🔓Creencias Limitantes
Gabrielle · LNT®
Identificamos y liberamos los patrones inconscientes que te impiden avanzar. Un trabajo de transformación real que va a la raíz de lo que te frena.
🧘Espacios de Conexión
Integración · Grupo
Momentos de silencio, integración y conexión grupal en entornos naturales excepcionales. El paisaje de Marruecos como parte del proceso.
Transparencia total
¿Qué incluye?
- Vehículo privado con aire acondicionado durante toda la ruta
- Conductor/guía acompañante en español
- 4 noches de alojamiento (Dadès, N'Kob y 2 noches en Oasis de Fint)
- Pensión completa: desayuno y cena en todos los alojamientos
- Traslados aeropuerto incluidos
- Todas las actividades terapéuticas descritas
- Acompañamiento consciente durante toda la experiencia
- Visita a la Kasbah de Ait Ben Haddou y lugares de la ruta
- Vuelos (recomendamos Ryanair BCN–Ouarzazate desde 59€)
- Seguro médico de viaje
- Comidas del mediodía
- Entradas a monumentos o actividades no especificadas
- Bebidas y gastos personales
- Propinas
Vuelo recomendado
Desde Barcelona
Vuelo referencial. Consulta disponibilidad en ryanair.com. El vuelo no está incluido en el precio del retiro.
Quiénes te acompañamos
Las facilitadoras
Dos mujeres apasionadas por el bienestar, la transformación y el viaje consciente.
Terapeuta
Gabrielle Forte
LNT® · Visión ExtraOcular
Terapeuta especializada en La Nueva Terapia® y Visión ExtraOcular (VEO). Acompaña a personas en procesos de transformación profunda, liberación de bloqueos emocionales y conexión con su propósito de vida.
📱
633 163 703
<img src="
Organizadora
Maria
Aromaterapia · Auriculoterapia
Especialista en aromaterapia y auriculoterapia. Organizadora del viaje y co-facilitadora de las sesiones de bienestar. Su trabajo conecta el cuerpo, los sentidos y las emociones para facilitar la transformación.
📱
685 336 472
Tu inversión
Reserva tu plaza
€
899
por persona
Habitación compartida · Vuelo no incluido · 5 días / 4 noches
300€
Paga y señal para reservar plaza
🔒 Plazas limitadas · Grupo máximo 10 personas
// Scroll reveal
const reveals = document.querySelectorAll('.reveal');
const observer = new IntersectionObserver((entries) => {
entries.forEach(e => {
if (e.isIntersecting) { e.target.classList.add('visible'); }
});
}, { threshold: 0.12 });
reveals.forEach(el => observer.observe(el));// Smooth scroll nav
document.querySelectorAll('a[href^="#"]').forEach(a => {
a.addEventListener('click', e => {
const target = document.querySelector(a.getAttribute('href'));
if (target) { e.preventDefault(); target.scrollIntoView({ behavior: 'smooth' }); }
});
});
