
html,body{max-width:100%;overflow-x:clip}
*,*:before,*:after{box-sizing:border-box}
img,svg,video,iframe{max-width:100%;height:auto}
.row>*{min-width:0}


@media (max-width:991.98px){
  .container,.container-sm,.container-md,.container-lg{max-width:100%!important;padding-left:24px!important;padding-right:24px!important}

  
  .et-mobile-bar{padding:0!important}
  .et-mobile-bar .container{padding-top:0!important;padding-bottom:0!important}
  .et-mobile-bar-row{min-height:70px!important;gap:16px!important}
  .et-mobile-logo{min-width:0!important;max-width:260px!important}
  .et-mobile-logo .et-logo-img{max-width:100%!important;height:auto!important;max-height:44px!important}
  .et-mobile-hamburger{width:46px!important;height:46px!important;min-width:46px!important;border-radius:10px!important}
  .et-mobile-ctas{padding:0 0 12px!important}
  .et-mobile-ctas .et-header-cta{width:100%!important;justify-content:center!important;border-radius:9px!important}
  .et-offcanvas{width:min(88vw,390px)!important}

  
  .home .et-hero--carousel .et-hero-slide{padding:28px 0 24px!important}
  .home .et-hero-title{font-size:clamp(32px,6vw,44px)!important;line-height:1.04!important;max-width:760px!important}
  .home .et-hero-subtitle{font-size:16px!important;max-width:700px!important;margin-bottom:18px!important}
  .home .et-hero-search{max-width:760px!important;padding:10px!important;margin-top:16px!important}
  .home .et-hs-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(190px,.42fr)!important;gap:8px!important}
  .home .et-hs-row .et-hs-btn{grid-column:1/-1!important;width:100%!important;min-width:0!important}
  .home .et-hs-field,.home .et-hs-btn{height:58px!important}

  
  .home .et-news-grid .row,.home .et-news-row{--bs-gutter-y:20px!important}
  .home .et-news-card{height:100%!important;overflow:hidden!important}
  .home .et-news-thumb,.home .et-news-top .et-news-thumb{height:260px!important;min-height:260px!important}

  
  .home .et-home-grid .row.g-4>.col-lg-6{width:100%!important}
  .home .et-home-grid .row.g-4>.col-lg-3{width:50%!important}
  .home .et-home-company-carousel{height:472px!important;overflow:hidden!important}
  .home .et-home-provider-card{width:100%!important;max-width:100%!important;grid-template-columns:68px minmax(0,1fr) auto!important;gap:14px!important;padding:14px 16px!important}
  .home .et-home-provider-link{grid-column:auto!important;border-left:1px solid #e7ebf0!important;padding-left:14px!important;justify-content:center!important;min-width:96px!important}
  .home .et-home-provider-cat{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
  .home .et-banner-lateral-stack{max-width:100%!important;margin:0 auto!important}

  
  .home .et-highlight-cards>.container>.row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:24px!important;
    width:100%!important;
    margin:0!important;
  }
  .home .et-highlight-cards>.container>.row>.et-featured-company-col,
  .home .et-highlight-cards>.container>.row>.et-home-tips-col{
    width:100%!important;max-width:100%!important;padding:0!important;min-width:0!important
  }
  .home .et-hc-empresa-premium,.home .et-home-tips-col{height:auto!important;min-height:0!important}
  .home .et-hc-empresa-premium .et-hc-emp-logo-zone{min-height:150px!important}
  .home .et-hc-empresa-premium .et-hc-emp-body{min-height:0!important}
  .home .et-tips-header{margin-top:0!important}
  .home .et-tips-editorial-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;gap:14px!important}
  .home .et-tip-editorial-item{min-width:0!important}
  .home .et-tip-editorial-item:nth-child(3){grid-column:1/-1!important}
  .home .et-tip-card-editorial{display:grid!important;grid-template-columns:145px minmax(0,1fr)!important;height:auto!important;min-height:150px!important;width:100%!important}
  .home .et-tip-card-editorial .et-tip-card-thumb{width:145px!important;min-width:145px!important;height:150px!important;min-height:150px!important}
  .home .et-tip-card-editorial .et-tip-card-body{min-width:0!important;padding:16px!important;overflow:visible!important}
  .home .et-tip-card-editorial .et-tip-card-title{overflow-wrap:anywhere!important}

  
  .et-hero-search-shell{max-width:760px!important}
  .et-results-layout,.et-dir-results-area .row{min-width:0!important}
  .et-filter-sidebar{position:static!important}
  .et-prod-dir-card{min-width:0!important}
  .et-lcard.et-lcard-search-row{width:100%!important;min-width:0!important}

  
  .et-cp-main-grid{grid-template-columns:minmax(0,1fr)!important}
  .et-cp-sidebar{position:static!important;width:100%!important;max-width:none!important}
  .et-cp-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .et-cp-product-card{min-width:0!important}
  .et-cp-lightbox-dialog{width:calc(100% - 40px)!important;max-width:900px!important}

  
  .et-article-layout,.et-contact-hero-grid,.et-contact-content .row{min-width:0!important}
  .et-article-sidebar{position:static!important}
  .et-inner-page-card,.et-article-card,.et-contact-form-card,.et-contact-info-card{max-width:100%!important}

  
  .et-banner-zone img,.et-ad-slot img{max-width:100%!important;height:auto!important;object-fit:contain!important}
  .et-footer .row{row-gap:28px!important}
}


@media (max-width:767.98px){
  .container,.container-sm,.container-md,.container-lg{padding-left:16px!important;padding-right:16px!important}
  body{font-size:16px!important}

  .et-mobile-bar-row{min-height:64px!important}
  .et-mobile-logo{max-width:220px!important}
  .et-mobile-logo .et-logo-img{max-height:39px!important}
  .et-mobile-ctas{display:none!important} 

  .home .et-hero--carousel .et-hero-slide{padding:24px 0 20px!important}
  .home .et-hero-title{font-size:clamp(30px,9vw,38px)!important;max-width:560px!important;margin-bottom:10px!important}
  .home .et-hero-subtitle{font-size:15px!important;line-height:1.45!important;margin-bottom:14px!important}
  .home .et-hero-search{padding:8px!important;border-radius:13px!important}
  .home .et-hs-row{grid-template-columns:1fr!important}
  .home .et-hs-row .et-hs-btn{grid-column:auto!important}
  .home .et-hs-field,.home .et-hs-btn{height:54px!important;min-height:54px!important}
  .home .et-hs-input{font-size:16px!important}

  .et-home-trust-grid{grid-template-columns:1fr!important}
  .et-home-trust-item{border-right:0!important;border-bottom:1px solid #e5ebf1!important;padding:14px 4px!important}

  .home .et-news-thumb,.home .et-news-top .et-news-thumb{height:240px!important;min-height:240px!important}
  .home .et-news-card-title,.home .et-news-card-title a{font-size:20px!important;line-height:1.25!important}

  .home .et-home-dir-header{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
  .home .et-home-dir-header .et-lcard-btn{width:100%!important;text-align:center!important}
  .home .et-home-grid .row.g-4>.col-lg-3{width:100%!important}
  .home .et-home-provider-card{grid-template-columns:62px minmax(0,1fr)!important;min-height:148px!important;height:148px!important;padding:14px!important}
  .home .et-home-provider-logo{width:62px!important;height:62px!important}
  .home .et-home-provider-link{grid-column:2!important;border:0!important;padding:0!important;min-width:0!important;justify-content:flex-start!important;align-self:auto!important}
  .home .et-home-company-slide{height:162px!important;min-height:162px!important;flex-basis:162px!important}
  .home .et-home-company-carousel{height:514px!important}
  .home .et-home-provider-meta{gap:6px!important}
  .home .et-home-provider-meta span{padding:3px 7px!important}

  .home .et-highlight-cards{padding-top:24px!important;padding-bottom:24px!important}
  .home .et-hc-empresa-premium{border-radius:14px!important}
  .home .et-hc-empresa-premium .et-highlight-card-header{padding:14px 16px!important;min-height:54px!important}
  .home .et-hc-empresa-premium .et-highlight-label{font-size:17px!important}
  .home .et-hc-empresa-premium .et-hc-dir-link{font-size:14px!important}
  .home .et-hc-empresa-premium .et-hc-emp-logo-zone{min-height:140px!important;padding:18px!important}
  .home .et-hc-empresa-premium .et-hc-emp-logo-img{max-height:96px!important}
  .home .et-hc-empresa-premium .et-hc-emp-body{padding:18px 16px 12px!important}
  .home .et-hc-empresa-premium .et-hc-emp-name{font-size:23px!important}
  .home .et-hc-empresa-premium .et-hc-emp-actions{padding:12px 16px 16px!important}

  .home .et-tips-header{height:auto!important;min-height:0!important;padding-bottom:10px!important;margin-bottom:12px!important;align-items:end!important}
  .home .et-tips-header h2,.home .et-highlight-label-inline{font-size:22px!important;line-height:1.15!important}
  .home .et-tips-editorial-list{display:flex!important;flex-direction:column!important;gap:14px!important}
  .home .et-tip-editorial-item:nth-child(3){grid-column:auto!important}
  .home .et-tip-card-editorial{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;border-radius:14px!important}
  .home .et-tip-card-editorial .et-tip-card-thumb{width:100%!important;min-width:0!important;height:205px!important;min-height:205px!important}
  .home .et-tip-card-editorial .et-tip-card-body{padding:16px 17px 18px!important}
  .home .et-tip-card-editorial .et-tip-card-title{font-size:18px!important;line-height:1.3!important;margin-bottom:10px!important}

  
  .et-dir-hero-search{padding:24px 0 18px!important}
  .et-dir-hero-copy{text-align:left!important;margin-bottom:16px!important}
  .et-dir-hero-title{font-size:28px!important}
  .et-dir-hero-sub{font-size:14px!important}
  .et-hero-search-shell{border-radius:12px!important;padding:8px!important}
  .et-hero-search-shell .et-pill-filter-bar>.d-flex{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .et-hero-search-shell .et-pill-select,.et-hero-search-btn{width:100%!important;min-width:0!important}
  .et-results-heading-row{display:block!important}
  .et-results-sort-slot{margin-top:14px!important}
  .et-results-tabs{margin-top:16px!important}

  
  .et-cp-product-grid{grid-template-columns:1fr!important;gap:14px!important}
  .et-cp-product-media{height:260px!important;min-height:260px!important}
  .et-cp-product-body{padding:16px!important}
  .et-cp-product-body h3{font-size:18px!important}
  .et-cp-product-body p{font-size:14px!important;-webkit-line-clamp:4!important}
  .et-cp-product-actions{grid-template-columns:1fr 1fr!important;padding:10px 14px 14px!important;gap:8px!important}
  .et-cp-details-btn{display:flex!important}
  .et-cp-types-grid{grid-template-columns:1fr!important}
  .et-cp-gallery{grid-template-columns:1fr 1fr!important}
  .et-cp-lightbox-dialog{width:calc(100% - 20px)!important;max-height:calc(100dvh - 20px)!important;overflow:auto!important}
  .et-cp-lightbox-media{height:auto!important;min-height:280px!important}

  
  .et-archive-hero,.et-inner-page-hero,.et-contact-hero{padding:30px 0!important}
  .et-archive-title,.et-inner-page-title{font-size:32px!important}
  .et-arc-card-editorial .et-arc-thumb,.et-arc-card-editorial .et-arc-img,.et-arc-card-editorial .et-arc-thumb-placeholder{height:240px!important}
  .et-article-heading h1{font-size:clamp(30px,9vw,42px)!important;line-height:1.08!important}
  .et-article-card,.et-inner-page-card{padding:22px 18px!important}
  .et-post-content{font-size:17px!important;line-height:1.75!important}
  .et-contact-quick{grid-template-columns:1fr!important}
  .et-contact-quick a{grid-template-columns:86px 1fr!important}

  
  .et-whatsapp-float{right:14px!important;bottom:14px!important}
  .et-quote-floating{left:14px!important;right:auto!important;bottom:14px!important;max-width:calc(100vw - 96px)!important}
}


@media (max-width:479.98px){
  .container,.container-sm,.container-md,.container-lg{padding-left:14px!important;padding-right:14px!important}
  .et-mobile-logo{max-width:190px!important}
  .home .et-hero-title{font-size:30px!important}
  .home .et-hero-subtitle{font-size:14px!important}
  .home .et-hc-empresa-premium .et-hc-emp-actions{grid-template-columns:1fr!important}
  .home .et-hc-empresa-premium .et-hc-btn-primary{grid-column:auto!important}
  .home .et-tip-card-editorial .et-tip-card-thumb{height:185px!important;min-height:185px!important}
  .home .et-home-provider-meta span:nth-child(2){display:none!important}
  .home .et-home-provider-info h3{font-size:17px!important}
  .et-cp-product-media{height:230px!important;min-height:230px!important}
  .et-cp-product-actions{grid-template-columns:1fr!important}
  .et-cp-gallery{grid-template-columns:1fr!important}
  .et-cp-gallery button{height:220px!important}
  .et-contact-quick a{grid-template-columns:1fr!important;gap:4px!important}
  .et-contact-quick strong{font-size:14px!important}
}


@media (min-width:768px) and (max-width:991.98px){
  .et-mobile-bar{padding:0!important}
  .et-mobile-bar .container{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-areas:"logo cta menu"!important;
    align-items:center!important;
    gap:14px!important;
    min-height:78px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  .et-mobile-bar-row{display:contents!important}
  .et-mobile-logo{
    grid-area:logo!important;
    max-width:300px!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
  }
  .et-mobile-logo .et-logo-img{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:48px!important;
  }
  .et-mobile-ctas{
    grid-area:cta!important;
    display:block!important;
    padding:0!important;
    margin:0!important;
    width:auto!important;
  }
  .et-mobile-ctas .et-header-cta{
    width:auto!important;
    min-width:176px!important;
    min-height:46px!important;
    padding:0 18px!important;
    border-radius:10px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    font-size:14px!important;
    white-space:nowrap!important;
    box-shadow:0 4px 12px rgba(43,147,72,.14)!important;
  }
  .et-mobile-hamburger{
    grid-area:menu!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    margin:0!important;
    border:1px solid #dbe4ec!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#12365f!important;
    font-size:22px!important;
    display:grid!important;
    place-items:center!important;
  }
}

@media (min-width:768px) and (max-width:860px){
  .et-mobile-bar .container{grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important}
  .et-mobile-logo{max-width:250px!important}
  .et-mobile-ctas .et-header-cta{min-width:160px!important;padding:0 14px!important;font-size:14px!important}
}


@media (max-width: 991.98px){
  .et-hero-search-shell .et-filter-mobile-bar{
    display:grid!important;
    grid-template-columns:minmax(150px,.8fr) minmax(170px,1.2fr)!important;
    gap:10px!important;
    align-items:stretch!important;
    width:100%!important;
    margin:0!important;
  }
  .et-hero-search-shell .et-filter-mobile-trigger{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    min-width:0!important;
    min-height:54px!important;
    justify-content:center!important;
    align-items:center!important;
    background:#123b6b!important;
    color:#fff!important;
    border:2px solid #123b6b!important;
    border-radius:10px!important;
    padding:12px 16px!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  .et-hero-search-shell .et-filter-mobile-trigger i{color:#fff!important;font-size:15px!important}
  .et-hero-search-shell .et-filter-mobile-trigger:hover,
  .et-hero-search-shell .et-filter-mobile-trigger:focus{background:#0d315c!important;color:#fff!important;border-color:#0d315c!important}
  .et-hero-search-shell .et-filter-sort-inline{
    width:100%!important;
    min-width:0!important;
    min-height:54px!important;
    background:#fff!important;
    color:#17243b!important;
    border:1px solid #d6dee8!important;
    border-radius:10px!important;
    padding:11px 38px 11px 14px!important;
    font-size:15px!important;
    font-weight:700!important;
  }
}
@media (max-width: 575.98px){
  .et-hero-search-shell .et-filter-mobile-bar{
    grid-template-columns:1fr!important;
  }
  .et-hero-search-shell .et-filter-mobile-trigger,
  .et-hero-search-shell .et-filter-sort-inline{min-height:52px!important}
}


/* ══════════════════════════════════════════════════════════════
   MÓVIL — MÁS AIRE Y SEPARACIÓN VISUAL
══════════════════════════════════════════════════════════════ */
@media (max-width: 767.98px) {

    /* Separación general entre secciones */
    body.home section,
    body:not(.home) main > section {
        scroll-margin-top: 72px;
    }

    body.home .et-home-featured,
    body.home .et-home-products,
    body.home .et-home-growth-cta,
    body.home .et-home-news,
    body.home .et-home-directory,
    body.home .et-home-why-register {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }

    /* Encabezados */
    body.home .et-home-section-head,
    body.home .et-home-why-heading {
        margin-bottom: 28px !important;
        gap: 14px !important;
    }

    body.home .et-home-section-head h2,
    body.home .et-home-why-heading h2 {
        margin-top: 7px !important;
        margin-bottom: 0 !important;
        line-height: 1.15 !important;
    }

    body.home .et-home-eyebrow {
        display: block;
        margin-bottom: 7px !important;
        line-height: 1.4 !important;
    }

    /* Hero */
    body.home .et-hero-inner {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    body.home .et-hero-title {
        margin-bottom: 18px !important;
        line-height: 1.08 !important;
    }

    body.home .et-hero-subtitle {
        margin-bottom: 26px !important;
        line-height: 1.6 !important;
    }

    body.home .et-hero-search {
        margin-top: 26px !important;
    }

    /* Banners: evitar que queden pegados a bloques */
    body.home .et-home-horizontal-ad,
    body.home .et-home-bottom-ad {
        margin-top: 24px !important;
        margin-bottom: 24px !important;
    }

    /* CTA móvil de registrar empresa */
    body.home .et-home-register-section--mobile {
        padding-top: 24px !important;
        padding-bottom: 34px !important;
    }

    body.home .et-home-register-section--mobile .et-home-register-card {
        padding: 22px !important;
        gap: 18px !important;
    }

    body.home .et-home-register-section--mobile .et-home-register-copy {
        gap: 9px !important;
    }

    body.home .et-home-register-section--mobile .et-home-register-button {
        margin-top: 4px !important;
    }

    /* Empresas destacadas */
    body.home .et-featured-companies-grid {
        gap: 20px !important;
        padding-bottom: 12px !important;
    }

    body.home .et-featured-company-card {
        padding: 20px !important;
        gap: 16px !important;
        min-height: 210px !important;
    }

    body.home .et-featured-company-info {
        gap: 8px !important;
    }

    body.home .et-featured-company-meta {
        gap: 10px 14px !important;
        margin-top: 5px !important;
    }

    body.home .et-featured-company-go {
        margin-top: 10px !important;
    }

    body.home .et-featured-ad-rail {
        margin-top: 28px !important;
    }

    /* Productos */
    body.home .et-home-products .et-home-section-head {
        margin-bottom: 34px !important;
    }

    body.home .et-home-products-carousel {
        padding-top: 8px !important;
        padding-bottom: 24px !important;
    }

    body.home .et-home-products-track {
        gap: 24px !important;
    }

    body.home .et-home-product-body {
        padding: 18px !important;
    }

    body.home .et-home-product-body h3 {
        margin-bottom: 10px !important;
    }

    body.home .et-home-product-body p {
        margin-bottom: 14px !important;
        line-height: 1.5 !important;
    }

    /* CTA de crecimiento */
    body.home .et-home-growth-card {
        padding: 24px 20px !important;
        gap: 22px !important;
    }

    body.home .et-home-growth-main {
        gap: 18px !important;
    }

    body.home .et-home-growth-main > div {
        display: flex;
        flex-direction: column;
        gap: 9px;
    }

    body.home .et-home-growth-benefits {
        margin-top: 10px !important;
        gap: 12px !important;
    }

    body.home .et-home-register-button {
        margin-top: 4px !important;
        min-height: 52px !important;
    }

    /* Noticias */
    body.home .et-home-news-grid {
        gap: 26px !important;
    }

    body.home .et-home-news-card {
        margin-bottom: 0 !important;
    }

    body.home .et-home-news-body {
        padding: 20px !important;
    }

    body.home .et-home-news-body time {
        display: block;
        margin-bottom: 10px !important;
    }

    body.home .et-home-news-body h3 {
        margin-bottom: 16px !important;
        line-height: 1.35 !important;
    }

    /* Directorio */
    body.home .et-home-directory-layout {
        gap: 28px !important;
    }

    body.home .et-directory-intro-card {
        padding: 26px 22px !important;
    }

    body.home .et-directory-intro-card h3 {
        margin-top: 10px !important;
        margin-bottom: 14px !important;
        line-height: 1.25 !important;
    }

    body.home .et-directory-intro-card p {
        margin-bottom: 22px !important;
        line-height: 1.65 !important;
    }

    body.home .et-home-categories-grid {
        gap: 16px !important;
    }

    body.home .et-home-category-card {
        min-height: 82px !important;
        padding: 16px !important;
        gap: 14px !important;
    }

    body.home .et-home-category-copy {
        gap: 5px !important;
    }

    /* Por qué registrarse */
    body.home .et-home-why-grid {
        gap: 18px !important;
    }

    body.home .et-home-why-item {
        padding: 22px 18px !important;
        gap: 17px !important;
        min-height: 120px !important;
    }

    body.home .et-home-why-item > div {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    body.home .et-home-why-item small {
        line-height: 1.6 !important;
    }

    body.home .et-home-why-action {
        margin-top: 28px !important;
    }

    /* Perfil de empresa */
    .et-company-profile section,
    .et-company-profile .et-company-section,
    .et-company-profile .et-profile-section {
        margin-bottom: 32px !important;
    }

    .et-company-profile .card,
    .et-company-profile .et-card {
        padding: 20px !important;
    }

    /* Drawer de cotización */
    .et-quote-drawer-inner,
    .et-quote-drawer__inner {
        padding: 22px 18px !important;
    }

    .et-quote-drawer form,
    .et-quote-drawer .form-group {
        gap: 14px !important;
    }

    .et-quote-drawer input,
    .et-quote-drawer textarea,
    .et-quote-drawer select {
        min-height: 48px;
        margin-bottom: 12px !important;
    }
}
