/* === 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
Escríbenos para reservar tu plaza o resolver cualquier duda. Te respondemos a la mayor brevedad.
Cuéntanos un poco sobre ti y te responderemos en menos de 24 horas para coordinar tu reserva.