/* === MEN-DITATION GLOBAL FIXES === */
/* Remove bullets from ALL nav menus */
.elementor-widget-xpro-horizontal-menu ul,
.elementor-widget-xpro-horizontal-menu li,
.xpro-nav-menu ul,
.xpro-nav-menu li,
.xpro-nav-menu-wrapper ul,
.xpro-nav-menu-wrapper li {
list-style: none !important;
list-style-type: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
/* Header sticky */
.elementor-384-sticky,
[data-elementor-id="383"] {
position: sticky;
top: 0;
z-index: 999;
background: #FBF7F1;
box-shadow: 0 2px 12px rgba(34,31,28,0.08);
width: 100%;
}
/* Footer dark background fallback */
[data-elementor-id="384"] .e-con {
background-color: #221F1C;
}
[data-elementor-id="384"] > .elementor-section-wrap > .elementor-element,
[data-elementor-id="384"] .e-parent.e-con-full {
background-color: #221F1C !important;
}
/* Header layout fixes */
[data-elementor-id="383"] .e-con-full > .e-con-inner {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0;
}
/* Nav menu items horizontal */
.xpro-nav-menu-wrapper .xpro-nav-menu {
display: flex;
flex-direction: row;
gap: 4px;
}
.xpro-nav-menu > li > a {
font-size: 15px;
font-weight: 500;
color: #221F1C;
padding: 6px 14px;
text-decoration: none;
transition: color 0.2s ease;
}
.xpro-nav-menu > li > a:hover,
.xpro-nav-menu > li.current-menu-item > a {
color: #C2705A;
}
/* Footer column text color */
[data-elementor-id="384"] .elementor-widget-heading .elementor-heading-title {
color: #FBF7F1 !important;
}
[data-elementor-id="384"] .elementor-widget-text-editor p,
[data-elementor-id="384"] .elementor-widget-text-editor a {
color: #cfc8bf;
}
[data-elementor-id="384"] .elementor-widget-text-editor a:hover {
color: #C2705A;
}
/* ============================================================
MD HOMEPAGE DESIGN v1 - Basado en boceto Ivan
============================================================ */
/* --- NUMERACION EDITORIAL 01/02/03/04 --- */
.elementor-372 [data-id="5126591"],
.elementor-372 [data-id="98fdced"],
.elementor-372 [data-id="4e3768c"],
.elementor-372 [data-id="4c62ff7"] {
position: relative;
padding-top: 80px !important;
}
.elementor-372 [data-id="5126591"]::before { content: "01"; }
.elementor-372 [data-id="98fdced"]::before { content: "02"; }
.elementor-372 [data-id="4e3768c"]::before { content: "03"; }
.elementor-372 [data-id="4c62ff7"]::before { content: "04"; }
.elementor-372 [data-id="5126591"]::before,
.elementor-372 [data-id="98fdced"]::before,
.elementor-372 [data-id="4e3768c"]::before,
.elementor-372 [data-id="4c62ff7"]::before {
position: absolute;
top: 28px;
left: 0;
right: 0;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.35em;
color: #C2705A;
text-transform: uppercase;
}
/* --- CARDS DE SERVICIOS - Borde superior + numero --- */
[data-id="8e6dbb5"] { counter-reset: card; gap: 32px !important; }
[data-id="79d415b"] { counter-increment: card; border-top: 2px solid #221F1C !important; padding-top: 24px !important; transition: border-color .2s; }
[data-id="56a28bf"] { counter-increment: card; border-top: 2px solid #221F1C !important; padding-top: 24px !important; transition: border-color .2s; }
[data-id="6bf72a4"] { counter-increment: card; border-top: 2px solid #221F1C !important; padding-top: 24px !important; transition: border-color .2s; }
[data-id="79d415b"]:hover, [data-id="56a28bf"]:hover, [data-id="6bf72a4"]:hover { border-top-color: #C2705A !important; }
[data-id="79d415b"]::before,
[data-id="56a28bf"]::before,
[data-id="6bf72a4"]::before {
content: "0" counter(card);
display: block;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.25em;
color: rgba(34,31,28,0.35);
margin-bottom: 16px;
text-transform: uppercase;
}
[data-id="79d415b"] .elementor-widget-image img,
[data-id="56a28bf"] .elementor-widget-image img,
[data-id="6bf72a4"] .elementor-widget-image img {
width: 100% !important;
height: 260px !important;
object-fit: cover !important;
border-radius: 12px !important;
margin-bottom: 20px !important;
}
/* --- SECCION POR QUE - Linea divisoria --- */
[data-id="5126591"] .e-con-inner { border-top: 1px solid rgba(34,31,28,.12) !important; padding-top: 60px !important; }
[data-id="5126591"] h2 { font-size: clamp(2rem,3.5vw,3rem) !important; max-width: 700px !important; }
/* --- HERO - Mas impactante --- */
[data-id="6a38010"] { min-height: 85vh !important; }
[data-id="6a38010"] h1 { font-size: clamp(3rem,5.5vw,5rem) !important; line-height: 1.08 !important; letter-spacing: -0.02em !important; }
/* --- CTA SECTION - Padding generoso --- */
[data-id="319b160"] { padding: 100px 40px !important; }
[data-id="319b160"] h2 { font-size: clamp(2.2rem,4vw,3.5rem) !important; line-height: 1.2 !important; }
[data-id="319b160"] .elementor-button { font-size: 17px !important; padding: 18px 40px !important; border-radius: 100px !important; font-weight: 600 !important; }
/* --- CALENDARIO - Borde superior editorial --- */
[data-id="4c62ff7"] { border-top: 1px solid rgba(34,31,28,.12) !important; }
/* --- MOVIL --- */
@media (max-width: 768px) {
.elementor-372 [data-id="5126591"]::before,
.elementor-372 [data-id="98fdced"]::before,
.elementor-372 [data-id="4e3768c"]::before,
.elementor-372 [data-id="4c62ff7"]::before { left: 24px; text-align: left; }
[data-id="79d415b"] .elementor-widget-image img,
[data-id="56a28bf"] .elementor-widget-image img,
[data-id="6bf72a4"] .elementor-widget-image img { height: 200px !important; }
[data-id="319b160"] { padding: 60px 24px !important; }
}
/* ================================================
* MEN-DITATION LAUNCH FIXES v2.0
* Aplicado: fondo global, responsive, spacing
* ================================================ */
/* 1. BODY BACKGROUND eliminar el gris del body
* Las secciones con fondo transparente heredaban
* el gris del tema Solace. Lo forzamos a beige. */
body,
.site,
#page,
.site-content,
#content {
background-color: #F3E9DC !important;
}
/* 2. SECCION "POR QUE" (5126591) fondo beige */
.elementor-372 [data-id="5126591"] {
background-color: #EDEDEC !important;
}
/* 3. SECCION "NOSOTROS" (4e3768c) fondo beige suave */
.elementor-372 [data-id="4e3768c"] {
background-color: #EDEDEC !important;
}
/* 4. OVERFLOW HORIZONTAL prevenir scroll lateral global */
html, body {
overflow-x: hidden !important;
max-width: 100vw !important;
}
/* Elementor containers: ninguno puede salirse del viewport */
.e-con,
.e-con-inner,
.elementor-section,
.elementor-container {
max-width: 100% !important;
overflow-x: hidden !important;
}
/* 5. HERO limitar min-height para que no sea tan alto en desktop */
.elementor-372 [data-id="6a38010"] {
min-height: auto !important;
}
/* Imagen circular hero: limitar altura */
.elementor-element-c485f79 img {
max-height: 520px !important;
width: auto !important;
max-width: 100% !important;
}
/* 6. BOTONES SERVICIOS hacer color mas consistente con la marca */
.elementor-372 [data-id="79d415b"] .elementor-button,
.elementor-372 [data-id="56a28bf"] .elementor-button,
.elementor-372 [data-id="6bf72a4"] .elementor-button {
background-color: #221F1C !important;
color: #F3E9DC !important;
border: none !important;
}
.elementor-372 [data-id="79d415b"] .elementor-button:hover,
.elementor-372 [data-id="56a28bf"] .elementor-button:hover,
.elementor-372 [data-id="6bf72a4"] .elementor-button:hover {
background-color: #C2705A !important;
color: #fff !important;
}
/* 7. CARDS DE SERVICIOS altura uniforme */
.elementor-372 [data-id="79d415b"],
.elementor-372 [data-id="56a28bf"],
.elementor-372 [data-id="6bf72a4"] {
height: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
/* ================================================
* MOBILE FIXES max-width: 767px
* ================================================ */
@media (max-width: 767px) {
/* Overflow global */
html, body {
overflow-x: hidden !important;
width: 100% !important;
}
/* Todos los containers: no se salen */
.e-con, .e-con-inner, .e-con-boxed,
.elementor-section, .elementor-container,
.elementor-widget-container {
max-width: 100vw !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
/* Hero: padding cmodo en mvil */
.elementor-372 [data-id="6a38010"] {
padding-left: 24px !important;
padding-right: 24px !important;
padding-top: 60px !important;
padding-bottom: 40px !important;
min-height: auto !important;
}
/* Hero ttulo: reducir tamao en mvil */
.elementor-372 [data-id="6a38010"] h1,
.elementor-372 [data-id="6a38010"] .elementor-heading-title {
font-size: clamp(36px, 9vw, 60px) !important;
line-height: 1.1 !important;
}
/* Hero imagen circular: contener en mvil */
.elementor-element-c485f79 {
width: 100% !important;
padding: 0 !important;
}
.elementor-element-c485f79 img {
max-width: 85vw !important;
max-height: 320px !important;
margin: 0 auto !important;
display: block !important;
}
/* Seccin "Por qu": padding cmodo */
.elementor-372 [data-id="5126591"] {
padding: 60px 24px !important;
}
/* Cards de servicios: apiladas, ancho completo */
.elementor-372 [data-id="98fdced"] > .e-con-inner {
flex-direction: column !important;
}
.elementor-372 [data-id="79d415b"],
.elementor-372 [data-id="56a28bf"],
.elementor-372 [data-id="6bf72a4"] {
width: 100% !important;
max-width: 100% !important;
margin-bottom: 24px !important;
}
/* Seccin nosotros: imagen + texto apilados */
.elementor-372 [data-id="4e3768c"] > .e-con-inner {
flex-direction: column !important;
}
.elementor-372 [data-id="4e3768c"] > .e-con-inner > * {
width: 100% !important;
max-width: 100% !important;
}
/* Testimonials videos: height razonable en mvil */
.elementor-372 [data-id="7cebcf6"] iframe,
.elementor-372 [data-id="7cebcf6"] .elementor-video-container {
max-height: 200px !important;
}
/* Calendario: scroll horizontal si es necesario */
.elementor-372 [data-id="4c62ff7"] {
overflow-x: auto !important;
}
/* CTA section: padding y texto centrado */
.elementor-372 [data-id="319b160"] {
padding: 60px 24px !important;
text-align: center !important;
}
.elementor-372 [data-id="319b160"] .elementor-button-wrapper {
text-align: center !important;
}
/* Numeracin editorial: ajustar posicin */
.elementor-372 [data-id="5126591"]::before,
.elementor-372 [data-id="98fdced"]::before,
.elementor-372 [data-id="4e3768c"]::before,
.elementor-372 [data-id="4c62ff7"]::before {
left: 24px !important;
text-align: left !important;
}
/* Footer: apilar columnas */
.elementor-384 .elementor-container,
.elementor-384 .e-con-inner {
flex-direction: column !important;
}
.elementor-384 .elementor-column,
.elementor-384 .e-con > * {
width: 100% !important;
max-width: 100% !important;
text-align: left !important;
}
/* Cookie/chat widget: no bloquear contenido */
.novamira-chat-widget,
#cookie-consent-widget,
.wpforms-form {
max-width: calc(100vw - 40px) !important;
}
}
/* ================================================
* TABLET 768px a 1024px
* ================================================ */
@media (min-width: 768px) and (max-width: 1024px) {
.elementor-372 [data-id="98fdced"] > .e-con-inner {
flex-wrap: wrap !important;
}
.elementor-372 [data-id="79d415b"],
.elementor-372 [data-id="56a28bf"],
.elementor-372 [data-id="6bf72a4"] {
width: calc(50% - 16px) !important;
max-width: calc(50% - 16px) !important;
}
html, body {
overflow-x: hidden !important;
}
}
/* ================================================
* POLISH GLOBAL detalles finos
* ================================================ */
/* Transicion suave en todos los botones */
.elementor-button {
transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease !important;
}
.elementor-button:hover {
transform: translateY(-1px) !important;
}
/* Links de texto en secciones claras */
.elementor-372 [data-id="4e3768c"] a,
.elementor-372 [data-id="5126591"] a {
color: #C2705A !important;
text-decoration: underline !important;
}
/* Scrollbar delgada */
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background: #F3E9DC;
}
::-webkit-scrollbar-thumb {
background: #C2705A;
border-radius: 3px;
}
/* ================================================
SPACING FIXES v2.1 — Dark section padding reduction
================================================ */
/* Reducir padding excesivo sección CTA */
.elementor-372 [data-id="319b160"] {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
/* Reducir espacio interno sección Testimonios */
.elementor-372 [data-id="7cebcf6"] > .e-con-inner {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
/* Calendario: reducir espacio entre título y leyenda */
.elementor-372 [data-id="4c62ff7"] {
padding-top: 60px !important;
}
/* TEC event list: reducir gap interno */
.tribe-events-calendar-list,
.tribe-events-pro-summary__event-list {
margin-top: 0 !important;
}
.tribe-events-header {
display: none !important;
}
/* "Por qué" section: fondo visible y texto centrado */
.elementor-372 [data-id="5126591"] .elementor-heading-title {
text-align: center !important;
}
.elementor-372 [data-id="5126591"] p {
text-align: center !important;
max-width: 600px !important;
margin: 0 auto !important;
}
/* "Nosotros" hero image: alineación vertical */
.elementor-372 [data-id="4e3768c"] > .e-con-inner {
align-items: center !important;
}
/* Testimonios slider: altura controlada */
.elementor-372 [data-id="30cb8be"] {
max-height: 700px !important;
overflow: hidden !important;
}
/* Botón "Ver todas las clases": estilo consistente */
.elementor-372 [data-id="4c62ff7"] .elementor-button {
border: 1px solid rgba(255,255,255,0.4) !important;
color: #F3E9DC !important;
background: transparent !important;
}
.elementor-372 [data-id="4c62ff7"] .elementor-button:hover {
background: rgba(255,255,255,0.1) !important;
border-color: rgba(255,255,255,0.7) !important;
}
/* Footer: reducir padding excesivo */
.elementor-384 {
padding-top: 60px !important;
}
/* ================================================
MOBILE FIXES v2.1 — Second pass
================================================ */
@media (max-width: 767px) {
/* CTA section en móvil */
.elementor-372 [data-id="319b160"] {
padding: 50px 24px !important;
}
.elementor-372 [data-id="319b160"] h2,
.elementor-372 [data-id="319b160"] .elementor-heading-title {
font-size: clamp(26px, 7vw, 40px) !important;
line-height: 1.2 !important;
}
/* Testimonios en móvil: apilar videos */
.elementor-372 [data-id="30cb8be"] > .e-con-inner {
flex-direction: column !important;
}
.elementor-372 [data-id="30cb8be"] > .e-con-inner > * {
width: 100% !important;
max-width: 100% !important;
}
.elementor-372 [data-id="30cb8be"] {
max-height: none !important;
overflow: visible !important;
}
/* Calendario en móvil */
.elementor-372 [data-id="4c62ff7"] {
padding: 50px 16px !important;
overflow-x: auto !important;
}
.tribe-events-calendar-list__event-title {
font-size: 16px !important;
}
/* Sección nosotros: apilar imagen y texto */
.elementor-372 [data-id="4e3768c"] {
padding: 50px 24px !important;
}
.elementor-372 [data-id="4e3768c"] > .e-con-inner {
flex-direction: column !important;
gap: 40px !important;
}
/* Testimonios header */
.elementor-372 [data-id="7cebcf6"] > .e-con-inner {
padding: 50px 20px 40px !important;
}
.elementor-372 [data-id="7cebcf6"] h2,
.elementor-372 [data-id="7cebcf6"] .elementor-heading-title {
font-size: clamp(28px, 7vw, 42px) !important;
text-align: center !important;
}
}
/* ================================================
FIXES v2.2 — Slider buttons + spacing polish
================================================ */
/* Slider hero buttons: marca terracota / oscuro */
.xpro-hero-slider-button-primary {
background-color: #C2705A !important;
color: #fff !important;
border: none !important;
border-radius: 100px !important;
padding: 14px 32px !important;
font-size: 15px !important;
font-weight: 600 !important;
transition: background-color 0.2s ease !important;
}
.xpro-hero-slider-button-primary:hover {
background-color: #a85a45 !important;
}
.xpro-hero-slider-button-secondary {
background-color: transparent !important;
color: #F3E9DC !important;
border: 1.5px solid rgba(243,233,220,0.6) !important;
border-radius: 100px !important;
padding: 14px 32px !important;
font-size: 15px !important;
font-weight: 600 !important;
transition: all 0.2s ease !important;
}
.xpro-hero-slider-button-secondary:hover {
background-color: rgba(243,233,220,0.15) !important;
border-color: rgba(243,233,220,0.9) !important;
}
/* Servicios (98fdced): reducir padding-top excesivo */
.elementor-372 [data-id="98fdced"] {
padding-top: 40px !important;
}
/* Nosotros (4e3768c): reducir padding-top */
.elementor-372 [data-id="4e3768c"] {
padding-top: 50px !important;
padding-bottom: 60px !important;
}
/* "Conoce nuestra historia" link: estilo coherente */
.elementor-372 [data-id="4e3768c"] .elementor-button {
background-color: transparent !important;
color: #221F1C !important;
border: 1.5px solid #221F1C !important;
border-radius: 100px !important;
padding: 12px 28px !important;
font-weight: 600 !important;
}
.elementor-372 [data-id="4e3768c"] .elementor-button:hover {
background-color: #221F1C !important;
color: #F3E9DC !important;
}
/* Sección "Por que" (5126591): espaciado más compacto */
.elementor-372 [data-id="5126591"] {
padding-bottom: 60px !important;
}
/* Cards servicios: botones dark consistentes con hover */
.elementor-372 [data-id="79d415b"] .elementor-button,
.elementor-372 [data-id="56a28bf"] .elementor-button,
.elementor-372 [data-id="6bf72a4"] .elementor-button {
background-color: #221F1C !important;
color: #F3E9DC !important;
border: none !important;
border-radius: 100px !important;
transition: background-color 0.2s ease !important;
}
.elementor-372 [data-id="79d415b"] .elementor-button:hover,
.elementor-372 [data-id="56a28bf"] .elementor-button:hover,
.elementor-372 [data-id="6bf72a4"] .elementor-button:hover {
background-color: #C2705A !important;
}
/* "Conoce nuestra historia" text link (no button) */
.elementor-372 [data-id="4e3768c"] a:not(.elementor-button) {
color: #C2705A !important;
font-weight: 600 !important;
text-decoration: none !important;
border-bottom: 1px solid #C2705A !important;
padding-bottom: 2px !important;
}
/* Slider pagination dots: color de marca */
.xpro-hero-slider .swiper-pagination-bullet {
background-color: rgba(243,233,220,0.4) !important;
}
.xpro-hero-slider .swiper-pagination-bullet-active {
background-color: #C2705A !important;
}
/* ================================================
MOBILE v2.2 — Slider responsive
================================================ */
@media (max-width: 767px) {
.xpro-hero-slider-button-primary,
.xpro-hero-slider-button-secondary {
padding: 12px 22px !important;
font-size: 14px !important;
}
/* Slider slide content: text más pequeño */
.elementor-element-a198d13 h1,
.elementor-element-a198d13 h2,
.xpro-hero-slider .slide-title {
font-size: clamp(24px, 7vw, 36px) !important;
line-height: 1.15 !important;
}
/* Slider height en móvil */
.elementor-element-a198d13,
.xpro-hero-slider-wrapper {
min-height: auto !important;
height: auto !important;
}
/* Nosotros en móvil */
.elementor-372 [data-id="4e3768c"] {
padding: 50px 20px !important;
}
} Dismiss
/* === MEN-DITATION GLOBAL FIXES === */
/* Remove bullets from ALL nav menus */
.elementor-widget-xpro-horizontal-menu ul,
.elementor-widget-xpro-horizontal-menu li,
.xpro-nav-menu ul,
.xpro-nav-menu li,
.xpro-nav-menu-wrapper ul,
.xpro-nav-menu-wrapper li {
list-style: none !important;
list-style-type: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
/* Header sticky */
.elementor-384-sticky,
[data-elementor-id="383"] {
position: sticky;
top: 0;
z-index: 999;
background: #FBF7F1;
box-shadow: 0 2px 12px rgba(34,31,28,0.08);
width: 100%;
}
/* Footer dark background fallback */
[data-elementor-id="384"] .e-con {
background-color: #221F1C;
}
[data-elementor-id="384"] > .elementor-section-wrap > .elementor-element,
[data-elementor-id="384"] .e-parent.e-con-full {
background-color: #221F1C !important;
}
/* Header layout fixes */
[data-elementor-id="383"] .e-con-full > .e-con-inner {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0;
}
/* Nav menu items horizontal */
.xpro-nav-menu-wrapper .xpro-nav-menu {
display: flex;
flex-direction: row;
gap: 4px;
}
.xpro-nav-menu > li > a {
font-size: 15px;
font-weight: 500;
color: #221F1C;
padding: 6px 14px;
text-decoration: none;
transition: color 0.2s ease;
}
.xpro-nav-menu > li > a:hover,
.xpro-nav-menu > li.current-menu-item > a {
color: #C2705A;
}
/* Footer column text color */
[data-elementor-id="384"] .elementor-widget-heading .elementor-heading-title {
color: #FBF7F1 !important;
}
[data-elementor-id="384"] .elementor-widget-text-editor p,
[data-elementor-id="384"] .elementor-widget-text-editor a {
color: #cfc8bf;
}
[data-elementor-id="384"] .elementor-widget-text-editor a:hover {
color: #C2705A;
}
/* ============================================================
MD HOMEPAGE DESIGN v1 - Basado en boceto Ivan
============================================================ */
/* --- NUMERACION EDITORIAL 01/02/03/04 --- */
.elementor-372 [data-id="5126591"],
.elementor-372 [data-id="98fdced"],
.elementor-372 [data-id="4e3768c"],
.elementor-372 [data-id="4c62ff7"] {
position: relative;
padding-top: 80px !important;
}
.elementor-372 [data-id="5126591"]::before { content: "01"; }
.elementor-372 [data-id="98fdced"]::before { content: "02"; }
.elementor-372 [data-id="4e3768c"]::before { content: "03"; }
.elementor-372 [data-id="4c62ff7"]::before { content: "04"; }
.elementor-372 [data-id="5126591"]::before,
.elementor-372 [data-id="98fdced"]::before,
.elementor-372 [data-id="4e3768c"]::before,
.elementor-372 [data-id="4c62ff7"]::before {
position: absolute;
top: 28px;
left: 0;
right: 0;
text-align: center;
font-family: "Inter", sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.35em;
color: #C2705A;
text-transform: uppercase;
}
/* --- CARDS DE SERVICIOS - Borde superior + numero --- */
[data-id="8e6dbb5"] { counter-reset: card; gap: 32px !important; }
[data-id="79d415b"] { counter-increment: card; border-top: 2px solid #221F1C !important; padding-top: 24px !important; transition: border-color .2s; }
[data-id="56a28bf"] { counter-increment: card; border-top: 2px solid #221F1C !important; padding-top: 24px !important; transition: border-color .2s; }
[data-id="6bf72a4"] { counter-increment: card; border-top: 2px solid #221F1C !important; padding-top: 24px !important; transition: border-color .2s; }
[data-id="79d415b"]:hover, [data-id="56a28bf"]:hover, [data-id="6bf72a4"]:hover { border-top-color: #C2705A !important; }
[data-id="79d415b"]::before,
[data-id="56a28bf"]::before,
[data-id="6bf72a4"]::before {
content: "0" counter(card);
display: block;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.25em;
color: rgba(34,31,28,0.35);
margin-bottom: 16px;
text-transform: uppercase;
}
[data-id="79d415b"] .elementor-widget-image img,
[data-id="56a28bf"] .elementor-widget-image img,
[data-id="6bf72a4"] .elementor-widget-image img {
width: 100% !important;
height: 260px !important;
object-fit: cover !important;
border-radius: 12px !important;
margin-bottom: 20px !important;
}
/* --- SECCION POR QUE - Linea divisoria --- */
[data-id="5126591"] .e-con-inner { border-top: 1px solid rgba(34,31,28,.12) !important; padding-top: 60px !important; }
[data-id="5126591"] h2 { font-size: clamp(2rem,3.5vw,3rem) !important; max-width: 700px !important; }
/* --- HERO - Mas impactante --- */
[data-id="6a38010"] { min-height: 85vh !important; }
[data-id="6a38010"] h1 { font-size: clamp(3rem,5.5vw,5rem) !important; line-height: 1.08 !important; letter-spacing: -0.02em !important; }
/* --- CTA SECTION - Padding generoso --- */
[data-id="319b160"] { padding: 100px 40px !important; }
[data-id="319b160"] h2 { font-size: clamp(2.2rem,4vw,3.5rem) !important; line-height: 1.2 !important; }
[data-id="319b160"] .elementor-button { font-size: 17px !important; padding: 18px 40px !important; border-radius: 100px !important; font-weight: 600 !important; }
/* --- CALENDARIO - Borde superior editorial --- */
[data-id="4c62ff7"] { border-top: 1px solid rgba(34,31,28,.12) !important; }
/* --- MOVIL --- */
@media (max-width: 768px) {
.elementor-372 [data-id="5126591"]::before,
.elementor-372 [data-id="98fdced"]::before,
.elementor-372 [data-id="4e3768c"]::before,
.elementor-372 [data-id="4c62ff7"]::before { left: 24px; text-align: left; }
[data-id="79d415b"] .elementor-widget-image img,
[data-id="56a28bf"] .elementor-widget-image img,
[data-id="6bf72a4"] .elementor-widget-image img { height: 200px !important; }
[data-id="319b160"] { padding: 60px 24px !important; }
}
/* ================================================
* MEN-DITATION LAUNCH FIXES v2.0
* Aplicado: fondo global, responsive, spacing
* ================================================ */
/* 1. BODY BACKGROUND eliminar el gris del body
* Las secciones con fondo transparente heredaban
* el gris del tema Solace. Lo forzamos a beige. */
body,
.site,
#page,
.site-content,
#content {
background-color: #F3E9DC !important;
}
/* 2. SECCION "POR QUE" (5126591) fondo beige */
.elementor-372 [data-id="5126591"] {
background-color: #EDEDEC !important;
}
/* 3. SECCION "NOSOTROS" (4e3768c) fondo beige suave */
.elementor-372 [data-id="4e3768c"] {
background-color: #EDEDEC !important;
}
/* 4. OVERFLOW HORIZONTAL prevenir scroll lateral global */
html, body {
overflow-x: hidden !important;
max-width: 100vw !important;
}
/* Elementor containers: ninguno puede salirse del viewport */
.e-con,
.e-con-inner,
.elementor-section,
.elementor-container {
max-width: 100% !important;
overflow-x: hidden !important;
}
/* 5. HERO limitar min-height para que no sea tan alto en desktop */
.elementor-372 [data-id="6a38010"] {
min-height: auto !important;
}
/* Imagen circular hero: limitar altura */
.elementor-element-c485f79 img {
max-height: 520px !important;
width: auto !important;
max-width: 100% !important;
}
/* 6. BOTONES SERVICIOS hacer color mas consistente con la marca */
.elementor-372 [data-id="79d415b"] .elementor-button,
.elementor-372 [data-id="56a28bf"] .elementor-button,
.elementor-372 [data-id="6bf72a4"] .elementor-button {
background-color: #221F1C !important;
color: #F3E9DC !important;
border: none !important;
}
.elementor-372 [data-id="79d415b"] .elementor-button:hover,
.elementor-372 [data-id="56a28bf"] .elementor-button:hover,
.elementor-372 [data-id="6bf72a4"] .elementor-button:hover {
background-color: #C2705A !important;
color: #fff !important;
}
/* 7. CARDS DE SERVICIOS altura uniforme */
.elementor-372 [data-id="79d415b"],
.elementor-372 [data-id="56a28bf"],
.elementor-372 [data-id="6bf72a4"] {
height: 100% !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
/* ================================================
* MOBILE FIXES max-width: 767px
* ================================================ */
@media (max-width: 767px) {
/* Overflow global */
html, body {
overflow-x: hidden !important;
width: 100% !important;
}
/* Todos los containers: no se salen */
.e-con, .e-con-inner, .e-con-boxed,
.elementor-section, .elementor-container,
.elementor-widget-container {
max-width: 100vw !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
/* Hero: padding cmodo en mvil */
.elementor-372 [data-id="6a38010"] {
padding-left: 24px !important;
padding-right: 24px !important;
padding-top: 60px !important;
padding-bottom: 40px !important;
min-height: auto !important;
}
/* Hero ttulo: reducir tamao en mvil */
.elementor-372 [data-id="6a38010"] h1,
.elementor-372 [data-id="6a38010"] .elementor-heading-title {
font-size: clamp(36px, 9vw, 60px) !important;
line-height: 1.1 !important;
}
/* Hero imagen circular: contener en mvil */
.elementor-element-c485f79 {
width: 100% !important;
padding: 0 !important;
}
.elementor-element-c485f79 img {
max-width: 85vw !important;
max-height: 320px !important;
margin: 0 auto !important;
display: block !important;
}
/* Seccin "Por qu": padding cmodo */
.elementor-372 [data-id="5126591"] {
padding: 60px 24px !important;
}
/* Cards de servicios: apiladas, ancho completo */
.elementor-372 [data-id="98fdced"] > .e-con-inner {
flex-direction: column !important;
}
.elementor-372 [data-id="79d415b"],
.elementor-372 [data-id="56a28bf"],
.elementor-372 [data-id="6bf72a4"] {
width: 100% !important;
max-width: 100% !important;
margin-bottom: 24px !important;
}
/* Seccin nosotros: imagen + texto apilados */
.elementor-372 [data-id="4e3768c"] > .e-con-inner {
flex-direction: column !important;
}
.elementor-372 [data-id="4e3768c"] > .e-con-inner > * {
width: 100% !important;
max-width: 100% !important;
}
/* Testimonials videos: height razonable en mvil */
.elementor-372 [data-id="7cebcf6"] iframe,
.elementor-372 [data-id="7cebcf6"] .elementor-video-container {
max-height: 200px !important;
}
/* Calendario: scroll horizontal si es necesario */
.elementor-372 [data-id="4c62ff7"] {
overflow-x: auto !important;
}
/* CTA section: padding y texto centrado */
.elementor-372 [data-id="319b160"] {
padding: 60px 24px !important;
text-align: center !important;
}
.elementor-372 [data-id="319b160"] .elementor-button-wrapper {
text-align: center !important;
}
/* Numeracin editorial: ajustar posicin */
.elementor-372 [data-id="5126591"]::before,
.elementor-372 [data-id="98fdced"]::before,
.elementor-372 [data-id="4e3768c"]::before,
.elementor-372 [data-id="4c62ff7"]::before {
left: 24px !important;
text-align: left !important;
}
/* Footer: apilar columnas */
.elementor-384 .elementor-container,
.elementor-384 .e-con-inner {
flex-direction: column !important;
}
.elementor-384 .elementor-column,
.elementor-384 .e-con > * {
width: 100% !important;
max-width: 100% !important;
text-align: left !important;
}
/* Cookie/chat widget: no bloquear contenido */
.novamira-chat-widget,
#cookie-consent-widget,
.wpforms-form {
max-width: calc(100vw - 40px) !important;
}
}
/* ================================================
* TABLET 768px a 1024px
* ================================================ */
@media (min-width: 768px) and (max-width: 1024px) {
.elementor-372 [data-id="98fdced"] > .e-con-inner {
flex-wrap: wrap !important;
}
.elementor-372 [data-id="79d415b"],
.elementor-372 [data-id="56a28bf"],
.elementor-372 [data-id="6bf72a4"] {
width: calc(50% - 16px) !important;
max-width: calc(50% - 16px) !important;
}
html, body {
overflow-x: hidden !important;
}
}
/* ================================================
* POLISH GLOBAL detalles finos
* ================================================ */
/* Transicion suave en todos los botones */
.elementor-button {
transition: background-color 0.2s ease, color 0.2s ease, transform 0.15s ease !important;
}
.elementor-button:hover {
transform: translateY(-1px) !important;
}
/* Links de texto en secciones claras */
.elementor-372 [data-id="4e3768c"] a,
.elementor-372 [data-id="5126591"] a {
color: #C2705A !important;
text-decoration: underline !important;
}
/* Scrollbar delgada */
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background: #F3E9DC;
}
::-webkit-scrollbar-thumb {
background: #C2705A;
border-radius: 3px;
}
/* ================================================
SPACING FIXES v2.1 — Dark section padding reduction
================================================ */
/* Reducir padding excesivo sección CTA */
.elementor-372 [data-id="319b160"] {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
/* Reducir espacio interno sección Testimonios */
.elementor-372 [data-id="7cebcf6"] > .e-con-inner {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
/* Calendario: reducir espacio entre título y leyenda */
.elementor-372 [data-id="4c62ff7"] {
padding-top: 60px !important;
}
/* TEC event list: reducir gap interno */
.tribe-events-calendar-list,
.tribe-events-pro-summary__event-list {
margin-top: 0 !important;
}
.tribe-events-header {
display: none !important;
}
/* "Por qué" section: fondo visible y texto centrado */
.elementor-372 [data-id="5126591"] .elementor-heading-title {
text-align: center !important;
}
.elementor-372 [data-id="5126591"] p {
text-align: center !important;
max-width: 600px !important;
margin: 0 auto !important;
}
/* "Nosotros" hero image: alineación vertical */
.elementor-372 [data-id="4e3768c"] > .e-con-inner {
align-items: center !important;
}
/* Testimonios slider: altura controlada */
.elementor-372 [data-id="30cb8be"] {
max-height: 700px !important;
overflow: hidden !important;
}
/* Botón "Ver todas las clases": estilo consistente */
.elementor-372 [data-id="4c62ff7"] .elementor-button {
border: 1px solid rgba(255,255,255,0.4) !important;
color: #F3E9DC !important;
background: transparent !important;
}
.elementor-372 [data-id="4c62ff7"] .elementor-button:hover {
background: rgba(255,255,255,0.1) !important;
border-color: rgba(255,255,255,0.7) !important;
}
/* Footer: reducir padding excesivo */
.elementor-384 {
padding-top: 60px !important;
}
/* ================================================
MOBILE FIXES v2.1 — Second pass
================================================ */
@media (max-width: 767px) {
/* CTA section en móvil */
.elementor-372 [data-id="319b160"] {
padding: 50px 24px !important;
}
.elementor-372 [data-id="319b160"] h2,
.elementor-372 [data-id="319b160"] .elementor-heading-title {
font-size: clamp(26px, 7vw, 40px) !important;
line-height: 1.2 !important;
}
/* Testimonios en móvil: apilar videos */
.elementor-372 [data-id="30cb8be"] > .e-con-inner {
flex-direction: column !important;
}
.elementor-372 [data-id="30cb8be"] > .e-con-inner > * {
width: 100% !important;
max-width: 100% !important;
}
.elementor-372 [data-id="30cb8be"] {
max-height: none !important;
overflow: visible !important;
}
/* Calendario en móvil */
.elementor-372 [data-id="4c62ff7"] {
padding: 50px 16px !important;
overflow-x: auto !important;
}
.tribe-events-calendar-list__event-title {
font-size: 16px !important;
}
/* Sección nosotros: apilar imagen y texto */
.elementor-372 [data-id="4e3768c"] {
padding: 50px 24px !important;
}
.elementor-372 [data-id="4e3768c"] > .e-con-inner {
flex-direction: column !important;
gap: 40px !important;
}
/* Testimonios header */
.elementor-372 [data-id="7cebcf6"] > .e-con-inner {
padding: 50px 20px 40px !important;
}
.elementor-372 [data-id="7cebcf6"] h2,
.elementor-372 [data-id="7cebcf6"] .elementor-heading-title {
font-size: clamp(28px, 7vw, 42px) !important;
text-align: center !important;
}
}
/* ================================================
FIXES v2.2 — Slider buttons + spacing polish
================================================ */
/* Slider hero buttons: marca terracota / oscuro */
.xpro-hero-slider-button-primary {
background-color: #C2705A !important;
color: #fff !important;
border: none !important;
border-radius: 100px !important;
padding: 14px 32px !important;
font-size: 15px !important;
font-weight: 600 !important;
transition: background-color 0.2s ease !important;
}
.xpro-hero-slider-button-primary:hover {
background-color: #a85a45 !important;
}
.xpro-hero-slider-button-secondary {
background-color: transparent !important;
color: #F3E9DC !important;
border: 1.5px solid rgba(243,233,220,0.6) !important;
border-radius: 100px !important;
padding: 14px 32px !important;
font-size: 15px !important;
font-weight: 600 !important;
transition: all 0.2s ease !important;
}
.xpro-hero-slider-button-secondary:hover {
background-color: rgba(243,233,220,0.15) !important;
border-color: rgba(243,233,220,0.9) !important;
}
/* Servicios (98fdced): reducir padding-top excesivo */
.elementor-372 [data-id="98fdced"] {
padding-top: 40px !important;
}
/* Nosotros (4e3768c): reducir padding-top */
.elementor-372 [data-id="4e3768c"] {
padding-top: 50px !important;
padding-bottom: 60px !important;
}
/* "Conoce nuestra historia" link: estilo coherente */
.elementor-372 [data-id="4e3768c"] .elementor-button {
background-color: transparent !important;
color: #221F1C !important;
border: 1.5px solid #221F1C !important;
border-radius: 100px !important;
padding: 12px 28px !important;
font-weight: 600 !important;
}
.elementor-372 [data-id="4e3768c"] .elementor-button:hover {
background-color: #221F1C !important;
color: #F3E9DC !important;
}
/* Sección "Por que" (5126591): espaciado más compacto */
.elementor-372 [data-id="5126591"] {
padding-bottom: 60px !important;
}
/* Cards servicios: botones dark consistentes con hover */
.elementor-372 [data-id="79d415b"] .elementor-button,
.elementor-372 [data-id="56a28bf"] .elementor-button,
.elementor-372 [data-id="6bf72a4"] .elementor-button {
background-color: #221F1C !important;
color: #F3E9DC !important;
border: none !important;
border-radius: 100px !important;
transition: background-color 0.2s ease !important;
}
.elementor-372 [data-id="79d415b"] .elementor-button:hover,
.elementor-372 [data-id="56a28bf"] .elementor-button:hover,
.elementor-372 [data-id="6bf72a4"] .elementor-button:hover {
background-color: #C2705A !important;
}
/* "Conoce nuestra historia" text link (no button) */
.elementor-372 [data-id="4e3768c"] a:not(.elementor-button) {
color: #C2705A !important;
font-weight: 600 !important;
text-decoration: none !important;
border-bottom: 1px solid #C2705A !important;
padding-bottom: 2px !important;
}
/* Slider pagination dots: color de marca */
.xpro-hero-slider .swiper-pagination-bullet {
background-color: rgba(243,233,220,0.4) !important;
}
.xpro-hero-slider .swiper-pagination-bullet-active {
background-color: #C2705A !important;
}
/* ================================================
MOBILE v2.2 — Slider responsive
================================================ */
@media (max-width: 767px) {
.xpro-hero-slider-button-primary,
.xpro-hero-slider-button-secondary {
padding: 12px 22px !important;
font-size: 14px !important;
}
/* Slider slide content: text más pequeño */
.elementor-element-a198d13 h1,
.elementor-element-a198d13 h2,
.xpro-hero-slider .slide-title {
font-size: clamp(24px, 7vw, 36px) !important;
line-height: 1.15 !important;
}
/* Slider height en móvil */
.elementor-element-a198d13,
.xpro-hero-slider-wrapper {
min-height: auto !important;
height: auto !important;
}
/* Nosotros en móvil */
.elementor-372 [data-id="4e3768c"] {
padding: 50px 20px !important;
}
} Dismiss
Una invitación a desnudar no sólo el cuerpo, sino los miedos y prejuicios. Practicamos en colectividad, en aceptación y comunión con todo tipo de cuerpos. La fuerte conexión con el yoga lleva al límite la exposición a los pensamientos más complejos para trascenderlos.
Estándar: Dinámico · Todos los niveles · Trae una toallaHorario: Miércoles 19:15h
Yoga Naturista
Una invitación a desnudar no sólo el cuerpo, sino los miedos y prejuicios. Nos liberamos de la máscara social para practicar en colectividad, en aceptación y comunión con todo tipo de cuerpos. La conexión con el yoga lleva al límite la exposición a los pensamientos más complejos para trascenderlos. Est: dinámico · Todos los niveles · Miércoles 19:15h · Trae una toalla.
El Yoga Naturista desarrolla fuerza, elasticidad, propiocepción y resistencia a nivel físico. A nivel emocional otorga seguridad, calma y balance del sistema nervioso. No necesitas experiencia previa — las clases trabajan todos los niveles desde las propias capacidades personales.
Las posturas tienen siempre opciones y niveles para que avances a tu ritmo. Si tienes alguna lesión, comúnicala antes de iniciar la sesión.
Libertad, aceptación y comunión
El Yoga Naturista desarrolla fuerza, elasticidad, propiocepción y resistencia física. A nivel emocional otorga seguridad, calma y balance del sistema nervioso. La práctica trabaja todos los niveles avanzando desde las propias capacidades personales. Las posturas tienen siempre opciones. Si tienes alguna lesión, comúnicala antes de iniciar.
Qué trabajamos en cada sesión
Todo lo que necesitas saber
Yoga Naturista (Naked Yoga) — Precios
*Bonos arrancan desde la fecha de compra. Las clases pueden reprogramarse hasta 24h antes. No aplican para workshops.
¿Listo para tu primera sesión de Yoga Naturista?
Miércoles 19:15h · Grupos reducidos · Carrer de Beates 10, Barcelona
Customize
Reject All
Accept All
✖
Necessary cookies enable essential site features like secure log-ins and consent preference adjustments. They do not store personal data.
None
Functional cookies support features like content sharing on social media, collecting feedback, and enabling third-party tools.
None
Analytical cookies track visitor interactions, providing insights on metrics like visitor count, bounce rate, and traffic sources.
None
Advertisement cookies deliver personalized ads based on your previous visits and analyze the effectiveness of ad campaigns.
None
Unclassified cookies are cookies that we are in the process of classifying, together with the providers of individual cookies.
None
