.elementor-278 .elementor-element.elementor-element-19fbc92{--display:flex;--min-height:55px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-56px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;--z-index:90;}.elementor-278 .elementor-element.elementor-element-19fbc92:not(.elementor-motion-effects-element-type-background), .elementor-278 .elementor-element.elementor-element-19fbc92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e0f9d43 );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-278 .elementor-element.elementor-element-f322117:hover{--e-transform-translateX:4px;}.elementor-278 .elementor-element.elementor-element-f322117{--e-transform-transition-duration:500ms;text-align:start;}.elementor-278 .elementor-element.elementor-element-f322117 img{width:100%;max-width:100%;height:35px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );--n-menu-title-line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );--n-menu-divider-color:var( --e-global-color-text );}.elementor-278 .elementor-element.elementor-element-825d069{--display:flex;}.elementor-278 .elementor-element.elementor-element-6499cb4{--display:flex;}.elementor-278 .elementor-element.elementor-element-94551ce{--display:flex;}.elementor-278 .elementor-element.elementor-element-94551ce.e-con{--align-self:center;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-278 .elementor-element.elementor-element-ac7d25d{--display:flex;}.elementor-278 .elementor-element.elementor-element-ac7d25d.e-con{--align-self:center;}.elementor-278 .elementor-element.elementor-element-8c91882{--display:flex;}.elementor-278 .elementor-element.elementor-element-8c91882.e-con{--align-self:center;}.elementor-278 .elementor-element.elementor-element-ca7415e{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:30%;--n-tabs-title-flex-basis:initial;--n-tabs-title-flex-shrink:initial;}.elementor-278 .elementor-element.elementor-element-ca7415e.elementor-element{--align-self:center;}.elementor-278 .elementor-element.elementor-element-c15c586{--display:flex;}.elementor-278 .elementor-element.elementor-element-410c7fc{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:10px;--n-menu-open-animation-duration:0ms;--n-menu-toggle-icon-wrapper-animation-duration:700ms;--n-menu-title-space-between:25px;--n-menu-title-font-size:var( --e-global-typography-accent-font-size );--n-menu-title-color-normal:var( --e-global-color-text );--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:1500ms;--n-menu-title-normal-color-dropdown:var( --e-global-color-primary );}.elementor-278 .elementor-element.elementor-element-410c7fc > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ){background:var( --e-global-color-81e8884 );box-shadow:0px -7px 8px -8px rgba(0, 0, 0, 0.1) inset;}.elementor-278 .elementor-element.elementor-element-410c7fc > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-278 .elementor-element.elementor-element-410c7fc > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-278 .elementor-element.elementor-element-410c7fc > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );--n-menu-title-line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-278 .elementor-element.elementor-element-410c7fc {--n-menu-title-color-hover:var( --e-global-color-secondary );--n-menu-title-color-active:var( --e-global-color-secondary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-278 .elementor-element.elementor-element-19fbc92{--min-height:50px;--margin-top:0px;--margin-bottom:-75px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-278 .elementor-element.elementor-element-f322117{text-align:center;}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-278 .elementor-element.elementor-element-ac7d25d{--justify-content:center;}.elementor-278 .elementor-element.elementor-element-8c91882.e-con{--align-self:center;}.elementor-278 .elementor-element.elementor-element-410c7fc{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-align:flex-end;--n-menu-title-space-between:0px;--n-menu-title-font-size:var( --e-global-typography-accent-font-size );--n-menu-title-padding:25px 0px 15px 50px;--n-menu-dropdown-indicator-space:5px;--n-menu-toggle-icon-distance-from-dropdown:14px;}.elementor-278 .elementor-element.elementor-element-410c7fc > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-278 .elementor-element.elementor-element-410c7fc > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-278 .elementor-element.elementor-element-410c7fc > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}}@media(max-width:767px){.elementor-278 .elementor-element.elementor-element-19fbc92{--min-height:45px;--margin-top:0px;--margin-bottom:-65px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-278 .elementor-element.elementor-element-f322117{padding:2px 0px 0px 0px;}.elementor-278 .elementor-element.elementor-element-f322117 img{max-width:100%;height:32px;}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-nested-tabs{--n-tabs-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-278 .elementor-element.elementor-element-ac7d25d{--padding-top:0px;--padding-bottom:10px;--padding-left:30px;--padding-right:0px;}.elementor-278 .elementor-element.elementor-element-8c91882{--padding-top:0px;--padding-bottom:10px;--padding-left:30px;--padding-right:0px;}.elementor-278 .elementor-element.elementor-element-ca7415e{--n-tabs-heading-width:0%;}.elementor-278 .elementor-element.elementor-element-410c7fc{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );--n-menu-title-padding:20px 0px 15px 30px;}.elementor-278 .elementor-element.elementor-element-410c7fc > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-278 .elementor-element.elementor-element-410c7fc > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-278 .elementor-element.elementor-element-410c7fc > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{--n-menu-title-line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}}@media(min-width:768px){.elementor-278 .elementor-element.elementor-element-94551ce{--width:93%;}}@media(max-width:1024px) and (min-width:768px){.elementor-278 .elementor-element.elementor-element-94551ce{--width:100%;}}/* Start custom CSS for nested-tabs, class: .elementor-element-ca7415e *//* ========================================= MEGA MENU LUXURY STYLE V2 (BICOLOR) ========================================= */ /* 1. CONTENEDOR PRINCIPAL */ .elementor-278 .elementor-element.elementor-element-ca7415e { --tab-width: 300px; --gold: #C0A062; --dark: #0F2822; --bg-sidebar: #F4F5F7; --bg-content: #FFFFFF; } /* Forzar que el fondo sea bicolor - MÁS COMPACTO */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs { background: var(--bg-content); min-height: 380px !important; /* ✅ Reducido de 450px a 380px */ box-shadow: 0 30px 60px rgba(0,0,0,0.08); border-top: 3px solid var(--gold); border-radius: 0 0 12px 12px; transition: none !important; } /* 2. BARRA LATERAL (PESTAÑAS) - MÁS COMPACTA */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-heading { width: var(--tab-width) !important; background-color: var(--bg-sidebar) !important; padding: 30px 0 !important; /* ✅ Reducido de 40px a 30px */ display: flex; flex-direction: column; gap: 0px; border-right: 1px solid rgba(0,0,0,0.05); } /* Estilo de los Botones (Tabs) - MÁS COMPACTOS */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { font-family: 'Prata', serif !important; font-size: 2rem !important; color: #888 !important; padding: 30px 30px !important; /* ✅ Reducido de 20px a 15px */ transition: all 0.4s ease !important; border-left: 4px solid transparent !important; background: transparent !important; } /* Hover y Activo */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title:hover, .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title[aria-selected="true"] { color: var(--dark) !important; background-color: #ffffff !important; border-left: 4px solid var(--gold) !important; padding-left: 50px !important; box-shadow: -10px 0 20px rgba(0,0,0,0.02); } /* 3. ÁREA DE CONTENIDO (DERECHA) - MÁS COMPACTA */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { width: calc(100% - var(--tab-width)) !important; padding: 35px 50px !important; /* ✅ Reducido de 50px 60px a 35px 50px */ background-color: var(--bg-content) !important; min-height: 380px !important; /* ✅ Igualado con el contenedor */ } /* ========================================= ESTILOS DE TUS LINKS (TIPOGRAFÍA) ========================================= */ /* Títulos de Grupo - MÁS COMPACTOS */ .elementor-278 .elementor-element.elementor-element-ca7415e h4 { font-family: 'Roboto', sans-serif; font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: var(--gold); margin-bottom: 18px !important; /* ✅ Reducido de 25px a 18px */ border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 8px !important; /* ✅ Reducido de 10px a 8px */ display: inline-block; } /* Links Normales - MÁS COMPACTOS */ .elementor-278 .elementor-element.elementor-element-ca7415e a.mega-link { font-family: 'Roboto', sans-serif; font-size: 1.rem; color: var(--dark); margin-bottom: 8px !important; /* ✅ Reducido de 12px a 8px */ display: block; transition: transform 0.3s; text-decoration: none; } .elementor-278 .elementor-element.elementor-element-ca7415e a.mega-link:hover { color: var(--gold); transform: translateX(8px); } /* ========================================= IMÁGENES - TAMAÑO FIJO UNIFORME ========================================= */ /* ✅ NUEVO: Forzar que todas las imágenes tengan el mismo tamaño */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="background-image"] { height: 310px !important; /* Altura fija para todas las imágenes */ min-height: 310px !important; max-height: 310px !important; border-radius: 12px !important; background-size: cover !important; background-position: center !important; } /* ========================================= ANIMACIÓN CINEMÁTICA DE CAMBIO DE TABS ========================================= */ @keyframes luxuryReveal { 0% { opacity: 0; transform: translateY(20px) scale(0.98); filter: blur(10px); } 100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } } .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content > .e-con, .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content > div { animation: luxuryReveal 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; } .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { transition-duration: 0.5s !important; } /* ========================================= FIX: Evitar salto de altura en tabs ========================================= */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs { min-height: 380px !important; /* Ajusta según tu contenido */ transition: none !important; /* Sin animación de altura */ } .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { min-height: 380px !important; /* Altura mínima del contenido */ } /* ========================================= RESPONSIVE: TABLET (iPad) - FORZADO max-width: 1024px ========================================= */ @media (max-width: 1024px) { /* 1. FORZAR ANCHO DE LA BARRA LATERAL (Directo a la yugular) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-heading { width: 210px !important; /* Valor fijo */ min-width: 210px !important; /* Prohibido encogerse */ max-width: 210px !important; /* Prohibido crecer */ padding: 20px 0 !important; /* Menos aire arriba/abajo */ } /* 2. FORZAR ANCHO DEL CONTENIDO (El resto del espacio) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { width: calc(100% - 150px) !important; /* Matemáticas simples */ padding: 20px 20px !important; } /* 3. TÍTULOS DE PESTAÑAS (Look/Feel) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { font-size: 0.8rem !important; /* Letra tamaño 16px aprox */ padding: 25px !important; /* Casi sin padding lateral */ text-align: center !important; white-space: normal !important; /* Permitir que el texto baje de línea si es necesario */ line-height: 1.2 !important; } /* 4. AJUSTE DE LINKS INTERNOS */ .elementor-278 .elementor-element.elementor-element-ca7415e a.mega-link { font-size: 0.9rem !important; line-height: 1.7 !important; } .elementor-278 .elementor-element.elementor-element-ca7415e h4 { margin-bottom: 10px !important; font-size: 0.68rem !important; } /* 5. IMAGEN PEQUEÑA */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="background-image"] { min-height: 180px !important; } } /* ========================================= RESPONSIVE: MÓVIL (Celular) max-width: 767px - REESTRUCTURA TOTAL ========================================= */ @media (max-width: 767px) { /* 1. RESET DE ESTRUCTURA (Romper la fila) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs { flex-direction: column !important; height: auto !important; min-height: auto !important; } /* 2. BARRA DE PESTAÑAS (Ahora va arriba y ocupa todo el ancho) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-heading { width: 100% !important; min-width: 100% !important; max-width: 100% !important; flex-direction: row !important; border-right: none !important; border-bottom: 1px solid rgba(0,0,0,0.05); padding: 0 !important; } /* 3. BOTONES (Look / Feel) - Estilo Editorial & Estable */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { width: 50% !important; font-family: 'Prata', serif !important; font-size: 1rem !important; text-transform: none !important; letter-spacing: 0px !important; font-weight: 400 !important; padding: 15px 0 !important; text-align: center !important; display: flex; justify-content: center; align-items: center; background: transparent !important; color: #BBBBBB !important; border-bottom: 1px solid #F0F0F0 !important; border-left: none !important; margin: 0 !important; transition: all 0.3s ease !important; } /* Estado Activo en Móvil - SIN PADDING LEFT */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title[aria-selected="true"] { background: transparent !important; color: var(--dark) !important; font-weight: 400 !important; border-bottom: 2px solid var(--gold) !important; /* ✅ ESTO ES LO IMPORTANTE: Forzar padding-left a 0 */ padding-left: 0 !important; } /* ✅ TAMBIÉN FORZAR EN HOVER (por si acaso) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title:hover { padding-left: 0 !important; transform: none !important; /* Sin movimiento */ } /* 4. CONTENIDO (Ancho completo) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { width: 100% !important; padding: 20px 30px !important; border-top: none !important; } /* 5. ARREGLAR GRID INTERNO (De 2 columnas a 1 sola) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="display: grid"] { grid-template-columns: 1fr !important; gap: 20px !important; height: auto !important; } /* 6. OCULTAR IMAGEN (Ahorro de espacio vital) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="background-image"] { display: none !important; } /* 7. AJUSTES DE TEXTO */ .elementor-278 .elementor-element.elementor-element-ca7415e h4 { margin-top: 10px; } }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-ca7415e *//* ========================================= MEGA MENU LUXURY STYLE V2 (BICOLOR) ========================================= */ /* 1. CONTENEDOR PRINCIPAL */ .elementor-278 .elementor-element.elementor-element-ca7415e { --tab-width: 300px; --gold: #C0A062; --dark: #0F2822; --bg-sidebar: #F4F5F7; --bg-content: #FFFFFF; } /* Forzar que el fondo sea bicolor - MÁS COMPACTO */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs { background: var(--bg-content); min-height: 380px !important; /* ✅ Reducido de 450px a 380px */ box-shadow: 0 30px 60px rgba(0,0,0,0.08); border-top: 3px solid var(--gold); border-radius: 0 0 12px 12px; transition: none !important; } /* 2. BARRA LATERAL (PESTAÑAS) - MÁS COMPACTA */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-heading { width: var(--tab-width) !important; background-color: var(--bg-sidebar) !important; padding: 30px 0 !important; /* ✅ Reducido de 40px a 30px */ display: flex; flex-direction: column; gap: 0px; border-right: 1px solid rgba(0,0,0,0.05); } /* Estilo de los Botones (Tabs) - MÁS COMPACTOS */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { font-family: 'Prata', serif !important; font-size: 2rem !important; color: #888 !important; padding: 30px 30px !important; /* ✅ Reducido de 20px a 15px */ transition: all 0.4s ease !important; border-left: 4px solid transparent !important; background: transparent !important; } /* Hover y Activo */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title:hover, .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title[aria-selected="true"] { color: var(--dark) !important; background-color: #ffffff !important; border-left: 4px solid var(--gold) !important; padding-left: 50px !important; box-shadow: -10px 0 20px rgba(0,0,0,0.02); } /* 3. ÁREA DE CONTENIDO (DERECHA) - MÁS COMPACTA */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { width: calc(100% - var(--tab-width)) !important; padding: 35px 50px !important; /* ✅ Reducido de 50px 60px a 35px 50px */ background-color: var(--bg-content) !important; min-height: 380px !important; /* ✅ Igualado con el contenedor */ } /* ========================================= ESTILOS DE TUS LINKS (TIPOGRAFÍA) ========================================= */ /* Títulos de Grupo - MÁS COMPACTOS */ .elementor-278 .elementor-element.elementor-element-ca7415e h4 { font-family: 'Roboto', sans-serif; font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: var(--gold); margin-bottom: 18px !important; /* ✅ Reducido de 25px a 18px */ border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 8px !important; /* ✅ Reducido de 10px a 8px */ display: inline-block; } /* Links Normales - MÁS COMPACTOS */ .elementor-278 .elementor-element.elementor-element-ca7415e a.mega-link { font-family: 'Roboto', sans-serif; font-size: 1.rem; color: var(--dark); margin-bottom: 8px !important; /* ✅ Reducido de 12px a 8px */ display: block; transition: transform 0.3s; text-decoration: none; } .elementor-278 .elementor-element.elementor-element-ca7415e a.mega-link:hover { color: var(--gold); transform: translateX(8px); } /* ========================================= IMÁGENES - TAMAÑO FIJO UNIFORME ========================================= */ /* ✅ NUEVO: Forzar que todas las imágenes tengan el mismo tamaño */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="background-image"] { height: 310px !important; /* Altura fija para todas las imágenes */ min-height: 310px !important; max-height: 310px !important; border-radius: 12px !important; background-size: cover !important; background-position: center !important; } /* ========================================= ANIMACIÓN CINEMÁTICA DE CAMBIO DE TABS ========================================= */ @keyframes luxuryReveal { 0% { opacity: 0; transform: translateY(20px) scale(0.98); filter: blur(10px); } 100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } } .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content > .e-con, .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content > div { animation: luxuryReveal 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; } .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { transition-duration: 0.5s !important; } /* ========================================= FIX: Evitar salto de altura en tabs ========================================= */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs { min-height: 380px !important; /* Ajusta según tu contenido */ transition: none !important; /* Sin animación de altura */ } .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { min-height: 380px !important; /* Altura mínima del contenido */ } /* ========================================= RESPONSIVE: TABLET (iPad) - FORZADO max-width: 1024px ========================================= */ @media (max-width: 1024px) { /* 1. FORZAR ANCHO DE LA BARRA LATERAL (Directo a la yugular) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-heading { width: 210px !important; /* Valor fijo */ min-width: 210px !important; /* Prohibido encogerse */ max-width: 210px !important; /* Prohibido crecer */ padding: 20px 0 !important; /* Menos aire arriba/abajo */ } /* 2. FORZAR ANCHO DEL CONTENIDO (El resto del espacio) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { width: calc(100% - 150px) !important; /* Matemáticas simples */ padding: 20px 20px !important; } /* 3. TÍTULOS DE PESTAÑAS (Look/Feel) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { font-size: 0.8rem !important; /* Letra tamaño 16px aprox */ padding: 25px !important; /* Casi sin padding lateral */ text-align: center !important; white-space: normal !important; /* Permitir que el texto baje de línea si es necesario */ line-height: 1.2 !important; } /* 4. AJUSTE DE LINKS INTERNOS */ .elementor-278 .elementor-element.elementor-element-ca7415e a.mega-link { font-size: 0.9rem !important; line-height: 1.7 !important; } .elementor-278 .elementor-element.elementor-element-ca7415e h4 { margin-bottom: 10px !important; font-size: 0.68rem !important; } /* 5. IMAGEN PEQUEÑA */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="background-image"] { min-height: 180px !important; } } /* ========================================= RESPONSIVE: MÓVIL (Celular) max-width: 767px - REESTRUCTURA TOTAL ========================================= */ @media (max-width: 767px) { /* 1. RESET DE ESTRUCTURA (Romper la fila) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs { flex-direction: column !important; height: auto !important; min-height: auto !important; } /* 2. BARRA DE PESTAÑAS (Ahora va arriba y ocupa todo el ancho) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-heading { width: 100% !important; min-width: 100% !important; max-width: 100% !important; flex-direction: row !important; border-right: none !important; border-bottom: 1px solid rgba(0,0,0,0.05); padding: 0 !important; } /* 3. BOTONES (Look / Feel) - Estilo Editorial & Estable */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { width: 50% !important; font-family: 'Prata', serif !important; font-size: 1rem !important; text-transform: none !important; letter-spacing: 0px !important; font-weight: 400 !important; padding: 15px 0 !important; text-align: center !important; display: flex; justify-content: center; align-items: center; background: transparent !important; color: #BBBBBB !important; border-bottom: 1px solid #F0F0F0 !important; border-left: none !important; margin: 0 !important; transition: all 0.3s ease !important; } /* Estado Activo en Móvil - SIN PADDING LEFT */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title[aria-selected="true"] { background: transparent !important; color: var(--dark) !important; font-weight: 400 !important; border-bottom: 2px solid var(--gold) !important; /* ✅ ESTO ES LO IMPORTANTE: Forzar padding-left a 0 */ padding-left: 0 !important; } /* ✅ TAMBIÉN FORZAR EN HOVER (por si acaso) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title:hover { padding-left: 0 !important; transform: none !important; /* Sin movimiento */ } /* 4. CONTENIDO (Ancho completo) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { width: 100% !important; padding: 20px 30px !important; border-top: none !important; } /* 5. ARREGLAR GRID INTERNO (De 2 columnas a 1 sola) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="display: grid"] { grid-template-columns: 1fr !important; gap: 20px !important; height: auto !important; } /* 6. OCULTAR IMAGEN (Ahorro de espacio vital) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="background-image"] { display: none !important; } /* 7. AJUSTES DE TEXTO */ .elementor-278 .elementor-element.elementor-element-ca7415e h4 { margin-top: 10px; } }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-ca7415e *//* ========================================= MEGA MENU LUXURY STYLE V2 (BICOLOR) ========================================= */ /* 1. CONTENEDOR PRINCIPAL */ .elementor-278 .elementor-element.elementor-element-ca7415e { --tab-width: 300px; --gold: #C0A062; --dark: #0F2822; --bg-sidebar: #F4F5F7; --bg-content: #FFFFFF; } /* Forzar que el fondo sea bicolor - MÁS COMPACTO */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs { background: var(--bg-content); min-height: 380px !important; /* ✅ Reducido de 450px a 380px */ box-shadow: 0 30px 60px rgba(0,0,0,0.08); border-top: 3px solid var(--gold); border-radius: 0 0 12px 12px; transition: none !important; } /* 2. BARRA LATERAL (PESTAÑAS) - MÁS COMPACTA */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-heading { width: var(--tab-width) !important; background-color: var(--bg-sidebar) !important; padding: 30px 0 !important; /* ✅ Reducido de 40px a 30px */ display: flex; flex-direction: column; gap: 0px; border-right: 1px solid rgba(0,0,0,0.05); } /* Estilo de los Botones (Tabs) - MÁS COMPACTOS */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { font-family: 'Prata', serif !important; font-size: 2rem !important; color: #888 !important; padding: 30px 30px !important; /* ✅ Reducido de 20px a 15px */ transition: all 0.4s ease !important; border-left: 4px solid transparent !important; background: transparent !important; } /* Hover y Activo */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title:hover, .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title[aria-selected="true"] { color: var(--dark) !important; background-color: #ffffff !important; border-left: 4px solid var(--gold) !important; padding-left: 50px !important; box-shadow: -10px 0 20px rgba(0,0,0,0.02); } /* 3. ÁREA DE CONTENIDO (DERECHA) - MÁS COMPACTA */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { width: calc(100% - var(--tab-width)) !important; padding: 35px 50px !important; /* ✅ Reducido de 50px 60px a 35px 50px */ background-color: var(--bg-content) !important; min-height: 380px !important; /* ✅ Igualado con el contenedor */ } /* ========================================= ESTILOS DE TUS LINKS (TIPOGRAFÍA) ========================================= */ /* Títulos de Grupo - MÁS COMPACTOS */ .elementor-278 .elementor-element.elementor-element-ca7415e h4 { font-family: 'Roboto', sans-serif; font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: var(--gold); margin-bottom: 18px !important; /* ✅ Reducido de 25px a 18px */ border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 8px !important; /* ✅ Reducido de 10px a 8px */ display: inline-block; } /* Links Normales - MÁS COMPACTOS */ .elementor-278 .elementor-element.elementor-element-ca7415e a.mega-link { font-family: 'Roboto', sans-serif; font-size: 1.rem; color: var(--dark); margin-bottom: 8px !important; /* ✅ Reducido de 12px a 8px */ display: block; transition: transform 0.3s; text-decoration: none; } .elementor-278 .elementor-element.elementor-element-ca7415e a.mega-link:hover { color: var(--gold); transform: translateX(8px); } /* ========================================= IMÁGENES - TAMAÑO FIJO UNIFORME ========================================= */ /* ✅ NUEVO: Forzar que todas las imágenes tengan el mismo tamaño */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="background-image"] { height: 310px !important; /* Altura fija para todas las imágenes */ min-height: 310px !important; max-height: 310px !important; border-radius: 12px !important; background-size: cover !important; background-position: center !important; } /* ========================================= ANIMACIÓN CINEMÁTICA DE CAMBIO DE TABS ========================================= */ @keyframes luxuryReveal { 0% { opacity: 0; transform: translateY(20px) scale(0.98); filter: blur(10px); } 100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } } .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content > .e-con, .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content > div { animation: luxuryReveal 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; } .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { transition-duration: 0.5s !important; } /* ========================================= FIX: Evitar salto de altura en tabs ========================================= */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs { min-height: 380px !important; /* Ajusta según tu contenido */ transition: none !important; /* Sin animación de altura */ } .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { min-height: 380px !important; /* Altura mínima del contenido */ } /* ========================================= RESPONSIVE: TABLET (iPad) - FORZADO max-width: 1024px ========================================= */ @media (max-width: 1024px) { /* 1. FORZAR ANCHO DE LA BARRA LATERAL (Directo a la yugular) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-heading { width: 210px !important; /* Valor fijo */ min-width: 210px !important; /* Prohibido encogerse */ max-width: 210px !important; /* Prohibido crecer */ padding: 20px 0 !important; /* Menos aire arriba/abajo */ } /* 2. FORZAR ANCHO DEL CONTENIDO (El resto del espacio) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { width: calc(100% - 150px) !important; /* Matemáticas simples */ padding: 20px 20px !important; } /* 3. TÍTULOS DE PESTAÑAS (Look/Feel) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { font-size: 0.8rem !important; /* Letra tamaño 16px aprox */ padding: 25px !important; /* Casi sin padding lateral */ text-align: center !important; white-space: normal !important; /* Permitir que el texto baje de línea si es necesario */ line-height: 1.2 !important; } /* 4. AJUSTE DE LINKS INTERNOS */ .elementor-278 .elementor-element.elementor-element-ca7415e a.mega-link { font-size: 0.9rem !important; line-height: 1.7 !important; } .elementor-278 .elementor-element.elementor-element-ca7415e h4 { margin-bottom: 10px !important; font-size: 0.68rem !important; } /* 5. IMAGEN PEQUEÑA */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="background-image"] { min-height: 180px !important; } } /* ========================================= RESPONSIVE: MÓVIL (Celular) max-width: 767px - REESTRUCTURA TOTAL ========================================= */ @media (max-width: 767px) { /* 1. RESET DE ESTRUCTURA (Romper la fila) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs { flex-direction: column !important; height: auto !important; min-height: auto !important; } /* 2. BARRA DE PESTAÑAS (Ahora va arriba y ocupa todo el ancho) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-heading { width: 100% !important; min-width: 100% !important; max-width: 100% !important; flex-direction: row !important; border-right: none !important; border-bottom: 1px solid rgba(0,0,0,0.05); padding: 0 !important; } /* 3. BOTONES (Look / Feel) - Estilo Editorial & Estable */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { width: 50% !important; font-family: 'Prata', serif !important; font-size: 1rem !important; text-transform: none !important; letter-spacing: 0px !important; font-weight: 400 !important; padding: 15px 0 !important; text-align: center !important; display: flex; justify-content: center; align-items: center; background: transparent !important; color: #BBBBBB !important; border-bottom: 1px solid #F0F0F0 !important; border-left: none !important; margin: 0 !important; transition: all 0.3s ease !important; } /* Estado Activo en Móvil - SIN PADDING LEFT */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title[aria-selected="true"] { background: transparent !important; color: var(--dark) !important; font-weight: 400 !important; border-bottom: 2px solid var(--gold) !important; /* ✅ ESTO ES LO IMPORTANTE: Forzar padding-left a 0 */ padding-left: 0 !important; } /* ✅ TAMBIÉN FORZAR EN HOVER (por si acaso) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title:hover { padding-left: 0 !important; transform: none !important; /* Sin movimiento */ } /* 4. CONTENIDO (Ancho completo) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { width: 100% !important; padding: 20px 30px !important; border-top: none !important; } /* 5. ARREGLAR GRID INTERNO (De 2 columnas a 1 sola) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="display: grid"] { grid-template-columns: 1fr !important; gap: 20px !important; height: auto !important; } /* 6. OCULTAR IMAGEN (Ahorro de espacio vital) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="background-image"] { display: none !important; } /* 7. AJUSTES DE TEXTO */ .elementor-278 .elementor-element.elementor-element-ca7415e h4 { margin-top: 10px; } }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-ca7415e *//* ========================================= MEGA MENU LUXURY STYLE V2 (BICOLOR) ========================================= */ /* 1. CONTENEDOR PRINCIPAL */ .elementor-278 .elementor-element.elementor-element-ca7415e { --tab-width: 300px; --gold: #C0A062; --dark: #0F2822; --bg-sidebar: #F4F5F7; --bg-content: #FFFFFF; } /* Forzar que el fondo sea bicolor - MÁS COMPACTO */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs { background: var(--bg-content); min-height: 380px !important; /* ✅ Reducido de 450px a 380px */ box-shadow: 0 30px 60px rgba(0,0,0,0.08); border-top: 3px solid var(--gold); border-radius: 0 0 12px 12px; transition: none !important; } /* 2. BARRA LATERAL (PESTAÑAS) - MÁS COMPACTA */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-heading { width: var(--tab-width) !important; background-color: var(--bg-sidebar) !important; padding: 30px 0 !important; /* ✅ Reducido de 40px a 30px */ display: flex; flex-direction: column; gap: 0px; border-right: 1px solid rgba(0,0,0,0.05); } /* Estilo de los Botones (Tabs) - MÁS COMPACTOS */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { font-family: 'Prata', serif !important; font-size: 2rem !important; color: #888 !important; padding: 30px 30px !important; /* ✅ Reducido de 20px a 15px */ transition: all 0.4s ease !important; border-left: 4px solid transparent !important; background: transparent !important; } /* Hover y Activo */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title:hover, .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title[aria-selected="true"] { color: var(--dark) !important; background-color: #ffffff !important; border-left: 4px solid var(--gold) !important; padding-left: 50px !important; box-shadow: -10px 0 20px rgba(0,0,0,0.02); } /* 3. ÁREA DE CONTENIDO (DERECHA) - MÁS COMPACTA */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { width: calc(100% - var(--tab-width)) !important; padding: 35px 50px !important; /* ✅ Reducido de 50px 60px a 35px 50px */ background-color: var(--bg-content) !important; min-height: 380px !important; /* ✅ Igualado con el contenedor */ } /* ========================================= ESTILOS DE TUS LINKS (TIPOGRAFÍA) ========================================= */ /* Títulos de Grupo - MÁS COMPACTOS */ .elementor-278 .elementor-element.elementor-element-ca7415e h4 { font-family: 'Roboto', sans-serif; font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: var(--gold); margin-bottom: 18px !important; /* ✅ Reducido de 25px a 18px */ border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 8px !important; /* ✅ Reducido de 10px a 8px */ display: inline-block; } /* Links Normales - MÁS COMPACTOS */ .elementor-278 .elementor-element.elementor-element-ca7415e a.mega-link { font-family: 'Roboto', sans-serif; font-size: 1.rem; color: var(--dark); margin-bottom: 8px !important; /* ✅ Reducido de 12px a 8px */ display: block; transition: transform 0.3s; text-decoration: none; } .elementor-278 .elementor-element.elementor-element-ca7415e a.mega-link:hover { color: var(--gold); transform: translateX(8px); } /* ========================================= IMÁGENES - TAMAÑO FIJO UNIFORME ========================================= */ /* ✅ NUEVO: Forzar que todas las imágenes tengan el mismo tamaño */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="background-image"] { height: 310px !important; /* Altura fija para todas las imágenes */ min-height: 310px !important; max-height: 310px !important; border-radius: 12px !important; background-size: cover !important; background-position: center !important; } /* ========================================= ANIMACIÓN CINEMÁTICA DE CAMBIO DE TABS ========================================= */ @keyframes luxuryReveal { 0% { opacity: 0; transform: translateY(20px) scale(0.98); filter: blur(10px); } 100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } } .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content > .e-con, .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content > div { animation: luxuryReveal 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; } .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { transition-duration: 0.5s !important; } /* ========================================= FIX: Evitar salto de altura en tabs ========================================= */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs { min-height: 380px !important; /* Ajusta según tu contenido */ transition: none !important; /* Sin animación de altura */ } .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { min-height: 380px !important; /* Altura mínima del contenido */ } /* ========================================= RESPONSIVE: TABLET (iPad) - FORZADO max-width: 1024px ========================================= */ @media (max-width: 1024px) { /* 1. FORZAR ANCHO DE LA BARRA LATERAL (Directo a la yugular) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-heading { width: 210px !important; /* Valor fijo */ min-width: 210px !important; /* Prohibido encogerse */ max-width: 210px !important; /* Prohibido crecer */ padding: 20px 0 !important; /* Menos aire arriba/abajo */ } /* 2. FORZAR ANCHO DEL CONTENIDO (El resto del espacio) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { width: calc(100% - 150px) !important; /* Matemáticas simples */ padding: 20px 20px !important; } /* 3. TÍTULOS DE PESTAÑAS (Look/Feel) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { font-size: 0.8rem !important; /* Letra tamaño 16px aprox */ padding: 25px !important; /* Casi sin padding lateral */ text-align: center !important; white-space: normal !important; /* Permitir que el texto baje de línea si es necesario */ line-height: 1.2 !important; } /* 4. AJUSTE DE LINKS INTERNOS */ .elementor-278 .elementor-element.elementor-element-ca7415e a.mega-link { font-size: 0.9rem !important; line-height: 1.7 !important; } .elementor-278 .elementor-element.elementor-element-ca7415e h4 { margin-bottom: 10px !important; font-size: 0.68rem !important; } /* 5. IMAGEN PEQUEÑA */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="background-image"] { min-height: 180px !important; } } /* ========================================= RESPONSIVE: MÓVIL (Celular) max-width: 767px - REESTRUCTURA TOTAL ========================================= */ @media (max-width: 767px) { /* 1. RESET DE ESTRUCTURA (Romper la fila) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs { flex-direction: column !important; height: auto !important; min-height: auto !important; } /* 2. BARRA DE PESTAÑAS (Ahora va arriba y ocupa todo el ancho) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-heading { width: 100% !important; min-width: 100% !important; max-width: 100% !important; flex-direction: row !important; border-right: none !important; border-bottom: 1px solid rgba(0,0,0,0.05); padding: 0 !important; } /* 3. BOTONES (Look / Feel) - Estilo Editorial & Estable */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { width: 50% !important; font-family: 'Prata', serif !important; font-size: 1rem !important; text-transform: none !important; letter-spacing: 0px !important; font-weight: 400 !important; padding: 15px 0 !important; text-align: center !important; display: flex; justify-content: center; align-items: center; background: transparent !important; color: #BBBBBB !important; border-bottom: 1px solid #F0F0F0 !important; border-left: none !important; margin: 0 !important; transition: all 0.3s ease !important; } /* Estado Activo en Móvil - SIN PADDING LEFT */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title[aria-selected="true"] { background: transparent !important; color: var(--dark) !important; font-weight: 400 !important; border-bottom: 2px solid var(--gold) !important; /* ✅ ESTO ES LO IMPORTANTE: Forzar padding-left a 0 */ padding-left: 0 !important; } /* ✅ TAMBIÉN FORZAR EN HOVER (por si acaso) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title:hover { padding-left: 0 !important; transform: none !important; /* Sin movimiento */ } /* 4. CONTENIDO (Ancho completo) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { width: 100% !important; padding: 20px 30px !important; border-top: none !important; } /* 5. ARREGLAR GRID INTERNO (De 2 columnas a 1 sola) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="display: grid"] { grid-template-columns: 1fr !important; gap: 20px !important; height: auto !important; } /* 6. OCULTAR IMAGEN (Ahorro de espacio vital) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="background-image"] { display: none !important; } /* 7. AJUSTES DE TEXTO */ .elementor-278 .elementor-element.elementor-element-ca7415e h4 { margin-top: 10px; } }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-ca7415e *//* ========================================= MEGA MENU LUXURY STYLE V2 (BICOLOR) ========================================= */ /* 1. CONTENEDOR PRINCIPAL */ .elementor-278 .elementor-element.elementor-element-ca7415e { --tab-width: 300px; --gold: #C0A062; --dark: #0F2822; --bg-sidebar: #F4F5F7; --bg-content: #FFFFFF; } /* Forzar que el fondo sea bicolor - MÁS COMPACTO */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs { background: var(--bg-content); min-height: 380px !important; /* ✅ Reducido de 450px a 380px */ box-shadow: 0 30px 60px rgba(0,0,0,0.08); border-top: 3px solid var(--gold); border-radius: 0 0 12px 12px; transition: none !important; } /* 2. BARRA LATERAL (PESTAÑAS) - MÁS COMPACTA */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-heading { width: var(--tab-width) !important; background-color: var(--bg-sidebar) !important; padding: 30px 0 !important; /* ✅ Reducido de 40px a 30px */ display: flex; flex-direction: column; gap: 0px; border-right: 1px solid rgba(0,0,0,0.05); } /* Estilo de los Botones (Tabs) - MÁS COMPACTOS */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { font-family: 'Prata', serif !important; font-size: 2rem !important; color: #888 !important; padding: 30px 30px !important; /* ✅ Reducido de 20px a 15px */ transition: all 0.4s ease !important; border-left: 4px solid transparent !important; background: transparent !important; } /* Hover y Activo */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title:hover, .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title[aria-selected="true"] { color: var(--dark) !important; background-color: #ffffff !important; border-left: 4px solid var(--gold) !important; padding-left: 50px !important; box-shadow: -10px 0 20px rgba(0,0,0,0.02); } /* 3. ÁREA DE CONTENIDO (DERECHA) - MÁS COMPACTA */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { width: calc(100% - var(--tab-width)) !important; padding: 35px 50px !important; /* ✅ Reducido de 50px 60px a 35px 50px */ background-color: var(--bg-content) !important; min-height: 380px !important; /* ✅ Igualado con el contenedor */ } /* ========================================= ESTILOS DE TUS LINKS (TIPOGRAFÍA) ========================================= */ /* Títulos de Grupo - MÁS COMPACTOS */ .elementor-278 .elementor-element.elementor-element-ca7415e h4 { font-family: 'Roboto', sans-serif; font-size: 0.8rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: var(--gold); margin-bottom: 18px !important; /* ✅ Reducido de 25px a 18px */ border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 8px !important; /* ✅ Reducido de 10px a 8px */ display: inline-block; } /* Links Normales - MÁS COMPACTOS */ .elementor-278 .elementor-element.elementor-element-ca7415e a.mega-link { font-family: 'Roboto', sans-serif; font-size: 1.rem; color: var(--dark); margin-bottom: 8px !important; /* ✅ Reducido de 12px a 8px */ display: block; transition: transform 0.3s; text-decoration: none; } .elementor-278 .elementor-element.elementor-element-ca7415e a.mega-link:hover { color: var(--gold); transform: translateX(8px); } /* ========================================= IMÁGENES - TAMAÑO FIJO UNIFORME ========================================= */ /* ✅ NUEVO: Forzar que todas las imágenes tengan el mismo tamaño */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="background-image"] { height: 310px !important; /* Altura fija para todas las imágenes */ min-height: 310px !important; max-height: 310px !important; border-radius: 12px !important; background-size: cover !important; background-position: center !important; } /* ========================================= ANIMACIÓN CINEMÁTICA DE CAMBIO DE TABS ========================================= */ @keyframes luxuryReveal { 0% { opacity: 0; transform: translateY(20px) scale(0.98); filter: blur(10px); } 100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } } .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content > .e-con, .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content > div { animation: luxuryReveal 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards; } .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { transition-duration: 0.5s !important; } /* ========================================= FIX: Evitar salto de altura en tabs ========================================= */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs { min-height: 380px !important; /* Ajusta según tu contenido */ transition: none !important; /* Sin animación de altura */ } .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { min-height: 380px !important; /* Altura mínima del contenido */ } /* ========================================= RESPONSIVE: TABLET (iPad) - FORZADO max-width: 1024px ========================================= */ @media (max-width: 1024px) { /* 1. FORZAR ANCHO DE LA BARRA LATERAL (Directo a la yugular) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-heading { width: 210px !important; /* Valor fijo */ min-width: 210px !important; /* Prohibido encogerse */ max-width: 210px !important; /* Prohibido crecer */ padding: 20px 0 !important; /* Menos aire arriba/abajo */ } /* 2. FORZAR ANCHO DEL CONTENIDO (El resto del espacio) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { width: calc(100% - 150px) !important; /* Matemáticas simples */ padding: 20px 20px !important; } /* 3. TÍTULOS DE PESTAÑAS (Look/Feel) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { font-size: 0.8rem !important; /* Letra tamaño 16px aprox */ padding: 25px !important; /* Casi sin padding lateral */ text-align: center !important; white-space: normal !important; /* Permitir que el texto baje de línea si es necesario */ line-height: 1.2 !important; } /* 4. AJUSTE DE LINKS INTERNOS */ .elementor-278 .elementor-element.elementor-element-ca7415e a.mega-link { font-size: 0.9rem !important; line-height: 1.7 !important; } .elementor-278 .elementor-element.elementor-element-ca7415e h4 { margin-bottom: 10px !important; font-size: 0.68rem !important; } /* 5. IMAGEN PEQUEÑA */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="background-image"] { min-height: 180px !important; } } /* ========================================= RESPONSIVE: MÓVIL (Celular) max-width: 767px - REESTRUCTURA TOTAL ========================================= */ @media (max-width: 767px) { /* 1. RESET DE ESTRUCTURA (Romper la fila) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs { flex-direction: column !important; height: auto !important; min-height: auto !important; } /* 2. BARRA DE PESTAÑAS (Ahora va arriba y ocupa todo el ancho) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-heading { width: 100% !important; min-width: 100% !important; max-width: 100% !important; flex-direction: row !important; border-right: none !important; border-bottom: 1px solid rgba(0,0,0,0.05); padding: 0 !important; } /* 3. BOTONES (Look / Feel) - Estilo Editorial & Estable */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title { width: 50% !important; font-family: 'Prata', serif !important; font-size: 1rem !important; text-transform: none !important; letter-spacing: 0px !important; font-weight: 400 !important; padding: 15px 0 !important; text-align: center !important; display: flex; justify-content: center; align-items: center; background: transparent !important; color: #BBBBBB !important; border-bottom: 1px solid #F0F0F0 !important; border-left: none !important; margin: 0 !important; transition: all 0.3s ease !important; } /* Estado Activo en Móvil - SIN PADDING LEFT */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title[aria-selected="true"] { background: transparent !important; color: var(--dark) !important; font-weight: 400 !important; border-bottom: 2px solid var(--gold) !important; /* ✅ ESTO ES LO IMPORTANTE: Forzar padding-left a 0 */ padding-left: 0 !important; } /* ✅ TAMBIÉN FORZAR EN HOVER (por si acaso) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tab-title:hover { padding-left: 0 !important; transform: none !important; /* Sin movimiento */ } /* 4. CONTENIDO (Ancho completo) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content { width: 100% !important; padding: 20px 30px !important; border-top: none !important; } /* 5. ARREGLAR GRID INTERNO (De 2 columnas a 1 sola) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="display: grid"] { grid-template-columns: 1fr !important; gap: 20px !important; height: auto !important; } /* 6. OCULTAR IMAGEN (Ahorro de espacio vital) */ .elementor-278 .elementor-element.elementor-element-ca7415e .e-n-tabs-content div[style*="background-image"] { display: none !important; } /* 7. AJUSTES DE TEXTO */ .elementor-278 .elementor-element.elementor-element-ca7415e h4 { margin-top: 10px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-19fbc92 *//* ========================================= CORRECCIÓN: ALINEACIÓN DEL ICONO ========================================= */ .elementor-278 .elementor-element.elementor-element-19fbc92 .e-n-menu-dropdown-icon, .elementor-278 .elementor-element.elementor-element-19fbc92 .e-n-menu-item-dropdown-icon, .elementor-278 .elementor-element.elementor-element-19fbc92 svg.e-n-menu-icon { /* Lo subimos la mitad del padding que agregamos (3px aprox) */ transform: translateY(-3px) !important; }/* End custom CSS */