/* === 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
Yoga grupal, privado y naturista en Barcelona. Elige la modalidad que mejor encaje con tu proceso y empieza esta semana.
Todas las clases de Iván
Cuatro caminos hacia la misma intención: reconectar con tu cuerpo en un espacio seguro, queer-friendly y sin filtros.
Explora cada clase en detalle
Naked Yoga
Sin ropa, sin juicios. La reconnexión más directa con tu cuerpo tal como es hoy.
Asanas Energéticos
Posturas dinámicas y pranayama para activar tu energía vital desde adentro.
Sesiones Particulares
Presencial, online o a domicilio. Tu programa, tu ritmo, tu espacio.
Partner Yoga
Confianza y conexión a través de posturas compartidas. Ven solo o acompañado.
Si tienes alguna otra duda no dudes en escribirnos.
¿No sabes por dónde empezar?
Escríbenos y te ayudamos a encontrar la práctica que mejor encaja contigo.
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
