/*
Theme Name: UiCore Pro Child
Theme URI: https://uicore.co
Description: One framework for all your website needs.
Author: UiCore
Author URI: https://uicore.co
Template: uicore-pro
Version: 1.0.2
Text Domain: uicore-pro
*/

/* ========================================================
   BOAT EDITORIAL DESIGN SYSTEM - CLEAN & HIGH-CONTRAST
   ======================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&family=Inter:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

:root {
    --boat-text-bright: #09090B !important;
    --boat-text-primary: #18181B !important;
    --boat-text-body: #27272A !important;
    --boat-text-secondary: #3F3F46 !important;
    --boat-text-subtle: #71717A !important;
    --boat-dark: #09090B !important;
    --boat-surface: #FFFFFF !important;
    --boat-surface-alt: #F8F8F6 !important;
    --boat-surface-deep: #F4F4F5 !important;
    --boat-border: #E4E4E7 !important;
    --boat-accent: #FFE500 !important;
    --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    --uicore-palette-bg: #FFFFFF !important;
}

html, body {
    overflow-x: hidden !important;
}

/* ========================================================
   1. REMOVE PERMANENT VERTICAL GRID LINES
   ======================================================== */
#uicore-page::before,
#uicore-page:before,
.uicore-grid,
.uicore-page-grid {
    display: none !important;
    content: none !important;
    background: none !important;
    border: none !important;
}

/* ========================================================
   1.1. GRAIN OVERLAY EFFECT (NOISE TEXTURE)
   ======================================================== */
body:before,
body::before {
    content: "" !important;
    display: block !important;
    background-image: url('https://dev20.agenciawolf.net/wp-content/plugins/uicore-framework/assets/img/noise.webp') !important;
    opacity: 0.55 !important;
    background-repeat: repeat !important;
    background-size: 257px auto !important;
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    pointer-events: none !important;
    z-index: 99999998 !important;
}

.boat-glow-animated,
.boat-glow-animated-2,
.boat-glow-animated-3,
.boat-glow-animated-4,
.boat-glow-animated-5 {
    background-color: transparent !important;
    background: transparent !important;
}

.boat-glow-animated::before,
.boat-glow-animated::after,
.boat-glow-animated-2::before,
.boat-glow-animated-2::after,
.boat-glow-animated-3::before,
.boat-glow-animated-3::after,
.boat-glow-animated-4::before,
.boat-glow-animated-4::after,
.boat-glow-animated-5::before,
.boat-glow-animated-5::after {
    display: none !important;
    content: none !important;
    animation: none !important;
}

/* Remove gradient overlays from containers */
.elementor .boat-grid-bg,
.boat-grid-bg {
    background-image: none !important;
}

/* ========================================================
   2. TOP CLEARANCE / HERO SPACING (ALL PAGES)
   ======================================================== */
div[data-elementor-type="wp-page"] > .e-con:first-of-type,
div[data-elementor-type="wp-page"] > section:first-of-type,
.elementor > .e-con:first-of-type,
.elementor > section:first-of-type,
.elementor-64 > .e-con:nth-of-type(1),
.elementor-145 > .e-con:nth-of-type(1),
.elementor-146 > .e-con:nth-of-type(1),
.elementor-147 > .e-con:nth-of-type(1),
.elementor-148 > .e-con:nth-of-type(1),
.elementor-149 > .e-con:nth-of-type(1),
.elementor-150 > .e-con:nth-of-type(1),
.elementor-480 > .e-con:nth-of-type(1),
.elementor .boat-hero-section,
.elementor .boat-cases-hero,
.elementor .boat-mirada-hero {
    padding-block-start: clamp(100px, 9vw, 125px) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 767px) {
    div[data-elementor-type="wp-page"] > .e-con:first-of-type,
    div[data-elementor-type="wp-page"] > section:first-of-type,
    .elementor > .e-con:first-of-type,
    .elementor > section:first-of-type,
    .elementor-64 > .e-con:nth-of-type(1),
    .elementor-145 > .e-con:nth-of-type(1),
    .elementor-146 > .e-con:nth-of-type(1),
    .elementor-147 > .e-con:nth-of-type(1),
    .elementor-148 > .e-con:nth-of-type(1),
    .elementor-149 > .e-con:nth-of-type(1),
    .elementor-150 > .e-con:nth-of-type(1),
    .elementor-480 > .e-con:nth-of-type(1),
    .elementor .boat-hero-section,
    .elementor .boat-cases-hero,
    .elementor .boat-mirada-hero {
        padding-block-start: 110px !important;
    }

    /* Header & Navbar Top Spacing (Mobile Only) */
    #wrapper-navbar {
        --uicore-header--logo-padding: 8px !important;
    }
    #wrapper-navbar .uicore-branding,
    .uicore-navigation-wrapper .uicore-branding {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    /* Hero Spacing & Gap Adjustment (Mobile Only - Home) */
    div[data-elementor-type="wp-page"].elementor-64 > .e-con:first-of-type,
    .elementor-64 > .e-con:nth-of-type(1),
    body.home .boat-hero-section {
        padding-block-start: 72px !important;
        padding-top: 72px !important;
    }
    body.home .boat-hero-section .e-1ad87497-1d5b,
    .elementor-64 [data-id="36324328"],
    body.home .boat-hero-section [data-id="36324328"] {
        padding-block-start: 0px !important;
        padding-top: 0px !important;
        gap: 18px !important;
        row-gap: 18px !important;
    }
    .elementor-64 h1[data-id="9d64dec"],
    .elementor-64 .e-6fad1838-9eda,
    body.home .boat-hero-section h1 {
        margin-bottom: 10px !important;
    }
    .elementor-64 [data-id="6b767cb5"],
    .elementor-64 .e-6b5ef011-44ea,
    body.home .boat-hero-section p {
        margin-bottom: 14px !important;
    }

    /* Hero & Section titles: 100% width on mobile only */
    .elementor-64 h1[data-id="9d64dec"],
    .elementor-64 .e-6fad1838-9eda,
    .elementor-64 [data-id="53a8ecf5"],
    .elementor-64 .e-6fad255-e4cb,
    .elementor-64 [data-id="53a8ecf5"] h2,
    div[data-elementor-type="wp-page"] > .e-con:first-of-type h1,
    div[data-elementor-type="wp-page"] > .e-con:first-of-type h2,
    div[data-elementor-type="wp-page"] > section:first-of-type h1,
    div[data-elementor-type="wp-page"] > section:first-of-type h2,
    .boat-hero-section h1,
    .boat-hero-section h2,
    .boat-cases-hero h1,
    .boat-cases-hero h2,
    .boat-mirada-hero h1,
    .boat-mirada-hero h2 {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Home Section "Decisiones reales. Contextos reales." - Stack 3 cards vertically on mobile */
    .elementor-64 [data-id="41405d2c"],
    .elementor-64 .e-11a888be-71b3 {
        flex-direction: column !important;
        gap: 20px !important;
    }
    .elementor-64 [data-id="41405d2c"] > .e-con,
    .elementor-64 [data-id="2022696b"],
    .elementor-64 [data-id="3c26f341"],
    .elementor-64 [data-id="7ce13514"] {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Casos Feed (Post 147) - Full width case blocks on mobile only */
    .elementor-147 [data-id="4a86bd82"],
    .elementor-147 .boat-cases-feed {
        padding-inline: 16px !important;
    }
    .elementor-147 [data-id="3ba0954c"],
    .elementor-147 [data-id="6550a4e3"],
    .elementor-147 [data-id="2ad91304"],
    .elementor-147 [data-id="4896d07c"],
    .elementor-147 .e-collection-loop-layout-base {
        padding-inline: 0 !important;
        margin-inline: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: 1fr !important;
    }
    .elementor-147 [data-id="162mlep"],
    .elementor-147 [data-id="4896d07c"] .e-con:first-child {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 24px 18px !important;
        margin-inline: 0 !important;
    }
    .elementor-147 [data-id="1r1z00u"] {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }
    .elementor-147 [data-id="0nxpyzz"],
    .elementor-147 [data-id="001dfo2"],
    .elementor-147 [data-id="1q15kml"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding: 20px 18px !important;
    }
    .elementor-147 [data-id="03gljhw"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Prefooter "Decide Better." logo size on mobile */
    .elementor-130 [data-id="c0b6a3a"],
    .elementor-130 [data-id="c0b6a3a"].elementor-widget-image,
    .elementor-130 [data-id="c0b6a3a"] .elementor-widget-container,
    [data-elementor-id="130"] [data-id="c0b6a3a"],
    [data-elementor-id="130"] [data-id="c0b6a3a"] .elementor-widget-container {
        width: 260px !important;
        max-width: 85% !important;
    }
    .elementor-130 [data-id="c0b6a3a"] img,
    [data-elementor-id="130"] [data-id="c0b6a3a"] img {
        width: 100% !important;
        max-width: 260px !important;
        height: auto !important;
    }
}

/* ========================================================
   3. HEADER & NAVBAR
   ======================================================== */
#wrapper-navbar,
.uicore-header-wrapper,
.uicore-header-wrapper nav,
.uicore-header-wrapper .uicore-container {
    height: auto !important;
    min-height: 0 !important;
}

#wrapper-navbar {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(228, 228, 231, 0.8) !important;
    --uicore-header--logo-padding: 8px !important;
}

#wrapper-navbar .uicore-branding {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    height: auto !important;
}

#wrapper-navbar .uicore-logo {
    max-height: var(--uicore-header--logo-h, 39px) !important;
    height: var(--uicore-header--logo-h, 39px) !important;
    width: auto !important;
}

.uicore-nav-menu,
.uicore-nav-menu .uicore-nav,
.uicore-nav-menu .uicore-menu-container,
.uicore-nav-menu .uicore-menu,
.uicore-nav-menu .uicore-menu > .menu-item {
    height: auto !important;
}

.uicore-nav-menu .uicore-nav .uicore-menu > .menu-item > a,
#wrapper-navbar .uicore-menu li a {
    color: #18181B !important;
    font-family: var(--font-body) !important;
    font-weight: 500 !important;
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
    height: auto !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: color 0.2s ease !important;
}

.uicore-header-wrapper nav.uicore-container {
    display: flex !important;
    align-items: center !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.uicore-extra {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}

#wrapper-navbar .uicore-menu li a:hover,
#wrapper-navbar .uicore-menu li.current_page_item a {
    color: #09090B !important;
    font-weight: 600 !important;
}

#wrapper-navbar .uicore-cta-wrapper .uicore-btn {
    background-color: #18181B !important;
    color: #FFFFFF !important;
    border-radius: 9999px !important;
    padding: 8px 22px !important;
    font-family: var(--font-body) !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    border: 1px solid #18181B !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

#wrapper-navbar .uicore-cta-wrapper .uicore-btn:hover {
    background-color: #FFE500 !important;
    color: #09090B !important;
    border-color: #FFE500 !important;
    transform: translateY(-1px) !important;
}

/* ========================================================
   3.1. HOME HEADER OVERLAY & STYLING (EXCLUSIVELY HOME)
   ======================================================== */
body.home #wrapper-navbar {
    background-color: transparent !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    --uicore-header--menu-typo-c: #FFFFFF !important;
    --uicore-header--menu-typo-ch: #FFE500 !important;
}

/* Header Logo Swapping: White logo on Home, Black logo on all other pages */
body.home #wrapper-navbar .uicore-main {
    display: none !important;
    opacity: 0 !important;
}
body.home #wrapper-navbar .uicore-second {
    display: inline-block !important;
    opacity: 1 !important;
    position: relative !important;
}

body:not(.home) #wrapper-navbar .uicore-second {
    display: none !important;
    opacity: 0 !important;
}
body:not(.home) #wrapper-navbar .uicore-main {
    display: inline-block !important;
    opacity: 1 !important;
    position: relative !important;
}

body #wrapper-navbar .uicore-branding img,
body #wrapper-navbar .uicore-logo {
    filter: none !important;
}

/* Home Header Menu: Crisp white typography */
body.home .uicore-nav-menu .uicore-nav .uicore-menu > .menu-item > a,
body.home #wrapper-navbar .uicore-menu li a {
    color: #FFFFFF !important;
}

body.home #wrapper-navbar .uicore-menu li a:hover,
body.home #wrapper-navbar .uicore-menu li.current_page_item a {
    color: #FFE500 !important;
}

/* Home Header CTA: Boat Yellow Button */
body.home #wrapper-navbar .uicore-extra a,
body.home #wrapper-navbar .uicore-cta-wrapper .uicore-btn,
body.home #wrapper-navbar .uicore-btn,
body.home #wrapper-navbar .uicore-btn.uicore-inverted {
    background-color: #FFE500 !important;
    background: #FFE500 !important;
    color: #09090B !important;
    border: 1px solid #FFE500 !important;
    font-weight: 600 !important;
    border-radius: 9999px !important;
    transition: all 0.2s ease !important;
}

body.home #wrapper-navbar .uicore-extra a:hover,
body.home #wrapper-navbar .uicore-cta-wrapper .uicore-btn:hover,
body.home #wrapper-navbar .uicore-btn:hover {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    color: #09090B !important;
    border-color: #FFFFFF !important;
    transform: translateY(-1px) !important;
}

/* Home Mobile Hamburger Bars: White */
body.home .uicore-ham .bar,
body.home #wrapper-navbar .uicore-ham .bar,
body.home .uicore-navigation-wrapper .uicore-ham .bar,
body.home .uicore-navigation-wrapper span.bar {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
}

body.home .uicore-ham-default .bar:nth-child(2)::before {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
}

/* Hamburger menu icon in header and mobile drawer */
#wrapper-navbar {
    --uicore-header--menu-typo-c: #000000 !important;
    --uicore-header--menu-typo-ch: #000000 !important;
}

.uicore-ham,
#wrapper-navbar .uicore-ham,
.uicore-navigation-wrapper .uicore-ham,
#mini-nav .uicore-ham {
    color: #000000 !important;
}

body .uicore-ham .bar,
.uicore-ham .bar,
#wrapper-navbar .uicore-ham .bar,
.uicore-navigation-wrapper .uicore-ham .bar,
.uicore-navigation-wrapper span.bar {
    background-color: #000000 !important;
    background: #000000 !important;
}

body .uicore-ham-default .bar:nth-child(2)::before,
.uicore-ham-default .bar:nth-child(2)::before {
    background-color: #000000 !important;
    background: #000000 !important;
}

/* ========================================================
   4. TYPOGRAPHY: PLUS JAKARTA SANS + INTER
   ======================================================== */
h1, h2, h3, h4, h5, h6,
.e-heading-base,
.e-default-h1, .e-default-h2, .e-default-h3, .e-default-h4, .e-default-h5, .e-default-h6 {
    font-family: var(--font-heading) !important;
}

p, li, a, label, input, textarea,
.e-paragraph-base, .e-default-p {
    font-family: var(--font-body) !important;
}

/* ========================================================
   5. LIGHT EDITORIAL SECTION BACKGROUNDS (ALL PAGES)
   ======================================================== */
html,
body,
#uicore-page,
.uicore-body-content,
#content,
.uicore-content,
#primary,
.content-area,
main,
main.entry-content,
main.site-main,
article,
article.page,
article.type-page,
article.post,
article.type-post,
.elementor {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
}

/* Global section background classes */
.elementor .boat-hero-section,
.elementor .boat-cases-hero,
.elementor .boat-cases-feed,
.elementor .boat-mirada-hero {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    background-image: none !important;
}

/* PAGE 64: INICIO - HERO BACKGROUND (ONLY HOME) */
body.home .boat-hero-section,
div[data-elementor-type="wp-page"].elementor-64 > .e-con:first-of-type,
.elementor-64 > .e-con:nth-of-type(1) {
    background-image: linear-gradient(to right, rgba(12, 12, 14, 0.72) 0%, rgba(12, 12, 14, 0.4) 45%, rgba(12, 12, 14, 0) 80%), url('https://dev20.agenciawolf.net/wp-content/uploads/2026/10/boat-hero-bg.jpg') !important;
    background-position: center right !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-color: #111111 !important;
    position: relative !important;
}

.boat-noise-overlay {
    background: transparent !important;
}

/* Decide Better logo in Hero: Uses official decide-better-blanco.svg with genuine yellow dot */
.elementor-64 > .e-con:nth-of-type(1) [data-id="648f025"] img,
body.home .boat-hero-section [data-id="648f025"] img {
    filter: none !important;
}

/* Hero Headings and Paragraph: High contrast white and zinc (Only Home) */
.elementor-64 > .e-con:nth-of-type(1) h1,
body.home .boat-hero-section h1 {
    color: #FFFFFF !important;
    text-shadow: 0 2px 24px rgba(0, 0, 0, 0.5) !important;
}

.elementor-64 > .e-con:nth-of-type(1) p,
body.home .boat-hero-section p {
    color: #E4E4E7 !important;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.4) !important;
}

/* Hero Secondary Button: Frosted glass on dark background (Only Home) */
.elementor-64 [data-id="6f05cb1b"] a:not(.boat-btn-primary),
body.home .boat-hero-section a:not(.boat-btn-primary).e-button-base {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.45) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.elementor-64 [data-id="6f05cb1b"] a:not(.boat-btn-primary):hover,
body.home .boat-hero-section a:not(.boat-btn-primary).e-button-base:hover {
    background-color: #FFFFFF !important;
    color: #09090B !important;
    border-color: #FFFFFF !important;
}
.elementor-64 > .e-con:nth-of-type(2) { background-color: #F8F8F6 !important; background-image: none !important; border-top: 1px solid #E4E4E7 !important; }
.elementor-64 > .e-con:nth-of-type(3) { background-color: #FFFFFF !important; background-image: none !important; }
.elementor-64 > .e-con:nth-of-type(4) { background-color: #F8F8F6 !important; background-image: none !important; border-top: 1px solid #E4E4E7 !important; }
.elementor-64 > .e-con:nth-of-type(5) { background-color: #FFFFFF !important; background-image: none !important; }
.elementor-64 > .e-con:nth-of-type(6) { background-color: #F8F8F6 !important; background-image: none !important; border-top: 1px solid #E4E4E7 !important; }
.elementor-64 > .e-con:nth-of-type(7) { background-color: #FFFFFF !important; background-image: none !important; }
.elementor-64 > .e-con:nth-of-type(8) { background-color: #09090B !important; } /* Closing CTA */

/* PAGE 145: CÓMO TRABAJAMOS */
.elementor-145 > .e-con:nth-of-type(1) { background-color: #FFFFFF !important; background-image: none !important; }
.elementor-145 > .e-con:nth-of-type(2) { background-color: #F8F8F6 !important; background-image: none !important; border-top: 1px solid #E4E4E7 !important; }
.elementor-145 > .e-con:nth-of-type(3) { background-color: #FFFFFF !important; background-image: none !important; }
.elementor-145 > .e-con:nth-of-type(4) { background-color: #09090B !important; } /* Closing CTA */

/* PAGE 146: CAPACIDADES */
.elementor-146 > .e-con:nth-of-type(1) { background-color: #FFFFFF !important; background-image: none !important; }
.elementor-146 > .e-con:nth-of-type(2) { background-color: #F8F8F6 !important; background-image: none !important; border-top: 1px solid #E4E4E7 !important; }
.elementor-146 > .e-con:nth-of-type(3) { background-color: #09090B !important; } /* Closing CTA */

/* PAGE 147: CASOS */
.elementor-147 > .e-con:nth-of-type(1) { background-color: #FFFFFF !important; background-image: none !important; }
.elementor-147 > .e-con:nth-of-type(2) { background-color: #F8F8F6 !important; background-image: none !important; border-top: 1px solid #E4E4E7 !important; }
.elementor-147 > .e-con:nth-of-type(3) { background-color: #FFFFFF !important; background-image: none !important; }
.elementor-147 > .e-con:nth-of-type(4) { background-color: #F8F8F6 !important; background-image: none !important; border-top: 1px solid #E4E4E7 !important; }
.elementor-147 > .e-con:nth-of-type(5) { background-color: #FFFFFF !important; background-image: none !important; }
.elementor-147 > .e-con:nth-of-type(6) { background-color: #09090B !important; } /* Closing CTA */

/* PAGE 148: MIRADA BOAT */
.elementor-148 > .e-con:nth-of-type(1) { background-color: #FFFFFF !important; background-image: none !important; }
.elementor-148 > .e-con:nth-of-type(2) { background-color: #F8F8F6 !important; background-image: none !important; border: none !important; }
.elementor-148 > .e-con:nth-of-type(3) { background-color: #FFFFFF !important; background-image: none !important; }
.elementor-148 > .e-con:nth-of-type(4) { background-color: #09090B !important; } /* Closing CTA */

/* PAGE 149: NOSOTROS */
.elementor-149 > .e-con:nth-of-type(1) { background-color: #FFFFFF !important; background-image: none !important; }
.elementor-149 > .e-con:nth-of-type(2) { background-color: #F8F8F6 !important; background-image: none !important; border-top: 1px solid #E4E4E7 !important; }
.elementor-149 > .e-con:nth-of-type(3) { background-color: #FFFFFF !important; background-image: none !important; }
.elementor-149 > .e-con:nth-of-type(4) { background-color: #F8F8F6 !important; background-image: none !important; border-top: 1px solid #E4E4E7 !important; }
.elementor-149 > .e-con:nth-of-type(5) { background-color: #09090B !important; } /* Closing CTA */

/* PAGE 150: CONTACTO */
.elementor-150,
.elementor-150 > .e-con {
    background-color: #F8F8F6 !important;
    background-image: none !important;
}

/* ========================================================
   6. TEXT CONTRAST ON LIGHT SECTIONS
   ======================================================== */
/* Headings on light sections */
.elementor-64 > .e-con:not(:nth-of-type(1)):not(:nth-of-type(8)) h1,
.elementor-64 > .e-con:not(:nth-of-type(1)):not(:nth-of-type(8)) h2,
.elementor-64 > .e-con:not(:nth-of-type(1)):not(:nth-of-type(8)) h3,
.elementor-145 > .e-con:not(:nth-of-type(4)) h1,
.elementor-145 > .e-con:not(:nth-of-type(4)) h2,
.elementor-145 > .e-con:not(:nth-of-type(4)) h3,
.elementor-146 > .e-con:not(:nth-of-type(3)) h1,
.elementor-146 > .e-con:not(:nth-of-type(3)) h2,
.elementor-146 > .e-con:not(:nth-of-type(3)) h3,
.elementor-147 > .e-con:not(:nth-of-type(6)) h1,
.elementor-147 > .e-con:not(:nth-of-type(6)) h2,
.elementor-147 > .e-con:not(:nth-of-type(6)) h3,
.elementor-147 > .e-con:not(:nth-of-type(6)) h4,
.elementor-148 > .e-con:not(:nth-of-type(4)) h1,
.elementor-148 > .e-con:not(:nth-of-type(4)) h2,
.elementor-148 > .e-con:not(:nth-of-type(4)) h3,
.elementor-148 > .e-con:not(:nth-of-type(4)) h4,
.elementor-148 > .e-con:not(:nth-of-type(4)) h5,
.elementor-148 > .e-con:not(:nth-of-type(4)) h3 a,
.elementor-148 > .e-con:not(:nth-of-type(4)) h4 a,
.elementor-148 > .e-con:not(:nth-of-type(4)) h5 a,
.elementor-149 > .e-con:not(:nth-of-type(5)) h1,
.elementor-149 > .e-con:not(:nth-of-type(5)) h2,
.elementor-149 > .e-con:not(:nth-of-type(5)) h3,
.elementor-150 h1,
.elementor-150 h2,
.elementor-150 h3 {
    color: #09090B !important;
}

/* Paragraphs & lead text on light sections */
.elementor-64 > .e-con:not(:nth-of-type(1)):not(:nth-of-type(8)) p,
.elementor-145 > .e-con:not(:nth-of-type(4)) p,
.elementor-146 > .e-con:not(:nth-of-type(3)) p,
.elementor-147 > .e-con:not(:nth-of-type(6)) p,
.elementor-148 > .e-con:not(:nth-of-type(4)) p,
.elementor-149 > .e-con:not(:nth-of-type(5)) p,
.elementor-150 p:not(.elementor-130 p) {
    color: #27272A !important;
    line-height: 1.65 !important;
}

/* Eyebrows, categories & subtitles on light sections */
.elementor .uicore-eyebrow,
.elementor .boat-signal-label,
.uicore-eyebrow,
.boat-signal-label,
[data-id="43896270"],
[data-id="12554457"],
[data-id="5bb89240"] {
    color: #52525B !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

/* ========================================================
   7. CARDS & CHIPS (EDITORIAL LIGHT STYLING)
   ======================================================== */
/* ========================================================
   HOME: TENSION SECTION (SPLIT 2-COLUMN EDITORIAL LAYOUT)
   ======================================================== */
.elementor-64 [data-id="7f06c2c0"],
.elementor-64 .boat-grid-bg.e-216b004f-de20 {
    background-color: #F8F8F6 !important;
    background-image: none !important;
    border-top: 1px solid #E4E4E7 !important;
    padding-block-start: 120px !important;
    padding-block-end: 120px !important;
    padding-inline-start: 24px !important;
    padding-inline-end: 24px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Inner 2-column Grid Container */
.elementor-64 [data-id="751791f0"],
.elementor-64 [data-id="7f06c2c0"] > .e-con {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 56px !important;
    row-gap: 24px !important;
    align-items: start !important;
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* 1. Full-Width Headline at Top (2 clean lines) */
.elementor-64 [data-id="53a8ecf5"],
.elementor-64 [data-id="53a8ecf5"] h2 {
    grid-column: 1 / 3 !important;
    grid-row: 1 / 2 !important;
    font-family: var(--font-heading) !important;
    font-weight: 800 !important;
    font-size: clamp(2.15rem, 3.4vw, 2.85rem) !important;
    color: #09090B !important;
    letter-spacing: -0.025em !important;
    line-height: 1.18 !important;
    max-width: 880px !important;
    margin: 0 0 12px 0 !important;
}

/* 2. Left Column: Chips / Tags */
.elementor-64 [data-id="52d9c838"],
.elementor-64 [data-id="7f06c2c0"] .e-4d2d9e2a-39a5 {
    grid-column: 1 / 2 !important;
    grid-row: 2 / 3 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-64 [data-id="52d9c838"] p,
.elementor-64 [data-id="52d9c838"] .e-paragraph-base {
    font-family: var(--font-body) !important;
    font-size: 0.875rem !important;
    color: #18181B !important;
    font-weight: 500 !important;
    padding: 6px 16px !important;
    border-radius: 6px !important;
    border: 1px solid #E4E4E7 !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* 3. Left Column: Lead paragraph */
.elementor-64 [data-id="2b9c51cf"],
.elementor-64 [data-id="2b9c51cf"] p {
    grid-column: 1 / 2 !important;
    grid-row: 3 / 4 !important;
    font-family: var(--font-body) !important;
    font-size: 1.15rem !important;
    color: #52525B !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

/* 4. Right Column: Resolution Card (Spans Rows 2 & 3) */
.elementor-64 [data-id="6a0ee833"],
.elementor-64 .boat-accent-card,
.elementor-64 .e-50da314d-e181 {
    grid-column: 2 / 3 !important;
    grid-row: 2 / 4 !important;
    align-self: stretch !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    border: 1px solid #E4E4E7 !important;
    border-left: 4px solid #FFE500 !important;
    border-radius: 16px !important;
    padding: 38px 40px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.03) !important;
    margin: 0 !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    box-sizing: border-box !important;
}

.elementor-64 [data-id="6a0ee833"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.06) !important;
}

.elementor-64 [data-id="72ca3873"],
.elementor-64 [data-id="6a0ee833"] p {
    font-family: var(--font-body) !important;
    font-size: 1.1rem !important;
    color: #18181B !important;
    line-height: 1.7 !important;
    margin: 0 !important;
}

/* Responsive: Collapse on Tablets & Mobile */
@media (max-width: 900px) {
    .elementor-64 [data-id="7f06c2c0"],
    .elementor-64 .boat-grid-bg.e-216b004f-de20 {
        padding-block-start: 70px !important;
        padding-block-end: 70px !important;
        padding-inline-start: 20px !important;
        padding-inline-end: 20px !important;
    }
    
    .elementor-64 [data-id="751791f0"],
    .elementor-64 [data-id="7f06c2c0"] > .e-con {
        grid-template-columns: 1fr !important;
        column-gap: 0 !important;
        row-gap: 20px !important;
    }
    
    .elementor-64 [data-id="53a8ecf5"],
    .elementor-64 [data-id="53a8ecf5"] h2 {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .elementor-64 [data-id="52d9c838"],
    .elementor-64 [data-id="2b9c51cf"],
    .elementor-64 [data-id="6a0ee833"] {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }
    
    .elementor-64 [data-id="6a0ee833"],
    .elementor-64 .boat-accent-card {
        padding: 28px 22px !important;
        margin-top: 8px !important;
    }
}

/* Como trabajamos: question section (section 1) */
.elementor-145 [data-id="1348bbaf"],
.elementor-145 .e-d3d0584-1920 {
    background-color: #F8F8F6 !important;
}

.elementor-145 [data-id="1348bbaf"] h2 {
    color: #09090B !important;
}

.elementor-145 [data-id="1348bbaf"] p {
    color: #27272A !important;
}

.elementor-145 [data-id="1348bbaf"] .e-con:has(> p):last-child,
.elementor-145 [data-id="1348bbaf"] [data-id="4756540d"] {
    background-color: #FFFFFF !important;
    border-left: 3px solid #FFE500 !important;
    border-radius: 0 8px 8px 0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

.elementor-145 [data-id="1348bbaf"] [data-id="4756540d"] p {
    color: #09090B !important;
}

/* Casos: Case cards in feed_section */
.elementor-147 .e-fcfbbd5-c9fb,
.elementor-147 [data-id="312ee38"],
.elementor-147 [data-id="4a86bd82"] .e-con:has(> [data-id="2e2eb1ac"]) {
    background-color: #FFFFFF !important;
    border: 1px solid #E4E4E7 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04) !important;
}

.elementor-147 .e-31241133-c47a,
.elementor-147 [data-id="2e2eb1ac"],
.elementor-147 [data-id="2e2eb1ac"] h2,
.elementor-147 [data-id="2e2eb1ac"] h3 {
    color: #09090B !important;
}

/* Casos: 3 sub-cards (Contexto, Evidencia, Decisión) */
.elementor-147 .e-53e9ea13-1b94,
.elementor-147 .e-5594f591-4cd9,
.elementor-147 .e-74b90631-981c,
.elementor-147 [data-id="59ecb0a7"],
.elementor-147 [data-id="6a1ff885"],
.elementor-147 [data-id="460a14b8"] {
    background-color: #F8F8F6 !important;
    border: 1px solid #E4E4E7 !important;
    border-radius: 10px !important;
}

.elementor-147 [data-id="59ecb0a7"] p,
.elementor-147 [data-id="6a1ff885"] p,
.elementor-147 [data-id="460a14b8"] p {
    color: #27272A !important;
}

.elementor-147 [data-id="59ecb0a7"] [data-id="27681c99"],
.elementor-147 [data-id="6a1ff885"] [data-id="27681c99"],
.elementor-147 [data-id="460a14b8"] [data-id="27681c99"] {
    color: #09090B !important;
    font-weight: 700 !important;
}

/* Casos: Takeaway callout box */
.elementor-147 .e-28e10b6f-eb74,
.elementor-147 [data-id="fc9303f"],
.elementor-147 .boat-accent-card {
    background-color: #F8F8F6 !important;
    border-left: 3px solid #FFE500 !important;
    border-radius: 0 8px 8px 0 !important;
    padding: 16px 20px !important;
}

.elementor-147 [data-id="fc9303f"] p {
    color: #09090B !important;
    font-weight: 600 !important;
}

/* Generic cards */
.elementor .boat-dark-card,
.boat-dark-card {
    background-color: #FFFFFF !important;
    border: 1px solid #E4E4E7 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

/* Chips / Tags (Datos, Estudios, Métricas...) */
.elementor .boat-chip-dark,
.boat-chip-dark,
[data-id="65c56f0d"], [data-id="28b6c87d"], [data-id="1de0c96f"], [data-id="7330dcd1"], [data-id="3da6b82a"] {
    background-color: #F4F4F5 !important;
    border: 1px solid #E4E4E7 !important;
    color: #18181B !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
}

/* Regional pills in Casos & Nosotros */
[data-id="11c57102"] .e-con,
[data-id="41dec204"] .e-con {
    background-color: #F8F8F6 !important;
    border: 1px solid #E4E4E7 !important;
    border-radius: 9999px !important;
}

[data-id="11c57102"] p,
[data-id="41dec204"] p {
    color: #27272A !important;
}

/* Testimonial cards in Casos */
[data-id="655c16f8"] .e-con > .e-con {
    background-color: #FFFFFF !important;
    border: 1px solid #E4E4E7 !important;
    border-radius: 12px !important;
    padding: 32px !important;
}

/* Nosotros: Criterio section callout & text */
.elementor-149 [data-id="6e0751c4"] {
    background-color: #F8F8F6 !important;
}

.elementor-149 [data-id="6e0751c4"] h2 {
    color: #09090B !important;
}

.elementor-149 [data-id="6e0751c4"] p {
    color: #27272A !important;
}

.elementor-149 [data-id="6e0751c4"] .e-con > .e-con:last-child {
    background-color: #FFFFFF !important;
    border-left: 3px solid #FFE500 !important;
    border-radius: 0 8px 8px 0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
}

.elementor-149 [data-id="6e0751c4"] .e-con > .e-con:last-child p {
    color: #09090B !important;
}

/* ========================================================
   7. PAGE 148: MIRADA BOAT
   ======================================================== */
/* Hero Section */
.elementor-148 .boat-mirada-hero,
.elementor-148 [data-id="4591b120"] {
    background-color: #FFFFFF !important;
    background-image: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-block-start: clamp(145px, 14vw, 175px) !important;
    padding-block-end: 64px !important;
    padding-inline: max(24px, calc((100% - 1200px) / 2)) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
}

.elementor-148 .boat-signal-label,
.elementor-148 [data-id="74c06ef7"] {
    color: #71717A !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    margin: 0 0 16px 0 !important;
}

.elementor-148 .display-title,
.elementor-148 [data-id="3eee82ff"],
.elementor-148 [data-id="3eee82ff"] h1 {
    color: #09090B !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800 !important;
    font-size: clamp(2.5rem, 5vw, 3.5rem) !important;
    letter-spacing: -0.03em !important;
    line-height: 1.12 !important;
    margin: 0 0 20px 0 !important;
    max-width: 900px !important;
}

.elementor-148 .lead-editorial,
.elementor-148 [data-id="71042335"],
.elementor-148 [data-id="71042335"] p {
    color: #52525B !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.25rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    max-width: 720px !important;
}

/* Editorial Main Section */
.elementor-148 .boat-editorial-main,
.elementor-148 [data-id="2f9caa1"],
.elementor-148 > .e-con:nth-of-type(2) {
    background-color: #F8F8F6 !important;
    background-image: none !important;
    border: none !important;
    padding: 90px 24px 100px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.elementor-148 .boat-editorial-title,
.elementor-148 [data-id="124f567a"],
.elementor-148 [data-id="124f567a"] h2 {
    color: #09090B !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800 !important;
    font-size: clamp(2rem, 3.5vw, 2.75rem) !important;
    letter-spacing: -0.02em !important;
    margin: 0 0 12px 0 !important;
    max-width: 1200px !important;
    width: 100% !important;
    line-height: 1.15 !important;
}

/* Decide Better Official Logo in Headings */
.elementor-148 .boat-editorial-title > span:first-of-type,
.elementor-148 [data-id="124f567a"] > span:first-of-type,
.elementor-64 [data-id="629cff47"] > span:first-of-type,
.elementor-64 .boat-editorial-card h3 > span:first-of-type,
.elementor-480 [data-id="61971ee7"] > span:first-of-type,
.elementor-480 .boat-mirada-hero h1 span.boat-decide-better,
.elementor-480 .boat-mirada-hero h1 > span:first-of-type {
    display: inline-block !important;
    background-image: url('https://dev20.agenciawolf.net/wp-content/uploads/2026/10/decide-better-negro.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    height: 1.05em !important;
    width: 7.5em !important;
    vertical-align: -0.16em !important;
    color: transparent !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    margin-right: 0.15em !important;
}

.elementor-148 .boat-editorial-sub,
.elementor-148 [data-id="769e319c"],
.elementor-148 [data-id="769e319c"] p {
    color: #52525B !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;
    line-height: 1.5 !important;
    margin: 0 0 48px 0 !important;
    max-width: 1200px !important;
    width: 100% !important;
}

/* Two Cards Grid */
.elementor-148 .boat-editorial-split,
.elementor-148 [data-id="743ef0ba"] {
    display: flex !important;
    flex-direction: row !important;
    gap: 32px !important;
    align-items: stretch !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 900px) {
    .elementor-148 .boat-editorial-split,
    .elementor-148 [data-id="743ef0ba"] {
        flex-direction: column !important;
    }
}

/* Featured Issue Card */
.elementor-148 .boat-featured-issue,
.elementor-148 [data-id="15d8f7b7"],
.elementor-148 .e-8500f4e {
    flex: 1.15 1 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    background-color: #FFFFFF !important;
    border: 1px solid #E4E4E7 !important;
    border-left: 4px solid #FFE500 !important;
    border-radius: 16px !important;
    padding: 44px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
}

.elementor-148 .boat-featured-badge,
.elementor-148 [data-id="1db30c5"],
.elementor-148 [data-id="1db30c5"] span {
    display: inline-block !important;
    width: fit-content !important;
    background-color: #FFE500 !important;
    color: #09090B !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    padding: 6px 14px !important;
    border-radius: 9999px !important;
    line-height: 1 !important;
    margin: 0 0 20px 0 !important;
}

.elementor-148 .boat-featured-title,
.elementor-148 [data-id="3b4eed48"],
.elementor-148 [data-id="3b4eed48"] h3,
.elementor-148 [data-id="3b4eed48"] a,
.elementor-148 [data-id="15d8f7b7"] h3,
.elementor-148 [data-id="15d8f7b7"] h3 a {
    color: #09090B !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.75rem !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    text-decoration: none !important;
    display: block !important;
    margin: 0 0 16px 0 !important;
    transition: color 0.2s ease !important;
}

.elementor-148 .boat-featured-title a:hover,
.elementor-148 [data-id="3b4eed48"] a:hover {
    color: #52525B !important;
}

.elementor-148 .boat-featured-desc,
.elementor-148 [data-id="46151930"],
.elementor-148 [data-id="46151930"] p,
.elementor-148 [data-id="15d8f7b7"] p {
    color: #52525B !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    margin: 0 0 32px 0 !important;
}

.elementor-148 .boat-btn-featured,
.elementor-148 [data-id="1ca29872"],
.elementor-148 [data-id="1ca29872"] a,
.elementor-148 [data-id="1ca29872"] .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    background-color: #FFE500 !important;
    color: #09090B !important;
    font-family: 'Inter', sans-serif !important;
    border-radius: 9999px !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    padding: 14px 28px !important;
    text-decoration: none !important;
    border: none !important;
    transition: transform 0.2s ease, background-color 0.2s ease !important;
}

.elementor-148 .boat-btn-featured span,
.elementor-148 [data-id="1ca29872"] span {
    margin: 0 0.35em !important;
    display: inline !important;
}

.elementor-148 .boat-btn-featured:hover,
.elementor-148 [data-id="1ca29872"]:hover,
.elementor-148 [data-id="1ca29872"] a:hover {
    background-color: #FCD34D !important;
    transform: translateY(-1px) !important;
}

/* Archive Issues Card */
.elementor-148 .boat-archive-issues,
.elementor-148 [data-id="76fc742"],
.elementor-148 .e-eb7668c {
    flex: 0.85 1 0 !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    background-color: #FFFFFF !important;
    border: 1px solid #E4E4E7 !important;
    border-radius: 16px !important;
    padding: 44px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
}

.elementor-148 .boat-archive-header,
.elementor-148 [data-id="6355ec34"],
.elementor-148 [data-id="6355ec34"] h4,
.elementor-148 [data-id="76fc742"] h4 {
    color: #09090B !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    letter-spacing: -0.01em !important;
    margin: 0 0 20px 0 !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #F4F4F5 !important;
    width: 100% !important;
}

.elementor-148 .boat-archive-item,
.elementor-148 [data-id="72728d56"],
.elementor-148 [data-id="2792063f"],
.elementor-148 .e-d8d0170 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
    padding-bottom: 18px !important;
    margin-bottom: 18px !important;
    border-bottom: 1px solid #F4F4F5 !important;
    box-sizing: border-box !important;
}

.elementor-148 [data-id="2792063f"] {
    border-bottom: none !important;
    margin-bottom: 16px !important;
    padding-bottom: 0 !important;
}

.elementor-148 .boat-archive-item-title,
.elementor-148 [data-id="7436a317"] a,
.elementor-148 [data-id="2b6ee26f"] a,
.elementor-148 [data-id="7436a317"] h5,
.elementor-148 [data-id="2b6ee26f"] h5,
.elementor-148 [data-id="76fc742"] h5,
.elementor-148 [data-id="76fc742"] h5 a {
    color: #09090B !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 1.05rem !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    display: block !important;
    margin: 0 !important;
    transition: color 0.2s ease !important;
}

.elementor-148 .boat-archive-item-title a:hover,
.elementor-148 [data-id="7436a317"] a:hover,
.elementor-148 [data-id="2b6ee26f"] a:hover,
.elementor-148 [data-id="76fc742"] h5 a:hover {
    color: #52525B !important;
}

.elementor-148 .boat-archive-item-meta,
.elementor-148 [data-id="3a718784"],
.elementor-148 [data-id="3a718784"] p,
.elementor-148 [data-id="65a83505"],
.elementor-148 [data-id="65a83505"] p,
.elementor-148 [data-id="76fc742"] p {
    color: #71717A !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.85rem !important;
    margin: 0 !important;
}

.elementor-148 [data-id="222c77aa"],
.elementor-148 [data-id="222c77aa"] a,
.elementor-148 [data-id="222c77aa"] .elementor-button,
.elementor-148 [data-id="76fc742"] a[data-id="222c77aa"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    background-color: transparent !important;
    color: #09090B !important;
    font-family: 'Inter', sans-serif !important;
    border: 1px solid #D4D4D8 !important;
    border-radius: 9999px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    padding: 12px 24px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
}

.elementor-148 [data-id="222c77aa"]:hover,
.elementor-148 [data-id="222c77aa"] a:hover,
.elementor-148 [data-id="222c77aa"] .elementor-button:hover,
.elementor-148 [data-id="76fc742"] a[data-id="222c77aa"]:hover {
    background-color: #09090B !important;
    color: #FFFFFF !important;
    border-color: #09090B !important;
}

/* LinkedIn Bridge Card (Section 3) */
.elementor-148 .boat-linkedin-bridge,
.elementor-148 [data-id="48fe5c84"],
.elementor-148 > .e-con:nth-of-type(3) {
    background-color: #FFFFFF !important;
    background-image: none !important;
    border: 1px solid #E4E4E7 !important;
    border-radius: 16px !important;
    padding: 56px 56px !important;
    max-width: 1200px !important;
    width: calc(100% - 48px) !important;
    margin: 130px auto 140px auto !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 32px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    .elementor-148 .boat-linkedin-bridge,
    .elementor-148 [data-id="48fe5c84"],
    .elementor-148 > .e-con:nth-of-type(3) {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 40px 28px !important;
        margin: 80px auto 90px auto !important;
    }
}

.elementor-148 .boat-linkedin-text-group,
.elementor-148 [data-id="292a3dbf"],
.elementor-148 [data-id="48fe5c84"] > .e-con {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

.elementor-148 .boat-linkedin-heading,
.elementor-148 [data-id="329cd8c9"],
.elementor-148 [data-id="329cd8c9"] h3,
.elementor-148 [data-id="48fe5c84"] h3 {
    color: #09090B !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    letter-spacing: -0.02em !important;
    margin: 0 !important;
}

.elementor-148 .boat-linkedin-sub,
.elementor-148 [data-id="6c3a5646"],
.elementor-148 [data-id="6c3a5646"] p,
.elementor-148 [data-id="48fe5c84"] p {
    color: #52525B !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.05rem !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

.elementor-148 .boat-btn-linkedin,
.elementor-148 [data-id="7934ec3b"],
.elementor-148 [data-id="7934ec3b"] a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #09090B !important;
    color: #FFFFFF !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    padding: 14px 28px !important;
    border-radius: 9999px !important;
    text-decoration: none !important;
    border: 1px solid #09090B !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: all 0.2s ease !important;
}

.elementor-148 .boat-btn-linkedin:hover,
.elementor-148 [data-id="7934ec3b"]:hover,
.elementor-148 [data-id="7934ec3b"] a:hover {
    background-color: #27272A !important;
    border-color: #27272A !important;
    transform: translateY(-1px) !important;
}

/* Closing CTA Section (Section 4) */
.elementor-148 .boat-cta-mirada-cierre,
.elementor-148 [data-id="44374c45"],
.elementor-148 > .e-con:nth-of-type(4) {
    background-color: #09090B !important;
    background-image: none !important;
    padding: 120px 24px 130px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}

.elementor-148 .boat-cta-heading,
.elementor-148 [data-id="70b3a8e8"],
.elementor-148 [data-id="70b3a8e8"] h2 {
    color: #FFFFFF !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800 !important;
    font-size: clamp(2rem, 4vw, 2.75rem) !important;
    letter-spacing: -0.02em !important;
    line-height: 1.2 !important;
    margin: 0 0 16px 0 !important;
    max-width: 700px !important;
}

.elementor-148 .boat-cta-desc,
.elementor-148 [data-id="44e8cc65"],
.elementor-148 [data-id="44e8cc65"] p {
    color: #A1A1AA !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important;
    line-height: 1.6 !important;
    margin: 0 0 36px 0 !important;
    max-width: 600px !important;
}

.elementor-148 .boat-btn-cierre,
.elementor-148 [data-id="3d0cae38"],
.elementor-148 [data-id="3d0cae38"] a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #FFE500 !important;
    color: #09090B !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    padding: 14px 36px !important;
    border-radius: 9999px !important;
    text-decoration: none !important;
    border: none !important;
    transition: transform 0.2s ease, background-color 0.2s ease !important;
}

.elementor-148 .boat-btn-cierre:hover,
.elementor-148 [data-id="3d0cae38"]:hover,
.elementor-148 [data-id="3d0cae38"] a:hover {
    background-color: #FCD34D !important;
    transform: translateY(-1px) !important;
}


/* ========================================================
   8. CONTACT PAGE (POST 150)
   ======================================================== */
.elementor-150 .e-con[data-id="8b17f23"] {
    background-color: #F8F8F6 !important;
}

/* Contact form card */
.elementor-150 form,
.elementor-150 .e-con:has(form),
.elementor-150 .e-con > .e-con:last-child {
    background-color: #FFFFFF !important;
    border: 1px solid #E4E4E7 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

.elementor-150 label,
.elementor-150 .uicore-form label {
    color: #09090B !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
}

.elementor-150 input[type="text"],
.elementor-150 input[type="email"],
.elementor-150 input[type="tel"],
.elementor-150 textarea,
.elementor-150 select {
    background-color: #F8F8F6 !important;
    border: 1px solid #D4D4D8 !important;
    border-radius: 8px !important;
    color: #09090B !important;
    padding: 12px 16px !important;
    font-size: 0.95rem !important;
    transition: all 0.2s ease !important;
}

.elementor-150 input:focus,
.elementor-150 textarea:focus {
    border-color: #18181B !important;
    background-color: #FFFFFF !important;
    outline: none !important;
}

.elementor-150 button[type="submit"],
.elementor-150 .uicore-btn-submit {
    background-color: #FFE500 !important;
    color: #09090B !important;
    border-radius: 9999px !important;
    font-weight: 700 !important;
    border: none !important;
    padding: 14px 32px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.elementor-150 button[type="submit"]:hover {
    background-color: #FACC15 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 16px rgba(255, 229, 0, 0.3) !important;
}

/* ========================================================
   9. BUTTONS (BOAT EDITORIAL)
   ======================================================== */
.boat-pill-force {
    border-radius: 9999px !important;
}

/* Primary Yellow Button */
.boat-btn-primary,
.elementor-button.boat-btn-primary,
a[data-id="14359f69"],
a[data-id="2dd485c8"],
a[data-id="5e749bc6"] {
    background-color: #FFE500 !important;
    color: #09090B !important;
    border-radius: 9999px !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    padding: 12px 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.boat-btn-primary:hover,
a[data-id="14359f69"]:hover,
a[data-id="2dd485c8"]:hover,
a[data-id="5e749bc6"]:hover {
    background-color: #FACC15 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 16px rgba(255, 229, 0, 0.3) !important;
}

/* Outline Pill Button on Light Backgrounds */
.boat-btn-outline,
a[data-id="581e6a4a"],
a[data-id="222c77aa"],
.elementor-64 > .e-con:not(:nth-of-type(8)) a.boat-pill-force:not(.boat-btn-primary):not([data-id="14359f69"]),
.elementor-145 > .e-con:not(:nth-of-type(4)) a.boat-pill-force:not(.boat-btn-primary),
.elementor-148 > .e-con:not(:nth-of-type(4)) a.boat-pill-force:not(.boat-btn-primary) {
    background-color: transparent !important;
    color: #18181B !important;
    border: 1.5px solid #18181B !important;
    border-radius: 9999px !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    padding: 12px 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.boat-btn-outline:hover,
a[data-id="581e6a4a"]:hover,
a[data-id="222c77aa"]:hover {
    background-color: #18181B !important;
    color: #FFFFFF !important;
    border-color: #18181B !important;
    transform: translateY(-1px) !important;
}

/* ========================================================
   10. CLIENT LOGOS (CAROUSEL & GRIDS)
   ======================================================== */
@keyframes boatMarqueeScroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-50% - 28px));
    }
}

.boat-carousel-wrap,
[data-id="673b227e"],
[data-id="639b1701"],
[data-id="2376ba3f"],
.elementor .boat-carousel-wrap {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%) !important;
    padding-block-start: 16px !important;
    padding-block-end: 16px !important;
    box-sizing: border-box !important;
}

.boat-logo-marquee,
[data-id="5c00e1a8"],
.elementor .boat-logo-marquee {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 56px !important;
    width: max-content !important;
    animation: boatMarqueeScroll 45s linear infinite !important;
    will-change: transform !important;
}

.boat-carousel-wrap:hover .boat-logo-marquee,
[data-id="673b227e"]:hover [data-id="5c00e1a8"],
.elementor .boat-carousel-wrap:hover .boat-logo-marquee {
    animation-play-state: paused !important;
}

.boat-carousel-wrap .boat-logo-marquee img,
.boat-logo-marquee img,
[data-id="639b1701"] img,
[data-id="2376ba3f"] img {
    height: 38px !important;
    width: auto !important;
    max-width: 130px !important;
    object-fit: contain !important;
    opacity: 0.85 !important;
    filter: grayscale(100%) contrast(1.15) brightness(0.65) !important;
    transition: opacity 0.25s ease, filter 0.25s ease, transform 0.25s ease !important;
    cursor: pointer !important;
}

.boat-carousel-wrap .boat-logo-marquee img:hover,
.boat-logo-marquee img:hover,
[data-id="639b1701"] img:hover,
[data-id="2376ba3f"] img:hover {
    opacity: 1 !important;
    filter: grayscale(0%) contrast(1) brightness(1) !important;
    transform: scale(1.08) !important;
}

/* ========================================================
   11. CLOSING CTA (DARK BLOCK ON ALL PAGES)
   ======================================================== */
.elementor-64 > .e-con:nth-of-type(8),
.elementor-145 > .e-con:nth-of-type(4),
.elementor-146 > .e-con:nth-of-type(3),
.elementor-147 > .e-con:nth-of-type(6),
.elementor-148 > .e-con:nth-of-type(4),
.elementor-149 > .e-con:nth-of-type(5) {
    background-color: #09090B !important;
}

.elementor-64 > .e-con:nth-of-type(8) h2,
.elementor-145 > .e-con:nth-of-type(4) h2,
.elementor-146 > .e-con:nth-of-type(3) h2,
.elementor-147 > .e-con:nth-of-type(6) h2,
.elementor-148 > .e-con:nth-of-type(4) h2,
.elementor-149 > .e-con:nth-of-type(5) h2 {
    color: #FFFFFF !important;
}

.elementor-64 > .e-con:nth-of-type(8) p,
.elementor-145 > .e-con:nth-of-type(4) p,
.elementor-146 > .e-con:nth-of-type(3) p,
.elementor-147 > .e-con:nth-of-type(6) p,
.elementor-148 > .e-con:nth-of-type(4) p,
.elementor-149 > .e-con:nth-of-type(5) p {
    color: #D4D4D8 !important;
}

/* CTA button inside dark closing sections */
.elementor-64 > .e-con:nth-of-type(8) a,
.elementor-145 > .e-con:nth-of-type(4) a,
.elementor-146 > .e-con:nth-of-type(3) a,
.elementor-147 > .e-con:nth-of-type(6) a,
.elementor-148 > .e-con:nth-of-type(4) a,
.elementor-149 > .e-con:nth-of-type(5) a {
    background-color: #FFE500 !important;
    color: #09090B !important;
    border-radius: 9999px !important;
    font-weight: 700 !important;
    border: none !important;
}

/* ========================================================
   12. GLOBAL FOOTER (POST 130)
   ======================================================== */
.elementor-130,
[data-elementor-id="130"],
footer.site-footer,
footer.elementor-130 {
    background-color: #09090B !important;
    color: #D4D4D8 !important;
}

.elementor-130 h2,
[data-elementor-id="130"] h2,
.elementor-130 h2 span,
[data-elementor-id="130"] h2 span,
.elementor-130 h4,
[data-elementor-id="130"] h4 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
}

.elementor-130 p,
[data-elementor-id="130"] p {
    color: #A1A1AA !important;
}

.elementor-130 a,
[data-elementor-id="130"] a {
    color: #D4D4D8 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.elementor-130 a:hover,
[data-elementor-id="130"] a:hover {
    color: #FFE500 !important;
}

/* Yellow "Hablemos" button in Footer 130 */
.elementor-130 [data-id="bebcc21"] a,
.elementor-130 a[data-id="2dd485c8"],
[data-elementor-id="130"] a[data-id="2dd485c8"],
.elementor-130 .e-58996757-cf6d {
    background-color: #FFE500 !important;
    background: #FFE500 !important;
    color: #09090B !important;
    -webkit-text-fill-color: #09090B !important;
    border-radius: 9999px !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    padding: 12px 28px !important;
    text-decoration: none !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
}

.elementor-130 [data-id="bebcc21"] a span,
.elementor-130 a[data-id="2dd485c8"] span,
[data-elementor-id="130"] a[data-id="2dd485c8"] span {
    color: #09090B !important;
    -webkit-text-fill-color: #09090B !important;
}

.elementor-130 [data-id="bebcc21"] a:hover,
.elementor-130 a[data-id="2dd485c8"]:hover,
[data-elementor-id="130"] a[data-id="2dd485c8"]:hover {
    background-color: #FACC15 !important;
    background: #FACC15 !important;
    color: #09090B !important;
    -webkit-text-fill-color: #09090B !important;
}

/* Email text link in Footer 130 (reset so it does not become a yellow button) */
.elementor-130 [data-id="36e3954e"] a,
.elementor-130 .e-716585fa-4e57,
.elementor-130 .e-716585fa-4e57 a,
.elementor-130 [data-id="716585fa"] a {
    background: transparent !important;
    background-color: transparent !important;
    color: #A1A1AA !important;
    -webkit-text-fill-color: #A1A1AA !important;
    padding: 0 !important;
    border-radius: 0 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    border: none !important;
    display: inline !important;
}

.elementor-130 [data-id="36e3954e"] a:hover,
.elementor-130 .e-716585fa-4e57 a:hover,
.elementor-130 [data-id="716585fa"] a:hover {
    color: #FFE500 !important;
    -webkit-text-fill-color: #FFE500 !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* ========================================================
   13. PAGE 480: BLOG / PUBLICACIONES & EDITORIAL
   ======================================================== */
.elementor-480,
body.page-id-480,
body.page-id-480 .site,
body.page-id-480 #content,
body.page-id-480 #primary,
body.page-id-480 main,
body.page-id-480 .uicore-content-area,
body.page-id-480 .uicore-wrapper,
body.page-id-480 #uicore-page,
body.page-id-480 .uicore-body-content {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    color: #27272A !important;
}

.uicore-page-title,
header.uicore-page-title,
.page-header,
.entry-header {
    display: none !important;
}

/* Headings link reset */
.elementor-480 a.e-heading-link-base,
.elementor-480 h1 a,
.elementor-480 h2 a,
.elementor-480 h3 a {
    background-color: transparent !important;
    background: transparent !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: inline !important;
}

/* Hero Section */
.elementor-480 .boat-mirada-hero {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-block-start: clamp(145px, 14vw, 175px) !important;
    padding-block-end: 64px !important;
    padding-inline: max(24px, calc((100% - 1200px) / 2)) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    box-sizing: border-box !important;
}

.elementor-480 .boat-mirada-hero .uicore-eyebrow {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.8rem !important;
    color: #52525B !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}

.elementor-480 .boat-mirada-hero h1.display-title,
.elementor-480 .boat-mirada-hero h1 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(2.25rem, 4.5vw, 3.5rem) !important;
    color: #09090B !important;
    letter-spacing: -0.025em !important;
    line-height: 1.15 !important;
    margin: 0 !important;
}
.elementor-480 .boat-mirada-hero h1 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    color: #09090B !important;
}

.elementor-480 .boat-mirada-hero p.lead-editorial {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.15rem !important;
    color: #52525B !important;
    line-height: 1.65 !important;
    max-width: 720px !important;
    margin: 0 !important;
}

/* Main Editorial Section (Outer Full Width Container) */
.elementor-480 .boat-editorial-main,
.elementor-480 [data-id="284aa0f9"],
.elementor-480 section.boat-editorial-main {
    background-color: #F8F8F6 !important;
    background: #F8F8F6 !important;
    border-top: 1px solid #E4E4E7 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-block: 60px 100px !important;
    padding-inline: max(24px, calc((100% - 1200px) / 2)) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 36px !important;
    box-sizing: border-box !important;
}

/* Direct children of main editorial container */
.elementor-480 [data-id="284aa0f9"] > article,
.elementor-480 [data-id="284aa0f9"] > div,
.elementor-480 .boat-editorial-main > article,
.elementor-480 .boat-editorial-main > div {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
    box-sizing: border-box !important;
    flex: none !important;
}

/* 1. Featured Issue Card (Top Single Card) */
.elementor-480 article[data-id="25e5ac16"] {
    background-color: #FFFFFF !important;
    border: 1px solid #E4E4E7 !important;
    border-left: 4px solid #FFE500 !important;
    border-radius: 0 12px 12px 0 !important;
    padding: 44px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 18px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.25s ease !important;
}

.elementor-480 article[data-id="25e5ac16"]:hover {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06) !important;
    transform: translateY(-2px) !important;
}

.elementor-480 [data-id="25e5ac16"] .boat-featured-badge {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    color: #09090B !important;
    background-color: #FFE500 !important;
    padding: 4px 12px !important;
    border-radius: 9999px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    display: inline-block !important;
}

.elementor-480 [data-id="25e5ac16"] h2,
.elementor-480 [data-id="25e5ac16"] h2 a {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.85rem !important;
    color: #09090B !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.elementor-480 [data-id="25e5ac16"] h2 a:hover {
    color: #52525B !important;
}

.elementor-480 [data-id="25e5ac16"] p.boat-featured-desc {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.05rem !important;
    color: #27272A !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Featured Button */
.elementor-480 [data-id="25e5ac16"] div > a,
.elementor-480 [data-id="25e5ac16"] a.e-button-base,
.elementor-480 [data-id="70e1ca17"] {
    background-color: #FFE500 !important;
    background: #FFE500 !important;
    color: #09090B !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    padding: 12px 28px !important;
    border-radius: 9999px !important;
    border: none !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

.elementor-480 [data-id="25e5ac16"] div > a:hover,
.elementor-480 [data-id="70e1ca17"]:hover {
    background-color: #FACC15 !important;
    background: #FACC15 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 16px rgba(255, 229, 0, 0.3) !important;
}

/* 2. Recent Articles Grid (2 columns) */
.elementor-480 [data-id="1b8a3496"] {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 32px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* 3. Archive Articles Grid (3 columns) */
.elementor-480 [data-id="1cf539dd"] {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Standard Article Cards (All articles except featured) */
.elementor-480 article:not([data-id="25e5ac16"]) {
    background-color: #FFFFFF !important;
    border: 1px solid #E4E4E7 !important;
    border-left: 1px solid #E4E4E7 !important;
    border-radius: 12px !important;
    padding: 36px 32px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 16px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    transition: all 0.25s ease !important;
}

.elementor-480 article:not([data-id="25e5ac16"]):hover {
    border-color: #D4D4D8 !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
    transform: translateY(-2px) !important;
}

/* Date / meta labels */
.elementor-480 article:not([data-id="25e5ac16"]) p:first-of-type {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    color: #71717A !important;
    margin: 0 !important;
}

/* Article titles */
.elementor-480 article:not([data-id="25e5ac16"]) h2,
.elementor-480 article:not([data-id="25e5ac16"]) h2 a {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.35rem !important;
    color: #09090B !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.elementor-480 article:not([data-id="25e5ac16"]) h2 a:hover {
    color: #52525B !important;
}

/* Article descriptions */
.elementor-480 article:not([data-id="25e5ac16"]) p.boat-featured-desc {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.95rem !important;
    color: #52525B !important;
    line-height: 1.55 !important;
    margin: 0 !important;
}

/* Outline Read Edition Buttons for all regular articles */
.elementor-480 article:not([data-id="25e5ac16"]) a.e-button-base,
.elementor-480 article:not([data-id="25e5ac16"]) div > a,
.elementor-480 [data-id="2e36a43f"],
.elementor-480 [data-id="4ed59975"],
.elementor-480 [data-id="3fd6912f"],
.elementor-480 [data-id="2ab986cb"],
.elementor-480 [data-id="5f42f119"] {
    margin-top: auto !important;
    background-color: transparent !important;
    background: transparent !important;
    color: #09090B !important;
    border: 1.5px solid #18181B !important;
    border-radius: 9999px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    padding: 9px 22px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

.elementor-480 article:not([data-id="25e5ac16"]) a.e-button-base:hover,
.elementor-480 article:not([data-id="25e5ac16"]) div > a:hover,
.elementor-480 [data-id="2e36a43f"]:hover,
.elementor-480 [data-id="4ed59975"]:hover,
.elementor-480 [data-id="3fd6912f"]:hover,
.elementor-480 [data-id="2ab986cb"]:hover,
.elementor-480 [data-id="5f42f119"]:hover {
    background-color: #09090B !important;
    background: #09090B !important;
    color: #FFFFFF !important;
    border-color: #09090B !important;
    transform: translateY(-1px) !important;
    box-shadow: none !important;
}

/* Mobile & Tablet adjustments */
@media (max-width: 1024px) {
    .elementor-480 [data-id="1b8a3496"] {
        grid-template-columns: 1fr !important;
    }
    .elementor-480 [data-id="1cf539dd"] {
        grid-template-columns: 1fr !important;
    }
}

/* ========================================================
   14. SINGLE POST TEMPLATE (POST 488 / BODY.SINGLE-POST)
   ======================================================== */
body.single-post,
body.single,
.single-post .site,
.single-post #content,
.single-post #primary,
.single-post main,
.single-post .uicore-content-area,
.single-post .uicore-wrapper,
.single-post #uicore-page,
.single-post .uicore-body-content,
.elementor-488 {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    color: #27272A !important;
}

/* Hero Section of single post */
.single-post .elementor-488 > .e-con:first-of-type,
.elementor-488 > .e-con:first-of-type,
.single-post header.entry-header {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    padding-block-start: clamp(145px, 14vw, 175px) !important;
    padding-block-end: 48px !important;
    border-bottom: 1px solid #E4E4E7 !important;
}

.single-post h1,
.single-post .entry-title,
.elementor-488 h1 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: clamp(2.25rem, 4.5vw, 3.25rem) !important;
    color: #09090B !important;
    letter-spacing: -0.025em !important;
    line-height: 1.2 !important;
}

.single-post .uicore-eyebrow,
.elementor-488 .uicore-eyebrow,
.elementor-488 .boat-signal-label {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.8rem !important;
    color: #52525B !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

.single-post .entry-date,
.elementor-488 .entry-date,
.elementor-488 p.elementor-post-date,
.elementor-488 time {
    font-family: 'Inter', sans-serif !important;
    color: #71717A !important;
    font-size: 0.9rem !important;
}

/* Post Content Body */
.single-post .elementor-488 > .e-con:nth-of-type(2),
.elementor-488 > .e-con:nth-of-type(2),
.single-post .entry-content,
.elementor-488 .elementor-widget-theme-post-content {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
    color: #27272A !important;
}

.single-post .entry-content p,
.elementor-488 .elementor-widget-theme-post-content p,
.elementor-488 > .e-con:nth-of-type(2) p {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.125rem !important;
    line-height: 1.8 !important;
    color: #27272A !important;
    margin-bottom: 1.75rem !important;
}

.single-post .entry-content h2,
.elementor-488 .elementor-widget-theme-post-content h2 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.75rem !important;
    color: #09090B !important;
    margin-block: 2.5rem 1rem !important;
}

.single-post .entry-content h3,
.elementor-488 .elementor-widget-theme-post-content h3 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.35rem !important;
    color: #09090B !important;
    margin-block: 2rem 0.75rem !important;
}

.single-post .entry-content blockquote,
.elementor-488 blockquote {
    border-left: 3px solid #FFE500 !important;
    background-color: #F8F8F6 !important;
    padding: 24px 32px !important;
    border-radius: 0 8px 8px 0 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 1.15rem !important;
    color: #09090B !important;
    margin-block: 2rem !important;
}

/* Back button */
.single-post a[class*="button"],
.single-post .e-button-base,
.elementor-488 a[class*="button"],
.elementor-488 .e-button-base {
    background-color: transparent !important;
    color: #09090B !important;
    border: 1.5px solid #18181B !important;
    border-radius: 9999px !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    padding: 10px 24px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.2s ease !important;
}

.single-post a[class*="button"]:hover,
.single-post .e-button-base:hover,
.elementor-488 a[class*="button"]:hover,
.elementor-488 .e-button-base:hover {
    background-color: #09090B !important;
    color: #FFFFFF !important;
    border-color: #09090B !important;
    transform: translateY(-1px) !important;
}

/* ========================================================
   LEGAL PAGES STYLES (Privacidad, Términos, Cookies, Legal)
   ======================================================== */
.boat-legal-wrap {
    padding-block-start: clamp(140px, 13vw, 170px) !important;
    padding-block-end: 100px !important;
    background-color: #FFFFFF !important;
    min-height: 80vh !important;
    box-sizing: border-box !important;
}

@media (max-width: 767px) {
    .boat-legal-wrap {
        padding-block-start: 110px !important;
        padding-block-end: 60px !important;
    }
}

.boat-legal-container {
    max-width: 860px !important;
    margin: 0 auto !important;
    padding-inline: 24px !important;
    box-sizing: border-box !important;
}

@media (max-width: 767px) {
    .boat-legal-container {
        padding-inline: 20px !important;
    }
}

.boat-legal-badge {
    display: inline-block !important;
    font-family: var(--font-body) !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #09090B !important;
    background-color: #FFE500 !important;
    padding: 6px 14px !important;
    border-radius: 9999px !important;
    margin-bottom: 20px !important;
}

.boat-legal-title {
    font-family: var(--font-heading) !important;
    font-size: clamp(2.25rem, 4.5vw, 3.25rem) !important;
    font-weight: 800 !important;
    color: #09090B !important;
    letter-spacing: -0.025em !important;
    line-height: 1.15 !important;
    margin: 0 0 18px 0 !important;
}

.boat-legal-lead {
    font-family: var(--font-body) !important;
    font-size: 1.18rem !important;
    line-height: 1.65 !important;
    color: #3F3F46 !important;
    margin: 0 0 28px 0 !important;
}

.boat-legal-meta {
    font-family: var(--font-body) !important;
    font-size: 0.85rem !important;
    color: #71717A !important;
    border-bottom: 1px solid #E4E4E7 !important;
    padding-bottom: 24px !important;
    margin-bottom: 40px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
    align-items: center !important;
}

.boat-legal-body h2 {
    font-family: var(--font-heading) !important;
    font-size: 1.55rem !important;
    font-weight: 700 !important;
    color: #09090B !important;
    letter-spacing: -0.02em !important;
    margin-top: 48px !important;
    margin-bottom: 16px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #F4F4F5 !important;
}

.boat-legal-body h3 {
    font-family: var(--font-heading) !important;
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #18181B !important;
    margin-top: 28px !important;
    margin-bottom: 12px !important;
}

.boat-legal-body p {
    font-family: var(--font-body) !important;
    font-size: 1.05rem !important;
    line-height: 1.8 !important;
    color: #27272A !important;
    margin-bottom: 18px !important;
}

.boat-legal-body ul,
.boat-legal-body ol {
    font-family: var(--font-body) !important;
    font-size: 1.05rem !important;
    line-height: 1.8 !important;
    color: #27272A !important;
    margin: 0 0 24px 0 !important;
    padding-left: 24px !important;
}

.boat-legal-body li {
    margin-bottom: 10px !important;
}

.boat-legal-body li strong {
    color: #09090B !important;
}

.boat-legal-body a {
    color: #09090B !important;
    text-decoration: underline !important;
    text-decoration-color: #FFE500 !important;
    text-underline-offset: 3px !important;
    transition: color 0.2s ease !important;
}

.boat-legal-body a:hover {
    color: #09090B !important;
    background-color: #FFF9C4 !important;
}

.boat-legal-callout {
    background-color: #F8F8F6 !important;
    border: 1px solid #E4E4E7 !important;
    border-left: 4px solid #FFE500 !important;
    border-radius: 0 12px 12px 0 !important;
    padding: 24px 28px !important;
    margin: 36px 0 !important;
}

.boat-legal-callout p {
    margin: 0 !important;
    color: #18181B !important;
    font-weight: 500 !important;
}

.boat-legal-contact-card {
    background-color: #09090B !important;
    border-radius: 16px !important;
    padding: 36px 32px !important;
    margin-top: 56px !important;
    color: #FFFFFF !important;
}

.boat-legal-contact-card h3 {
    color: #FFFFFF !important;
    font-family: var(--font-heading) !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    margin: 0 0 12px 0 !important;
}

.boat-legal-contact-card p {
    color: #A1A1AA !important;
    font-family: var(--font-body) !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    margin: 0 0 20px 0 !important;
}

.boat-legal-contact-btn {
    display: inline-block !important;
    background-color: #FFE500 !important;
    color: #09090B !important;
    font-family: var(--font-body) !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    padding: 12px 28px !important;
    border-radius: 9999px !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.boat-legal-contact-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 16px rgba(255, 229, 0, 0.4) !important;
}