/* === 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
Formación y experiencia
La búsqueda de mi plenitud personal y paz interior me ha llevado por muchos caminos, técnicas y procesos de sanación. Hoy reconozco la relación integral de todos ellos: conforman una gran riqueza de recursos para compartirte.
Mi camino
Inicié mis estudios de grado en las ciencias de la comunicación (UANL, 2012) y las artes (INBAL 2012 / UANL 2014), la base que me ha permitido diseñar experiencias y procesos de interiorización, sensibilización y expresión.
Más adelante, el camino del yoga (Yoga Alliance, 2018) y muchos de los saberes que le rodean conformaron la senda de mi desarrollo personal, un proceso inagotable. Actualmente utilizo diferentes recursos tomados de las artes aplicadas (Institut del Teatre, 2021) y las terapias sistémicas para realizar distintos tipos de acompañamientos (UAB, 2022).
Tengo claro que mi propósito es aportarte recursos para una vida más plena. Sanando uno, sanamos todos.
Licenciado en Ciencias de la Comunicación con especialidad en publicidad (UANL, México). Diplomado en dirección escénica por la Coordinación Nacional de Teatro del INBAL. Maestría en Artes con orientación en Artes Visuales (UANL).
Diplomado en Monitor de Yoga 300h (Sadhak Yoga / Yoga Alliance, 2018). Inscrito en el ROPEC de Cataluña como monitor de Yoga. Desde 2018 comparte diferentes tipos de práctica en Barcelona.
Posgrado en Artes Escénicas y Acción Social (Institut del Teatre, ESMUC y Xamfrà, Diputació de Barcelona). Posgrado en Psicoterapia de grupos y Psicodrama (Universidad de Barcelona, IL-3 y Grup Formació).
Preguntas frecuentes
El teatro es un pilar en mi construcción personal. Llegó a mi vida cuando era niño y ha permanecido salvándome en los momentos de mayores crisis existenciales. Como director me enseñó a dinamizar, dialogar e impulsar equipos con respeto y cooperación. Como actor, me permite enfrentar y mirar de frente mis miedos, transformar las heridas y los traumas con los que crecí.
Sanarme no ha sido un proceso sencillo, y la rutina y disciplina del yoga han sido esenciales para sembrar hábitos positivos y saludables. La práctica de asanas (posturas), respiraciones conscientes (pranayama) y meditación (dhyana) me permiten mantenerme receptivo, consciente y en armonía con mis procesos vitales.
De nada sirve el trabajo interior en ambientes cargados o donde se producen dinámicas tóxicas. Las constelaciones familiares me han permitido trabajar con mis sistemas interpersonales, limpiar y sanar mis relaciones, e integrar las técnicas del yoga a las del teatro, produciendo un método de sanación más integral.
Titulaciones
Certificado por Yoga Alliance e inscrito en el ROPEC de Cataluña como monitor de Yoga.