/* === 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
Tantra para Hombres en Barcelona
CONSCIENCIA · SEGURIDAD · RESPETO · LIBERTAD
Explora el poder del tantra a través de talleres exclusivos para la comunidad gay en Barcelona. Aprende técnicas de conexión profunda, energía sensual y práctica del sexo tántrico en un entorno seguro y auténtico.
Instagram @thesensualyogis ↗
LA EXPERIENCIA
Te invito a reconectar con tu energía sexual desde un espacio de respeto y presencia. A través de técnicas tántricas, aprenderás a desarrollar tu sensibilidad y a vivir una sexualidad más plena, personal y consciente.
Esta experiencia te permitirá explorar placeres y sensaciones únicas, mientras te sumerges en un entorno seguro y fraternal. En estos encuentros, la fraternidad, el consentimiento y el respeto a los límites son esenciales.
¿Estás listo para experimentar una nueva forma de conexión?
Únete a nosotros y descubre el potencial transformador del tantra.
¿Qué sucede en los talleres?
Estos talleres son una propuesta para desarrollar una sexualidad más personal, presente y respetuosa. Las técnicas del tantra permiten el desarrollo de la sensibilidad, la estimulación positiva de la energía sexual, produciendo una experiencia de placeres y sensaciones insólitas durante los encuentros.
TALLERES RECURRENTES
NIVEL INICIAL
Massage Exchange:
En esta práctica guiada exploramos el masaje tántrico con un enfoque en el uso consciente de las manos, el balance entre energía masculina (dar) y femenina (recibir), y la estimulación del sistema chakral.
Iniciamos trabajando la presencia y la conexión personal a través de la respiración, para después pasar a dinámicas en dúos hasta llegar a la pareja final. Un orgasmo no se limita a la eyaculación — ven sin expectativas.
Te acompaño a vivir esta experiencia sin presión, centrado en el placer de sentir.
NIVEL AVANZADO
El Tacto e Intimidad Consciente
Este taller te invita a profundizar en técnicas de contacto consciente, usando la respiración y la intención para despertar todo tu cuerpo. Desarrolla un balance entre dar y recibir a través del tacto consciente, y explora nuevas formas de activar tu energía sexual sin expectativas ni presión.
La presencia y la conexión se trabajan de manera colectiva. Las interacciones en dúos y tríos buscan desarrollar un bio-ritmo común, ideal para la práctica grupal final, donde cada uno establece el límite que experimentará.
Te acompaño a conectar de manera auténtica, estableciendo tus propios límites y disfrutando del momento.
NIVEL AVANZADO
Massage Exchange:
En este taller de masaje tántrico avanzado, nos enfocamos en la intimidad y en desbloquear la energía sexual a través de masajes prostáticos y lingam. Redescubre el potencial sensitivo de tu cuerpo y moviliza la energía sexual de manera orgánica y consciente.
La conexión entre los participantes se desarrolla de manera profunda. Se trabaja con nuestra energía sexual, desbloqueando sus canales y movilizando su poder de manera orgánica por la zona genital.
Te invito a descubrir nuevas formas de placer, en un entorno de conexión profunda y respeto.
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
