/*
Theme Name: Landmark Profits
Description: Tema hijo para Landmark Profits basado en Enfold.
Template: enfold
Version: 1.0
Author: Dani Toranzo
*/

/* ==========================================================================
   1. VARIABLES DE MARCA
   ========================================================================== */
:root {
    --kubs-black: #000000;
    --kubs-white: #ffffff;
    --kubs-grey-light: #f8f8f8;
    --kubs-grey-medium: #888888;
    --kubs-font: Helvetica, Arial, sans-serif;
    --kubs-spacing: 80px;
	--kubs-radius: 20px;
	--kubs-transition: 0.3s ease;
}

/* ==========================================================================
   2. TIPOGRAFÍA BASE
   ========================================================================== */

/* Fuente general del body */
body, p, .template-page .entry-content-wrapper p {
    font-family: var(--kubs-font) !important;
    color: var(--kubs-black) !important;
    -webkit-font-smoothing: antialiased;
    line-height: 1.7;
}

/* Todos los títulos en Helvetica Light (peso 300) */
h1, h2, h3, h4, h5, h6,
.main-title, .widgettitle, .entry-title, .page-title, .post-title,
.av-special-heading, .portfolio-title, .grid-entry-title,
#top .av-special-heading h1,
#top .av-special-heading h2,
#top .av-special-heading h3,
#top .av-special-heading h4,
#top .av-special-heading h5,
#top .av-special-heading h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    line-height: 1.1 !important;
    margin-bottom: 30px !important;
}

/* Tipografía de metadatos */
.kubs-meta {
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: var(--kubs-grey-medium);
    margin-bottom: 15px;
}

/* Forzar negro en acordeones */
#top .kubs-accordion .toggle_content,
#top .kubs-accordion .toggle_content p,
#top .kubs-accordion .toggle_content span {
    color: var(--kubs-black) !important;
    font-size: 15px !important;
}

/* Caption del slider - Fondo blanco y menos padding */
.avia-caption .avia-caption-content p, .avia-caption .avia-caption-title, .caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title {
    background: var(--kubs-white) !important;
 	margin: 0!important;
    padding: 0px 5px!important;
	border-radius: 20px !important;
}
/* ==========================================================================
   HEADER Y LOGO - CÓDIGO LIMPIO (SIN DUPLICADOS)
   ========================================================================== */


/* ========== BURGER MENU - LÍNEAS FINAS CON ANIMACIÓN CORRECTA ========== */

/* Líneas del burger */
#top .av-hamburger-inner,
#top .av-hamburger-inner::before,
#top .av-hamburger-inner::after {
    height: 1px !important;
    background-color: var(--kubs-black) !important;
    transition: all 0.3s ease !important;
}

/* Separación en estado normal */
#top .av-hamburger-inner::before {
    top: -8px !important;
}

#top .av-hamburger-inner::after {
    top: 8px !important;
}

/* Animación cuando se abre (forma la X) */
#top .av-hamburger.is-active .av-hamburger-inner {
    background-color: transparent !important; /* La línea del medio desaparece */
}

#top .av-hamburger.is-active .av-hamburger-inner::before {
    top: 0 !important; /* Vuelve al centro */
    transform: rotate(45deg) !important; /* Rota 45 grados */
}

#top .av-hamburger.is-active .av-hamburger-inner::after {
    top: 0 !important; /* Vuelve al centro */
    transform: rotate(-45deg) !important; /* Rota -45 grados */
}

/* Header con sombra sutil */
#header_main {
    border-bottom: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

/* Menú navegación */
.av-main-nav > li > a {
    color: #000000 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
}

.avia-menu-indicator {
    display: none !important;
}

/* Quitar icono de búsqueda */
#top .main_menu .menu-item-search-dropdown,
#top #menu-item-search {
    display: none !important;
}

/* ========== LOGO - DESKTOP ========== */

/* Altura fija del header */
#header_main .container {
    height: 70px !important;
}

/* Contenedor del logo - selectores ultra específicos */
#top #wrap_all #header #header_main .container .inner-container .logo {
    height: 70px !important;
    display: flex !important;
    align-items: center !important;
}

/* Enlace del logo con padding */
#top #wrap_all #header #header_main .container .inner-container .logo a {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    padding: 10px 0 !important;
    box-sizing: border-box !important;
}

/* Imagen del logo - tamaño fijo */
#top #wrap_all #header #header_main .container .inner-container .logo img {
    max-height: 50px !important;
    height: 50px !important;
    width: auto !important;
}

/* Header reducido al hacer scroll */
.header-scrolled #header_main .container {
    height: 60px !important;
}

.header-scrolled #top #wrap_all #header #header_main .container .inner-container .logo {
    height: 60px !important;
}

.header-scrolled #top #wrap_all #header #header_main .container .inner-container .logo a {
    padding: 8px 0 !important;
}

.header-scrolled #top #wrap_all #header #header_main .container .inner-container .logo img {
    max-height: 44px !important;
    height: 44px !important;
}

/* ========== RESPONSIVE - TABLETS Y MOBILE ========== */

@media only screen and (max-width: 989px) {
    /* Altura del header en responsive */
    #header_main .container {
        height: 70px !important;
    }
    
    /* FORZAR VISIBILIDAD - Selectores ultra específicos */
    .responsive #top #wrap_all #header .logo,
    .responsive #top #wrap_all #header .logo a,
    .responsive #top #wrap_all #header .logo img,
    #top.responsive #wrap_all #header .logo,
    #top.responsive #wrap_all #header .logo a,
    #top.responsive #wrap_all #header .logo img,
    body.responsive #top #wrap_all #header .logo,
    body.responsive #top #wrap_all #header .logo a,
    body.responsive #top #wrap_all #header .logo img {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
        clip: auto !important;
        clip-path: none !important;
    }
    
    /* Contenedor del logo */
    .responsive #top #wrap_all #header .logo,
    body.responsive #top #wrap_all #header .logo {
        height: 70px !important;
        align-items: center !important;
        width: auto !important;
    }
    
    /* Enlace del logo */
    .responsive #top #wrap_all #header .logo a,
    body.responsive #top #wrap_all #header .logo a {
        height: 100% !important;
        padding: 10px 0 !important;
        box-sizing: border-box !important;
        align-items: center !important;
        width: auto !important;
    }
    
    /* Imagen del logo */
    .responsive #top #wrap_all #header .logo img,
    body.responsive #top #wrap_all #header .logo img {
        max-height: 50px !important;
        height: 50px !important;
        width: auto !important;
        display: block !important;
    }
}

/* ========== FORZAR LOGO CUANDO APARECE EL BURGER MENU ========== */

/* Cuando el menú burger está activo */
@media only screen and (max-width: 989px) {
    /* Logo visible siempre, incluso con burger menu */
    .responsive.html_mobile_menu_tablet #top #wrap_all #header .logo,
    .responsive.html_mobile_menu_tablet #top #wrap_all #header .logo a,
    .responsive.html_mobile_menu_tablet #top #wrap_all #header .logo img,
    body.responsive.html_mobile_menu_tablet #top #wrap_all #header .logo,
    body.responsive.html_mobile_menu_tablet #top #wrap_all #header .logo a,
    body.responsive.html_mobile_menu_tablet #top #wrap_all #header .logo img {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* En mobile con burger */
    .responsive.html_burger_menu_active #top #wrap_all #header .logo,
    .responsive.html_burger_menu_active #top #wrap_all #header .logo a,
    .responsive.html_burger_menu_active #top #wrap_all #header .logo img {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* ========== FIX ESPECÍFICO PARA LOGO SVG EN RESPONSIVE ========== */

@media only screen and (max-width: 989px) {
    /* Logo SVG visible siempre */
    .responsive #top #wrap_all #header .logo.avia-svg-logo,
    body.responsive #top #wrap_all #header .logo.avia-svg-logo {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: 70px !important;
        align-items: center !important;
        width: auto !important;
    }
    
    .responsive #top #wrap_all #header .logo.avia-svg-logo a,
    body.responsive #top #wrap_all #header .logo.avia-svg-logo a {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: 100% !important;
        padding: 10px 0 !important;
        box-sizing: border-box !important;
    }
    
    .responsive #top #wrap_all #header .logo.avia-svg-logo svg,
    body.responsive #top #wrap_all #header .logo.avia-svg-logo svg {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-height: 50px !important;
        height: 50px !important;
        width: auto !important;
    }
    
    /* Forzar cuando el menú burger está activo */
    .responsive.html_mobile_menu_tablet .logo.avia-svg-logo,
    .responsive.html_mobile_menu_tablet .logo.avia-svg-logo a,
    .responsive.html_mobile_menu_tablet .logo.avia-svg-logo svg {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* ========== FIX PADDING IZQUIERDO DEL LOGO EN RESPONSIVE ========== */

@media only screen and (max-width: 989px) {
    /* Forzar el contenedor inner-container sin padding extra */
    .responsive #top #header_main .container .inner-container {
        justify-content: flex-start !important;
    }
    
    /* Logo sin margin/padding extra a la izquierda */
    .responsive #top #wrap_all #header .logo.avia-svg-logo {
        margin-left: 0 !important;
        padding-left: 0 !important;
        margin-right: auto !important;
    }
}
/* ==========================================================================
   4. BOTONES INDUSTRIALES
   ========================================================================== */
.avia-button {
    border-radius: var(--kubs-radius) !important;
    border: 2px solid var(--kubs-black) !important;
    background: transparent !important;
    color: var(--kubs-black) !important;
    padding: 20px 40px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2em !important;
    transition: all var(--kubs-transition) !important;
}

.avia-button:hover {
    background: var(--kubs-black) !important;
    color: var(--kubs-white) !important;
}

/* ==========================================================================
   5. PORTFOLIO GRID - ESTILO LIMPIO
   ========================================================================== */

/* Títulos del portfolio en negro puro */
#top .grid-entry-title, 
#top .grid-entry-title .grid-text-block,
#top .grid-entry-title span,
#top .grid-entry-title div {
    color: var(--kubs-black) !important;
    text-align: left !important;
}

/* Estilo del titular (H2) */
#top .grid-entry-title {
    text-transform: uppercase !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    margin-bottom: 8px !important;
}

/* Bloque de descripción */
#top .grid-entry-title .grid-text-block {
    display: block !important;
    text-transform: none !important;
    font-weight: 400 !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    margin-top: 5px !important;
}

/* Eliminar bordes y sombras del grid */
#top .grid-entry, 
#top .grid-content, 
#top .grid-entry-border, 
#top .main_color .grid-content,
#top .inner-entry {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Eliminar flecha y overlay */
.grid-content .avia-arrow, 
.image-overlay {
    display: none !important;
}

/* Imágenes sin bordes ni radios */
.grid-image img {
    border-radius: 0 !important;
    border: none !important;
    aspect-ratio: 3 / 2 !important;
    object-fit: cover !important;
}

/* Espaciado del portfolio grid */
#top .portfolio-pro .avia-content-slider-inner {
    margin-left: -20px !important;
    margin-right: -20px !important;
}

#top .portfolio-pro .grid-entry {
    padding-left: 0 !important;
    padding-right: 20px !important;
    padding-bottom: 50px !important;
    box-sizing: border-box !important;
}

/* Eliminar por completo las flechas laterales de navegación de entradas */
.avia-post-nav {
    display: none !important;
}

/* Eliminar rastro de interactividad y efecto blanco */
.columna-ancha .avia-gallery-thumb a {
    cursor: default !important; /* Quita la mano de clic y pone el puntero normal */
    pointer-events: none !important; /* Desactiva el clic por completo */
}

.columna-ancha .avia-gallery-thumb img:hover {
    opacity: 1 !important; /* Evita que se aclare al pasar el ratón */
    filter: none !important;
}

.columna-ancha .image-overlay {
    display: none !important; /* Elimina el icono y la capa superior */
}

/* ==========================================================================
   6. SECCIONES Y GRID GENERAL
   ========================================================================== */
.avia-section {
		padding: var(--kubs-spacing) 0px !important;
    border: none !important;
}

.av-masonry-entry {
    background-color: var(--kubs-white) !important;
}

.template-page .content {
    padding-bottom: 0 !important;
}

/* Video backgrounds centrados */
.avia-section .av-section-video-bg iframe, 
.avia-section .av-section-video-bg video {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    min-width: 100% !important;
    min-height: 100% !important;
}

/* Video iframes sin fondo negro */
#top .avia-video, 
#top .avia-video iframe, 
#top .avia-video video,
#top .avia-iframe-wrap {
    background-color: transparent !important;
    background: transparent !important;
}

/* Video vertical ajustado */
.video-vertical-ajustado {
    max-width: 320px !important;
    margin: 0 auto !important;
    float: none !important;
    display: block !important;
}

/* VIDEO HOME - Eliminar fondo negro y bordes */
.page-id-280 .av-section-video-bg .avia-slideshow,
.page-id-280 .av-section-video-bg .avia-slideshow-inner,
.page-id-280 .av-section-video-bg .avia-slideshow-slide,
.page-id-280 .av-section-video-bg .avia-slide-wrap {
    background-color: transparent !important;
    background: transparent !important;
}

/* MediaElement player sin fondo */
.page-id-280 .mejs-container,
.page-id-280 .mejs-inner,
.page-id-280 .mejs-mediaelement,
.page-id-280 .mejs-layers {
    background-color: transparent !important;
    background: transparent !important;
}

/* Video sin bordes redondeados */
.page-id-280 .av-section-video-bg video,
.page-id-280 .mejs-container video {
    border-radius: 0 !important;
    background: transparent !important;
}

/* Asegurar que el contenedor principal sea transparente */
.page-id-280 .av-section-video-bg {
    background: transparent !important;
}
/* Forzar transparencia con aceleración GPU */
.page-id-280 .avia-slideshow-inner {
    background-color: transparent !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
/* ==========================================================================
   7. SWIPER LANDMARK
   ========================================================================== */
.swiper-landmark {
    max-width: 95% !important;
    margin: 0 auto !important;
    padding: 20px 0 !important;
	min-height: 570px !important;
}

#top .swiper-landmark .slide-entry {
    border-radius: 25px !important;
    min-height: 100% !important;
	min-width:23% !important;
    margin: 0 1% !important;
    overflow: hidden !important;
    background-color: #f5f5f5 !important;
    position: relative !important; 
}

.card-info {
    position: absolute !important;
    top: 25px !important;
    left: 25px !important;
    right: 25px !important;
    z-index: 50 !important;
    text-align: left !important;
}

.card-title {
    color: var(--kubs-black) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    display: block !important;
	padding-left: 25px !important;
	
}

.card-text {
    color: #000000 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    display: block !important;
	padding-left: 25px !important;
	margin-top: 4px !important;
	text-transform: none !important;
	max-width: 80% !important;
	
}
/* Propiedades comunes de los slides */
#top .swiper-landmark .slide-entry,
#top .swiper-landmark .slide-entry a {
    background-size: cover !important;
    background-position: center !important;
    display: block !important;
    min-height: 580px !important;
}

/* Imagen slide 1 */
#top .swiper-landmark .slide-entry:nth-child(1),
#top .swiper-landmark .slide-entry:nth-child(1) a {
    background-image: url('/wp-content/uploads/2025/12/KUBS_IA_07112025-40-e1762929414213.webp') !important;
}

/* Imagen slide 2 */
#top .swiper-landmark .slide-entry:nth-child(2),
#top .swiper-landmark .slide-entry:nth-child(2) a {
    background-image: url('/wp-content/uploads/2025/12/home_02.webp') !important;
}

/* Imagen slide 3 */
#top .swiper-landmark .slide-entry:nth-child(3),
#top .swiper-landmark .slide-entry:nth-child(3) a {
    background-image: url('/wp-content/uploads/2025/12/KUBS_IA_28092025-8-e1762929875601.webp') !important;
}

/* Imagen slide 4 */
#top .swiper-landmark .slide-entry:nth-child(4),
#top .swiper-landmark .slide-entry:nth-child(4) a {
    background-image: url('/wp-content/uploads/2025/12/home_04.webp') !important;
}

/* ==========================================================================
   8. ACORDEÓN ESTILO KUBS
   ========================================================================== */

/* Fondo transparente total */
#top .kubs-accordion, 
#top .kubs-accordion .av_toggle_section,
#top .kubs-accordion .toggler,
#top .kubs-accordion .toggle_wrap,
#top .kubs-accordion .toggle_content {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
}

/* Línea inferior negra del título */
#top .kubs-accordion .toggler {
    border-bottom: 1px solid var(--kubs-black) !important;
    color: var(--kubs-black) !important;
    padding: 35px 0 !important;
    padding-right: 40px !important;
    font-size: 22px !important;
    letter-spacing: 0.02em !important;
    transition: border-color var(--kubs-transition) !important;
}

/* Cuando está abierto, la línea desaparece */
#top .kubs-accordion .activeTitle.toggler {
    border-bottom-color: transparent !important;
}

/* Contenido del acordeón */
#top .kubs-accordion .toggle_content,
#top .kubs-accordion .toggle_content p {
    font-size: 22px !important;
    line-height: 1.2 !important;
    max-width: 1350px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
}

/* Eliminar fondo blanco del desplegable */
#top .kubs-accordion .active_tc {
    background-color: transparent !important;
}

/* Icono del acordeón - Cruz arquitectónica */
#top .kubs-accordion .toggle_icon {
    width: 24px !important;
    height: 24px !important;
    border: none !important;
    background: transparent !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: auto !important;
    right: 0 !important;
}

/* Palos de la cruz */
#top .kubs-accordion .toggle_icon .hor_icon, 
#top .kubs-accordion .toggle_icon .vert_icon {
    background-color: var(--kubs-black) !important;
    border: none !important;
    position: absolute !important;
    transition: all 0.3s ease-in-out !important;
}

/* Palo horizontal */
#top .kubs-accordion .toggle_icon .hor_icon {
    width: 100% !important;
    height: 1px !important;
    top: 50% !important;
    left: 0 !important;
    margin-top: 0 !important;
}

/* Palo vertical */
#top .kubs-accordion .toggle_icon .vert_icon {
    width: 1px !important;
    height: 100% !important;
    left: 50% !important;
    top: 0 !important;
    margin-left: 0 !important;
}

/* Fade out del palo vertical al abrir */
#top .kubs-accordion .activeTitle .toggle_icon .vert_icon {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* ==========================================================================
   9. LOGO FOOTER (Estilo Kubshouse)
   ========================================================================== */
.logo-footer-full-width {
    text-align: center;
    padding: 80px 40px 60px;
    background: #ffffff;
    width: 100%;
    margin: 0;
}

.logo-footer-full-width img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* ==========================================================================
   10. FECHA BLOG COLUMNA IZQ
   ========================================================================== */
.fecha-personalizada {
    color: var(--kubs-black) !important;
    font-size: 10px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    
}
/* ==========================================================================
   11. Galería de imágenes
   ========================================================================== */
/* Eliminar el borde blanco y la línea gris de las galerías de Enfold */
#top .gallery .gallery-item img, 
#top .gallery .gallery-item {
    border-color: var(--kubs-white) !important;

    background-color: transparent !important;
    box-shadow: none !important;
}

/* Eliminar específicamente la línea gris de fondo o borde del contenedor */
#top .gallery-item {
    border-color: white !important;
}

/* Si usas el elemento "Masonry Gallery" o "Gallery" de Enfold */
.av-styling-no-styling .av-inner-masonry-content,
.avia-gallery-thumb img {
    border-color: white !important;

    background: transparent !important;
}
/* 1. Eliminar el círculo con el icono (+ o flecha) */
.image-overlay {
    display: none !important;
    opacity: 0 !important;
}

/* 2. Evitar que la imagen cambie de opacidad o brille */
.avia-gallery-thumb img:hover, 
.avia-gallery-thumb a:hover img {
    opacity: 1 !important;
    filter: none !important;
}

/* 3. Desactivar cualquier animación de transformación (si la hubiera) */
.avia-gallery-thumb img {
    transform: none !important;
    transition: none !important;
}



/* ==========================================================================
   12. Easy slider casas
   ========================================================================== */
/* 1. CONFIGURACIÓN DE COLUMNAS (Efecto 15% - 70% - 15%) */
.flex_column.av_one_fifth {
    width: 10% !important; /* Márgenes laterales más anchos */
}

.flex_column.columna-ancha {
    width: 80% !important; /* Centro más contenido para que respire */
    margin-left: 0 !important;
}

/* 2. EL SLIDER (Más alto y estable) */
.slider-central-pro {
    width: 100% !important;
    height: 75vh !important; /* Más alto: 75% del alto de la pantalla */
    max-height: 75vh !important;
    min-height: 550px !important; /* Asegura que no se vea pequeño en portátiles */
    overflow: hidden !important;
    margin: 0 auto !important;
}

.slider-central-pro .avia-slideshow-inner, 
.slider-central-pro .avia-slideshow-inner li,
.slider-central-pro .avia-slideshow-inner img {
    height: 75vh !important;
    min-height: 550px !important;
    object-fit: cover !important; /* Mantiene la imagen sin deformar */
}




/* 3. RESET DE ESPACIOS EN ENFOLD */
.av-child-has-padding {
    padding: 0 !important;
}

/* 4. Quitar borders del cuadrado */
#top .av-control-minimal .avia-slideshow-arrows a.avia-svg-icon {
	border: none;

}





/* ==========================================================================
   13. Sección 1/5 3/5 1/5 con dos imágenes en el centro
========================================================================== */

/* 1. Forzar que la columna central permita elementos en paralelo */
.seccion-doble-imagen .columna-ancha {
    width: 70% !important;
    display: block !important;
}

/* 2. Forzar a los contenedores de imagen a medir el 48% y flotar */
.seccion-doble-imagen .columna-ancha .avia-image-container {
    width: 48% !important;
    float: left !important;
    clear: none !important;
    margin-left: 4% !important;
    display: inline-block !important;
}

/* 3. La primera imagen pegada a la izquierda */
.seccion-doble-imagen .columna-ancha .avia-image-container:first-of-type {
    margin-left: 0 !important;
    clear: both !important;
}

/* 4. Altura fija y evitar que el siguiente contenido se monte encima */
.seccion-doble-imagen .columna-ancha .avia-image-container img {
    height: 550px !important;
    object-fit: cover !important;
    width: 100% !important;
}

/* 5. Limpiador para que lo que venga debajo de las fotos no suba */
.seccion-doble-imagen .columna-ancha::after {
    content: "";
    display: table !important;
    clear: both !important;
}

/* 4. El responsive de la seccin */

@media only screen and (max-width: 767px) {
    .seccion-doble-imagen .columna-ancha .avia-image-container {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 20px !important;
    }
}

/* ==========================================================================
   14. RESPONSIVE
   ========================================================================== */

@media (max-width: 1400px) {
    .logo-footer-full-width {
        padding: 60px 40px 40px;
    }
}

@media (max-width: 989px) {
    #top .portfolio-pro .avia-content-slider-inner {
        margin-left: -15px;
        margin-right: -15px;
    }

    #top .portfolio-pro .grid-entry {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 40px;
    }
}

@media (max-width: 768px) {
    #top .portfolio-pro .avia-content-slider-inner {
        margin-left: -10px;
        margin-right: -10px;
    }

    #top .portfolio-pro .grid-entry {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 30px;
    }
   
	#top .swiper-landmark .slide-entry {
   
	min-width:100% !important;
	margin: 30px auto !important;
    padding: 25px 10px !important;
	max-height:150px !important;
}
	
	.imagen-mobile-cuadrada{
		min-height:50vh !important;
	}
	
	.logo-footer-full-width {
	display:none;
	}
	
	/* ==========================================================================
   15. Ajustes espaciado mobile RESPONSIVE
   ========================================================================== */
	

:root{
--kubs-spacing:40px;
}

.avia-section{
padding:var(--kubs-spacing) 0 !important;
}

	.flex_column{
width:100% !important;
margin-bottom:30px !important;
}
	
	.avia-image-container img{
height:auto !important;
max-width:100%;
}

	
	.grid-image-cell{
background-size:cover !important;
background-position:center !important;
min-height:260px;
}
	
	.swiper-landmark{
min-height:auto !important;
}
	
	.av-layout-grid-container{
padding-left:0 !important;
padding-right:0 !important;
}
	
	.flex_column,
.av_one_half,
.av_one_third,
.av_two_third,
.av_one_fourth,
.av_three_fourth,
.av_one_fifth,
.av_two_fifth,
.av_three_fifth,
.av_four_fifth{
width:100% !important;
margin-left:0 !important;
}
	
.av-layout-row{
margin-bottom:40px !important;
}

.av-element-spacing{
margin:0 !important;
}	
	
.av-layout-grid-container{
height:auto !important;
min-height:0 !important;
}	

.seccion-doble-imagen img{
height:auto !important;
}

	/* --- AJUSTE MULTIMEDIA MÓVIL CON MÁRGENES LATERALES 
	 * Se puede poner el ID en la sección de color o en el slider directamente. Se puede probar con otros elementos multimedia pero en algunos no funciona.--- */

    
    /* 1. Contenedor principal con margen lateral (90% de ancho) */
    #bloque-movil-fijo .container {
        height: 350px !important;
        min-height: 350px !important;
        max-height: 350px !important;
        padding: 0 !important;
        margin: 0 auto !important; /* Centrado horizontal */
        width: 85% !important;      /* El margen que querías */
        max-width: 85% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        left: 0 !important;
        overflow: hidden !important;
        border-radius: 8px !important; /* Opcional: un toque redondeado queda muy bien con márgenes */
    }

    /* 2. Forzamos la Sección de Color a ser flexible en altura */
    #bloque-movil-fijo {
        height: auto !important;
        min-height: 350px !important;
        padding: 0 !important; /* Un poco de aire arriba y abajo */
    }

    /* 3. Anulamos el sistema de proporciones de Enfold */
    #bloque-movil-fijo .avia-slideshow,
    #bloque-movil-fijo .avia-slideshow-inner,
    #bloque-movil-fijo .avia-slideshow-inner li,
    #bloque-movil-fijo .avia-gallery-slider,
    #bloque-movil-fijo .avia-slide-wrap {
        height: 350px !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    /* 4. La imagen rellena el 100% de ese contenedor de 90% */
    #bloque-movil-fijo img {
        height: 350px !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }

    /* 5. Limpieza de columnas internas */
    #bloque-movil-fijo .flex_column {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

	
	
	
	
	
	
 /* ==========================================================================
   16. fila de grilla LMP
   ========================================================================== */

  .grid-image-cell {
    aspect-ratio: 4 / 5;
	max-width:90vh;
  }

}

/* ==========================================================================
   20. QUICK CSS MIGRADO DESDE ENFOLD
   ========================================================================== */

/* Este bloque contiene el Quick CSS del panel de Enfold.
   Se ha movido aquí para centralizar todo el CSS del proyecto.
   Mantener siempre al final del archivo. */

/* ==========================================================================
   20. QUICK CSS MIGRADO DESDE ENFOLD
   ========================================================================== */

/* POST SLIDER / CONTENT SLIDER - Layout fecha > imagen > título */

#top .avia-content-slider .slide-entry {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    padding-top: 40px !important;
    overflow: visible !important;
}

#top .avia-content-slider .pro-date-layer {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 30px !important;

    color: var(--kubs-black) !important;
    background-color: var(--kubs-white) !important;
    font-weight: 800 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    line-height: 30px !important;
    text-align: center !important;
    z-index: 10 !important;
}

#top .avia-content-slider .slide-image {
    order: 1 !important;
    margin: 0 0 15px 0 !important;
}

#top .avia-content-slider .slide-image img {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
}

#top .avia-content-slider .slide-content {
    order: 2 !important;
}

#top .avia-content-slider .slide-entry-title {
    font-weight: 400 !important;
    font-size: 1.2em !important;
    line-height: 1.2 !important;
    margin: 5px 0 0 0 !important;
}

#top .avia-content-slider .entry-footer,
#top .avia-content-slider .av-structured-data {
    display: none !important;
}

#top .avia-content-slider .blog-categories {
    display: block !important;
    visibility: visible !important;
    margin: 10px 0 !important;
}

#top .avia-content-slider .blog-categories a {
    background: #f2f2f2 !important;
    color: #333 !important;
    padding: 3px 10px !important;
    font-size: 10px !important;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 3px;
    text-decoration: none !important;
}

/* Footer compacto */

#footer .widget,
#footer .flex_column,
#footer .widgettitle {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#footer,
#footer p,
#footer a,
#footer li,
#footer span,
#footer .widgettitle {
    font-size: 10px !important;
    line-height: 1.2em !important;
    margin-top: 0 !important;
    margin-bottom: 2px !important;
    padding: 0 !important;
    text-decoration: none !important;
}

#footer ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#footer li {
    line-height: 1.2em !important;
    margin-bottom: 2px !important;
    padding: 0 !important;
}

#footer .textwidget p,
#footer .widget p {
    margin: 0 0 2px 0 !important;
}


/* =====================================================
ENFOLD BUILDER DEBUG
Mostrar estructura del layout
BORRAR DESPUÉS Ahora no se aplica nada, porque el <body> no tiene la clase debug.

Si algún día quieres volver a activar el debug:

Abre DevTools.

Selecciona <body>.

Añade la clase:
===================================================== */

/* Secciones */
.debug .avia-section{
background:rgba(255,0,0,0.05) !important;
outline:2px solid red !important;
}

/* Layout rows */
.debug.av-layout-row{
background:rgba(0,0,255,0.05) !important;
outline:2px solid blue !important;
}

/* Columnas */
.debug.flex_column{
background:rgba(0,255,0,0.05) !important;
outline:2px solid green !important;
}

/* Image containers */
.debug.avia-image-container{
background:rgba(255,165,0,0.1) !important;
outline:2px solid orange !important;
}

/* Text blocks */
.debug.avia_textblock{
background:rgba(255,255,0,0.1) !important;
outline:2px solid yellow !important;
}

/* Spacer elements (MUY IMPORTANTES) */
.debug.hr,
.debug.hr-invisible{
background:rgba(255,0,255,0.2) !important;
outline:2px dashed magenta !important;
}

/* Elementos vacíos */
.debug.flex_column:empty{
background:red !important;
min-height:40px;
}


/* --- NAVEGACIÓN ENFOLD: FIX DE MÁRGENES --- */

.contenedor-nav-enfold {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    
    /* Forzamos el bloque a limpiar cualquier elemento flotante previo */
    clear: both !important;
    float: none !important;
    
    /* Combinamos margen y padding para asegurar los 50px */
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    padding-top: 20px !important; 
    padding-bottom: 20px !important;
    
    /* Separación entre flechas y texto */
    gap: 60px !important; 
    width: 100% !important;
    font-family: inherit !important;
}

/* Flechas Enfold (Negro puro) */
.nav-enfold-arrow::before {
    font-family: 'entypo-fontello' !important;
    color: #000000 !important;
    font-size: 35px !important;
    font-weight: normal !important;
    display: inline-block;
    line-height: 1 !important;
}

.nav-prev::before { content: '\e878' !important; }
.nav-next::before { content: '\e879' !important; }

/* Texto Central (Casas / News) */
.nav-enfold-text {
    font-size: 18px !important;
    color: #000000 !important;
    text-decoration: none !important;
    letter-spacing: 1px !important;
    font-weight: 400 !important;
    text-transform: none !important;
}

/* --- AJUSTE MÓVIL (iPhone) --- */
@media only screen and (max-width: 768px) {
    .contenedor-nav-enfold {
        /* En móvil mantenemos el aire pero ajustamos el gap para que no se salga */
        margin-top: 40px !important;
        margin-bottom: 40px !important;
        gap: 30px !important; 
    }
    .nav-enfold-arrow::before {
        font-size: 28px !important;
    }
    .nav-enfold-text {
        font-size: 16px !important;
    }
}