/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
a.nav-link[href='#product-details-tab'] {
    display: none;
}

/* Personalización Estimateddelivery para suministrospantera */

.sm_pantera.estimateddelivery {
    margin: 20px 0;
}
.sm_pantera.ed_lightblue {
    margin: 0 0 20px 0;
}
.sm_pantera.ed_lightblue, .sm_pantera.ed_lightblue a { color: #E6853E; }
.sm_pantera.ed_orange, .sm_pantera.ed_orange a { color: #E6853E; }
.sm_pantera a:hover { color: #ed1f24; }
.sm_pantera div { border: none;}
.sm_pantera.ed_lightblue div { background-color: #FFF5E7;}

.video-responsive {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-left: 15%
}

/* PrestaShop 9 compatibility for leo_zurich legacy AJAX states. */
#_desktop_cart .cart-preview.inactive .cssload-piano,
#_desktop_cart .leo-blockcart.inactive .cssload-piano {
    display: none !important;
}

.thumbnail-container .product-additional:empty,
.thumbnail-container .second-image-style:empty,
.thumbnail-container:hover .product-additional:empty,
.thumbnail-container:hover .second-image-style:empty {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transform: none !important;
}

/* Responsive header: Leo menu + compact product search. */
.box-bottom-header {
    align-items: center;
}

.box-bottom-header .center-bottom-header .ApMegamenu,
.box-bottom-header .center-bottom-header .leo-megamenu,
.box-bottom-header .center-bottom-header .leo-top-menu {
    max-width: 100%;
}

.box-bottom-header .center-bottom-header .leo-megamenu .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.box-bottom-header .center-bottom-header .leo-megamenu .nav-link {
    line-height: 1.25;
    white-space: normal;
}

#leo_search_block_top .block_content {
    display: flex;
    align-items: stretch;
    min-width: 0;
}

#leo_search_block_top.search-by-category .list-cate-wrapper {
    flex: 0 0 105px;
    min-width: 0;
    width: auto !important;
    padding: 0 10px;
}

#leo_search_block_top.search-by-category .leoproductsearch-result {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
}

#leo_search_block_top .block_content .leoproductsearch-result .search_query,
#leosearchtopbox input.search_query {
    width: 100% !important;
    min-width: 0;
}

.ac_results {
    max-width: calc(100vw - 30px) !important;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .box-bottom-header .center-bottom-header {
        flex: 1 1 auto !important;
        max-width: none !important;
        min-width: 0;
    }

    .box-bottom-header .right-bottom-header {
        flex: 0 0 300px !important;
        max-width: 300px !important;
        min-width: 0;
    }

    .box-bottom-header .right-bottom-header #leo_search_block_top {
        width: 100% !important;
        max-width: 300px;
        margin-top: 0;
        float: none;
    }

    .box-bottom-header .right-bottom-header #leo_search_block_top .icon-open-search {
        display: none !important;
    }

    .box-bottom-header .right-bottom-header #leo_search_block_top.search-by-category #leosearchtopbox {
        position: static !important;
        display: block !important;
        width: 100% !important;
        max-width: 300px !important;
    }

    .box-bottom-header .right-bottom-header #leo_search_block_top .block_content {
        height: 39px;
    }

    #leo_search_block_top .block_content .leoproductsearch-result .search_query {
        height: 37px;
        font-size: 12px;
    }

    #leo_search_block_top .block_content .list-cate-wrapper .select-title {
        height: 37px;
        line-height: 37px;
    }

    #leo_search_block_top .block_content #leo_search_top_button {
        width: 40px;
        height: 39px;
        font-size: 16px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .box-bottom-header .right-bottom-header {
        flex-basis: 260px !important;
        max-width: 260px !important;
    }

    .box-bottom-header .right-bottom-header #leo_search_block_top,
    .box-bottom-header .right-bottom-header #leo_search_block_top.search-by-category #leosearchtopbox {
        max-width: 260px !important;
    }

    #leo_search_block_top.search-by-category .list-cate-wrapper {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .box-bottom-header .center-bottom-header {
        flex: 0 0 54px !important;
        max-width: 54px !important;
        padding-right: 5px;
    }

    .box-bottom-header .right-bottom-header {
        flex: 1 1 calc(100% - 54px) !important;
        max-width: calc(100% - 54px) !important;
        padding-left: 5px;
    }

    .box-bottom-header .right-bottom-header #leo_search_block_top {
        display: flex;
        justify-content: flex-end;
        width: 100% !important;
        margin-top: 0;
    }

    .box-bottom-header .right-bottom-header #leo_search_block_top.search-by-category #leosearchtopbox {
        width: min(320px, calc(100vw - 70px)) !important;
        max-width: calc(100vw - 70px) !important;
        right: 0 !important;
        left: auto !important;
    }

    #leo_search_block_top.search-by-category .list-cate-wrapper {
        display: none !important;
    }

    .box-bottom-header .center-bottom-header .leo-megamenu .navbar-toggler {
        margin: 0;
    }

    .ac_results {
        width: min(320px, calc(100vw - 70px)) !important;
    }
}

@media (max-width: 575px) {
    .box-bottom-header .right-bottom-header #leo_search_block_top.search-by-category #leosearchtopbox {
        width: calc(100vw - 30px) !important;
        max-width: calc(100vw - 30px) !important;
    }

    .ac_results {
        width: calc(100vw - 30px) !important;
        left: 15px !important;
        right: 15px !important;
    }
}

/* Compact footer: reduce visual height without removing Leo/Appagebuilder content. */
.footer-container .footer-top,
.footer-container .footer-center,
.footer-container .footer-bottom {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.footer-container .box-top-footer {
    padding-top: 24px !important;
    padding-bottom: 12px !important;
}

.footer-container .box-middle-footer {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.footer-container .box-bottom-footer {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.footer-container .block,
.footer-container .ApColumn > .block {
    margin-bottom: 10px !important;
}

.footer-container .ApImage img {
    max-height: 72px;
    width: auto;
}

.footer-container .payment img,
.footer-container .certivicate img {
    max-height: 42px;
}

.footer-container .title_block,
.footer-container .block .title_block {
    margin-bottom: 8px !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
}

.footer-container .ApBlockLink ul,
.footer-container .links ul {
    margin-bottom: 0 !important;
}

.footer-container .ApBlockLink li,
.footer-container .links li {
    margin-bottom: 3px !important;
    line-height: 1.35 !important;
}

.footer-container .ApBlockLink a,
.footer-container .links a,
.footer-container .contact-footer p,
.footer-container .block_newsletter .description,
.footer-container .copyright {
    font-size: 13px !important;
    line-height: 1.45 !important;
}

.footer-container .contact-footer .phone {
    margin-bottom: 4px !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
}

.footer-container .contact-footer p {
    margin-bottom: 4px !important;
}

.footer-container #block_newsletter .description {
    display: none !important;
}

.footer-container #block_newsletter .block_content {
    padding-top: 0 !important;
}

.footer-container #block_newsletter form,
.footer-container #block_newsletter .row {
    margin-bottom: 0 !important;
}

.footer-container #block_newsletter input[type="email"] {
    min-height: 38px !important;
}

.footer-container #block_newsletter .btn {
    min-height: 38px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* Footer brand column: keep only the Pantera logo, hide the long "Conocenos" copy. */
.footer-container .box-top-footer > .ApColumn:first-child .title_block,
.footer-container .box-top-footer > .ApColumn:first-child .text-footer,
.footer-container .box-top-footer > .ApColumn:first-child .block-social {
    display: none !important;
}

.footer-container .box-top-footer > .ApColumn:first-child .ApImage {
    margin-bottom: 0 !important;
}

.footer-container .box-top-footer > .ApColumn:first-child .ApImage img {
    max-height: 86px;
    max-width: 230px;
    width: auto !important;
}

@media (min-width: 992px) {
    .footer-container .box-top-footer {
        align-items: center;
        justify-content: center;
    }

    .footer-container .box-middle-footer {
        align-items: center;
    }

    .footer-container .box-top-footer > .ApColumn:first-child {
        flex: 0 0 18% !important;
        max-width: 18% !important;
        text-align: center;
    }

    .footer-container .box-top-footer > .ApColumn:nth-child(2),
    .footer-container .box-top-footer > .ApColumn:nth-child(3) {
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }

    .footer-container .box-top-footer > .ApColumn:nth-child(4) {
        flex: 0 0 30% !important;
        max-width: 30% !important;
    }
}

@media (max-width: 767px) {
    .footer-container .box-top-footer {
        padding-top: 18px !important;
        padding-bottom: 8px !important;
    }

    .footer-container .box-middle-footer {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
        text-align: center;
    }

    .footer-container .box-bottom-footer {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .footer-container .ApImage img {
        max-height: 54px;
    }

    .footer-container .box-top-footer > .ApColumn:first-child {
        text-align: center;
    }

    .footer-container .box-top-footer > .ApColumn:first-child .ApImage img {
        max-height: 70px;
    }

    .footer-container .payment,
    .footer-container .certivicate {
        margin-bottom: 4px !important;
    }

    .footer-container .payment img,
    .footer-container .certivicate img {
        max-height: 34px;
    }
}

.sp-inicio-landing{background:#fff;color:#263238;margin-bottom:35px}
.sp-inicio-landing *{box-sizing:border-box}
body#category.sp-inicio-fullwidth #wrapper{
    padding-left:0 !important;
    padding-right:0 !important;
}
body#category.sp-inicio-fullwidth #wrapper > .container{
    width:100% !important;
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}
.sp-inicio-page{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,340px);
    gap:24px;
    align-items:start;
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
}
.sp-inicio-page-main{
    width:100%;
    margin-bottom:0;
    min-width:0;
}
.sp-inicio-page-sidebar{
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
    width:100%;
    margin:0;
    min-width:0;
    align-content:start;
}
.sp-inicio-page-sidebar .block,
.sp-inicio-page-sidebar .links{
    margin-bottom:20px;
    min-width:0;
}
.sp-inicio-page-sidebar .block .block_content,
.sp-inicio-page-sidebar .links .wrapper{
    background:#fff;
    border:1px solid #e6edf2;
    border-radius:14px;
    box-shadow:0 8px 24px rgba(15,44,65,.06);
}
.sp-inicio-blog-nav{
    background:#fff;
    border:1px solid #dbeaf1;
    border-radius:14px;
    box-shadow:0 8px 24px rgba(15,44,65,.06);
    padding:20px;
    min-width:0;
}
.sp-inicio-blog-nav-head{
    margin-bottom:14px;
}
.sp-inicio-blog-nav h2{
    font-size:21px;
    line-height:1.2;
    margin:0 0 8px;
    color:#12364f;
    font-weight:800;
}
.sp-inicio-blog-nav p{
    font-size:14px;
    line-height:1.6;
    margin:0;
    color:#52626d;
}
.sp-inicio-blog-nav-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}
.sp-inicio-blog-nav-item{
    border:1px solid #dbeaf1;
    border-radius:16px;
    background:linear-gradient(180deg,#fff 0%,#f8fbfd 100%);
    box-shadow:0 8px 24px rgba(15,44,65,.05);
    overflow:hidden;
}
.sp-inicio-blog-nav-item summary{
    list-style:none;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:14px 14px 12px;
    cursor:pointer;
    user-select:none;
}
.sp-inicio-blog-nav-item summary::-webkit-details-marker{
    display:none;
}
.sp-inicio-blog-nav-summary-main{
    display:flex;
    align-items:flex-start;
    gap:12px;
    min-width:0;
    flex:1 1 auto;
}
  .sp-inicio-blog-nav-icon{
      display:flex;
      align-items:center;
      justify-content:center;
      width:60px;
      height:60px;
      flex:0 0 60px;
      border-radius:18px;
      background:linear-gradient(180deg,#ffffff 0%,#edf6fb 100%);
      border:1px solid #d8e8f0;
      box-shadow:0 10px 24px rgba(15,44,65,.08), inset 0 1px 0 rgba(255,255,255,.92);
      overflow:hidden;
  }
  .sp-inicio-blog-nav-icon img{
      display:block;
      width:60px;
      height:60px;
      object-fit:cover;
      border-radius:18px;
  }
.sp-inicio-blog-nav-copy{
    min-width:0;
    flex:1 1 auto;
}
.sp-inicio-blog-nav-title{
    display:block;
    color:#12364f;
    font-size:16px;
    line-height:1.3;
    font-weight:800;
}
.sp-inicio-blog-nav-description{
    display:block;
    margin-top:5px;
    color:#60727d;
    font-size:13px;
    line-height:1.5;
}
  .sp-inicio-blog-nav-toggle{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:34px;
      height:34px;
      flex:0 0 34px;
      margin-top:2px;
      border-radius:999px;
      background:linear-gradient(180deg,#eef7fb 0%,#dceef6 100%);
      color:#0b75a5;
      font-weight:800;
      line-height:1;
      transition:transform .2s ease, background-color .2s ease, color .2s ease;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
  }
  .sp-inicio-blog-nav-item[open] .sp-inicio-blog-nav-toggle{
      transform:translateX(1px);
      background:linear-gradient(180deg,#dff1f8 0%,#cfe7f1 100%);
      color:#063b5f;
  }
.sp-inicio-blog-nav-item:hover{
    box-shadow:0 14px 30px rgba(15,44,65,.1);
}
.sp-inicio-blog-nav-articles{
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:0 14px 14px 82px;
}
.sp-inicio-blog-nav-category-link,
.sp-inicio-blog-nav-article{
    display:block;
    padding:10px 12px;
    border-radius:12px;
    border:1px solid #e0ebf0;
    background:#fff;
    color:#12364f;
    font-weight:700;
    line-height:1.35;
    text-decoration:none;
    transition:background-color .2s ease, transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.sp-inicio-blog-nav-category-link{
    background:#f7fbfd;
    border-style:dashed;
}
.sp-inicio-blog-nav-category-link:hover,
.sp-inicio-blog-nav-article:hover{
    background:#e9f4f9;
    border-color:#cfe1ea;
    box-shadow:0 10px 20px rgba(15,44,65,.08);
    transform:translateX(2px);
    text-decoration:none;
}
.sp-inicio-blog-nav-empty{
    padding:10px 12px;
    border-radius:12px;
    background:#fff;
    border:1px dashed #d7e7ef;
    color:#60727d;
    font-size:13px;
    line-height:1.5;
}
.childrens .col-lg-3{
    margin-bottom:24px;
}
.childrens .sp-blog-category-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:96px;
    height:96px;
    margin:0 auto 14px;
    padding:12px;
    border-radius:22px;
    background:linear-gradient(180deg,#f7fbfd 0%,#e9f4f9 100%);
    border:1px solid #dbeaf1;
    box-shadow:0 8px 24px rgba(15,44,65,.06);
}
.childrens .sp-blog-category-icon img{
    width:72px;
    height:72px;
}
.childrens h4{
    margin-bottom:10px;
}
.childrens .child-desc{
    color:#52626d;
    line-height:1.6;
}
.sp-inicio-page-sidebar .block,
.sp-inicio-page-sidebar .links{
    margin-bottom:0;
}
.sp-inicio-hero{position:relative;overflow:hidden;border-radius:16px;margin:0 0 28px;background:#063b5f}
.sp-inicio-hero picture{display:block}
.sp-inicio-hero img{display:block;width:100%;height:auto}
.sp-inicio-hero-copy{background:linear-gradient(135deg,#063b5f 0%,#0b6f9d 100%);color:#fff;padding:28px}
.sp-inicio-eyebrow{display:inline-block;margin-bottom:10px;color:#ffe45c;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:13px}
.sp-inicio-hero h1{color:#fff;font-size:34px;line-height:1.15;margin:0 0 14px;font-weight:800}
.sp-inicio-hero p{font-size:17px;line-height:1.65;margin:0;max-width:980px}
.sp-inicio-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.sp-inicio-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 20px;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.sp-inicio-btn:hover{transform:translateY(-2px);text-decoration:none}
.sp-inicio-btn-primary{background:#ffde17;color:#112b3c;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.sp-inicio-btn-secondary{border:2px solid rgba(255,255,255,.85);color:#fff}
.sp-inicio-intro{display:grid;grid-template-columns:1.4fr .9fr;gap:22px;align-items:stretch;margin-bottom:30px}
.sp-inicio-panel{border:1px solid #e8edf1;border-radius:14px;padding:24px;background:#fff;box-shadow:0 8px 24px rgba(15,44,65,.07)}
.sp-inicio-panel h2,.sp-inicio-blog h2{font-size:26px;line-height:1.25;margin:0 0 12px;color:#12364f;font-weight:800}
.sp-inicio-panel p{font-size:16px;line-height:1.7;margin:0 0 12px}
.sp-inicio-list{margin:0;padding:0;list-style:none}
.sp-inicio-list li{padding:9px 0 9px 28px;position:relative;border-bottom:1px solid #edf2f5}
.sp-inicio-list li:before{content:"\2713";position:absolute;left:0;color:#0b8cb8;font-weight:800}
.sp-inicio-section-title{text-align:center;max-width:850px;margin:0 auto 24px}
.sp-inicio-section-title h2{font-size:30px;line-height:1.25;color:#12364f;margin:0 0 10px;font-weight:800}
.sp-inicio-section-title p{font-size:16px;line-height:1.65;margin:0;color:#52626d}
.sp-inicio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:34px}
.sp-inicio-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.sp-inicio-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e6edf2;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(15,44,65,.08);transition:transform .2s ease,box-shadow .2s ease}
.sp-inicio-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,44,65,.14);text-decoration:none}
.sp-inicio-card img{width:100%;height:250px;object-fit:cover;object-position:top center;background:#f5f7f9}
.sp-inicio-card-body{display:flex;flex:1;flex-direction:column;padding:18px}
.sp-inicio-card h3{font-size:19px;line-height:1.25;margin:0 0 9px;color:#111;font-weight:800}
.sp-inicio-card p{font-size:14px;line-height:1.55;color:#52626d;margin:0 0 16px}
.sp-inicio-card span{margin-top:auto;color:#0b75a5;font-weight:800}
.sp-inicio-guides{margin:0 0 30px;padding:26px;border:1px solid #dbeaf1;border-radius:16px;background:linear-gradient(180deg,#ffffff 0%,#f7fbfd 100%)}
.sp-inicio-guides-head{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:18px}
.sp-inicio-guides-head h2{font-size:26px;line-height:1.25;margin:0 0 10px;color:#12364f;font-weight:800}
.sp-inicio-guides-head p{font-size:16px;line-height:1.65;margin:0;color:#52626d;max-width:760px}
.sp-inicio-guides-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sp-inicio-guide-card{display:flex;flex-direction:column;min-height:100%;padding:20px;background:#fff;border:1px solid #e0ebf0;border-radius:14px;color:#263238;text-decoration:none;box-shadow:0 8px 24px rgba(15,44,65,.06);transition:transform .2s ease,box-shadow .2s ease}
.sp-inicio-guide-card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,44,65,.12)}
.sp-inicio-guide-card strong{display:block;color:#12364f;font-size:18px;line-height:1.35;margin:0 0 10px}
.sp-inicio-guide-card p{font-size:14px;line-height:1.6;color:#52626d;margin:0 0 14px}
.sp-inicio-guide-card span:last-child{margin-top:auto;color:#0b75a5;font-weight:800}
.sp-inicio-blog{border-radius:16px;background:#f2f8fb;padding:26px;border:1px solid #dbeaf1}
.sp-inicio-blog-head{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:18px}
.sp-inicio-blog-head p{font-size:16px;line-height:1.65;margin:0;color:#52626d;max-width:760px}
.sp-inicio-blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}
.sp-inicio-post{display:flex;flex-direction:column;background:#fff;border-radius:12px;border:1px solid #e0ebf0;color:#263238;text-decoration:none;overflow:hidden;height:100%}
.sp-inicio-post:hover{text-decoration:none;box-shadow:0 12px 28px rgba(15,44,65,.12);transform:translateY(-3px)}
.sp-inicio-post-featured{display:block;margin-bottom:18px}
.sp-inicio-post-featured:hover{transform:translateY(-4px)}
.sp-inicio-post-body{display:flex;flex:1;flex-direction:column;padding:16px}
.sp-inicio-post-body-featured{display:flex;flex-direction:column;justify-content:center;padding:30px;min-height:260px}
.sp-inicio-post-label{display:inline-flex;align-self:flex-start;margin-bottom:10px;padding:5px 11px;border-radius:999px;background:#e9f4f9;color:#0b75a5;font-size:12px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.sp-inicio-post-date{display:block;color:#6a7d88;font-size:13px;margin-bottom:8px}
.sp-inicio-post strong{display:block;color:#12364f;font-size:17px;line-height:1.35;margin-bottom:8px}
.sp-inicio-post-body-featured strong{font-size:28px;line-height:1.18;margin-bottom:12px}
.sp-inicio-post p{font-size:14px;line-height:1.55;color:#52626d;margin:0 0 12px}
.sp-inicio-post-body-featured p{font-size:16px;line-height:1.7;margin-bottom:16px}
.sp-inicio-post span{color:#0b75a5;font-weight:800}
.sp-inicio-post-body span:last-child{margin-top:auto}
.sp-inicio-blog-empty{background:#fff;border:1px dashed #bdd5e0;border-radius:12px;padding:20px;color:#52626d}

.sp-inicio-guides,
.sp-inicio-blog,
.sp-inicio-blog-nav,
.sp-inicio-page-sidebar .block,
.sp-inicio-page-sidebar .links{
    content-visibility:auto;
    contain-intrinsic-size:1px 700px;
}
.sp-inicio-card,
.sp-inicio-guide-card,
.sp-inicio-post{
    content-visibility:auto;
    contain-intrinsic-size:1px 420px;
}

/* Hide LeoBlog publication dates across listing, article detail and home feed. */
.blog-item .blog-bottom .created,
.blog-item .blog-meta .blog-created,
.blog-detail .blog-meta .blog-created,
.latest-blogs .blog-meta .created,
.sp-inicio-post-date {
    display: none !important;
}

.latest-blogs .blog-meta .created + .spacing {
    display: none !important;
}

@media (max-width:1399px){.sp-inicio-blog-grid,.sp-inicio-guides-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1199px){.sp-inicio-page{grid-template-columns:minmax(0,1fr) minmax(280px,320px)}}
@media (max-width:1199px){.sp-inicio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
  @media (max-width:991px){.sp-inicio-page{display:flex;flex-direction:column;gap:18px}.sp-inicio-page-sidebar{order:-1;grid-template-columns:1fr;gap:14px;margin-top:0}.sp-inicio-intro{grid-template-columns:1fr}.sp-inicio-blog-grid,.sp-inicio-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-inicio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-inicio-hero h1{font-size:28px}.sp-inicio-post-body-featured strong{font-size:24px}}
  @media (max-width:575px){.sp-inicio-hero picture{display:none}.sp-inicio-hero{margin-bottom:8px}.sp-inicio-hero-copy{padding:12px 14px}.sp-inicio-hero h1{font-size:19px;line-height:1.12;margin-bottom:6px}.sp-inicio-hero p{font-size:12px;line-height:1.45;max-width:none;margin-bottom:0}.sp-inicio-hero-copy,.sp-inicio-panel,.sp-inicio-blog,.sp-inicio-guides,.sp-inicio-blog-nav{padding:14px}.sp-inicio-grid,.sp-inicio-blog-grid,.sp-inicio-guides-grid{grid-template-columns:1fr}.sp-inicio-card img{width:100%;aspect-ratio:1/1;height:auto;object-fit:contain;object-position:center;background:linear-gradient(180deg,#ffffff 0%,#f3f8fb 100%);padding:12px;box-sizing:border-box}.sp-inicio-card-body{padding:14px}.sp-inicio-guide-card{padding:16px}.sp-inicio-post-body,.sp-inicio-post-body-featured{padding:16px}.sp-inicio-actions{display:block;margin-top:12px}.sp-inicio-btn{width:100%;margin-bottom:10px}.sp-inicio-blog-head,.sp-inicio-guides-head{display:block}.sp-inicio-blog-nav-item summary{padding:12px}.sp-inicio-blog-nav-icon{width:50px;height:50px;flex-basis:50px;border-radius:16px}.sp-inicio-blog-nav-icon img{width:50px;height:50px;border-radius:16px}.sp-inicio-blog-nav-articles{padding:0 12px 12px}.sp-inicio-panel p,.sp-inicio-guides-head p,.sp-inicio-blog-head p{font-size:15px;line-height:1.6}}
@media (max-width:575px){.sp-inicio-page-sidebar{grid-template-columns:1fr}}

/* Noticias: stabilize lower blog/sidebar and footer on mobile, laptop and desktop. */
body.category-noticias .sp-inicio-page,
body.category-noticias .sp-inicio-page-main,
body.category-noticias .sp-inicio-page-sidebar,
body.category-noticias .sp-inicio-blog,
body.category-noticias .sp-inicio-guides,
body.category-noticias .sp-inicio-blog-nav,
body.category-noticias .sp-inicio-post,
body.category-noticias .sp-inicio-guide-card {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

body.category-noticias .sp-inicio-guides,
body.category-noticias .sp-inicio-blog,
body.category-noticias .sp-inicio-blog-nav,
body.category-noticias .sp-inicio-page-sidebar .block,
body.category-noticias .sp-inicio-page-sidebar .links,
body.category-noticias .sp-inicio-post,
body.category-noticias .sp-inicio-guide-card {
    content-visibility: visible;
    contain-intrinsic-size: auto;
}

@media (min-width: 992px) {
    body.category-noticias .sp-inicio-page {
        display: flex !important;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 24px;
    }

    body.category-noticias .sp-inicio-page-main {
        width: calc(65% - 12px) !important;
        flex: 0 0 calc(65% - 12px) !important;
        max-width: calc(65% - 12px) !important;
        min-width: 0;
    }

    body.category-noticias .sp-inicio-page-sidebar {
        width: calc(35% - 12px) !important;
        flex: 0 0 calc(35% - 12px) !important;
        max-width: calc(35% - 12px) !important;
        min-width: 0;
    }

    .sp-blog-category-grid,
    .sp-blog-detail-grid {
        display: flex !important;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 24px;
    }

    .sp-blog-category-main,
    .sp-blog-detail-main {
        width: calc(65% - 12px) !important;
        flex: 0 0 calc(65% - 12px) !important;
        max-width: calc(65% - 12px) !important;
        min-width: 0;
    }

    .sp-blog-category-aside,
    .sp-blog-detail-aside {
        width: calc(35% - 12px) !important;
        flex: 0 0 calc(35% - 12px) !important;
        max-width: calc(35% - 12px) !important;
        min-width: 0;
    }

    body.category-noticias .sp-inicio-page-sidebar {
        margin-top: 0;
    }

    body.category-noticias .sp-inicio-blog-grid,
    body.category-noticias .sp-inicio-guides-grid,
    body.category-noticias .sp-inicio-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.category-noticias .sp-inicio-grid--three {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.category-noticias .sp-inicio-post-body-featured {
        min-height: 0;
    }

    body.category-noticias .sp-inicio-blog,
    body.category-noticias .sp-inicio-guides {
        padding: 22px;
    }

    body#module-leoblog-list .sp-blog-listing-grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: 24px !important;
        width: 100% !important;
        max-width: none !important;
    }

    body#module-leoblog-list .sp-blog-listing-main {
        flex: 0 0 calc(65% - 12px) !important;
        width: calc(65% - 12px) !important;
        max-width: calc(65% - 12px) !important;
        min-width: 0 !important;
    }

    body#module-leoblog-list .sp-blog-listing-aside {
        flex: 0 0 calc(35% - 12px) !important;
        width: calc(35% - 12px) !important;
        max-width: calc(35% - 12px) !important;
        min-width: 0 !important;
    }

    .sp-product-blog-layout {
        display: flex !important;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 24px;
        width: 100%;
    }

    .sp-product-blog-main {
        flex: 0 0 calc(65% - 12px);
        width: calc(65% - 12px);
        max-width: calc(65% - 12px);
        min-width: 0;
    }

    .sp-product-blog-aside {
        flex: 0 0 calc(35% - 12px);
        width: calc(35% - 12px);
        max-width: calc(35% - 12px);
        min-width: 0;
    }

    .sp-product-blog-aside__inner {
        position: sticky;
        top: 96px;
    }

    .sp-product-blog-aside .sp-technical-menu {
        margin: 0;
        padding: 18px;
        border-radius: 22px;
    }

    .sp-product-blog-aside .sp-technical-menu h3 {
        margin-bottom: 14px;
        font-size: 21px;
    }

    .sp-product-blog-aside .sp-technical-menu .row {
        display: block;
        margin-left: 0;
        margin-right: 0;
    }

    .sp-product-blog-aside .sp-technical-menu .col-md-6,
    .sp-product-blog-aside .sp-technical-menu .col-lg-6 {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 12px;
    }

    .sp-product-blog-aside .sp-technical-menu .sp-technical-menu-card {
        justify-content: flex-start;
        text-align: left;
        align-items: center;
        padding: 20px 20px 20px 18px;
        gap: 18px;
        border-radius: 24px;
        background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(242,249,252,0.98) 100%);
        box-shadow: 0 12px 28px rgba(15, 44, 65, 0.08);
    }

    .sp-product-blog-aside .sp-technical-menu .sp-blog-category-icon {
        flex: 0 0 92px;
        width: 92px;
        height: 92px;
        justify-content: flex-start;
        padding: 14px;
        border-radius: 22px;
    }

    .sp-product-blog-aside .sp-technical-menu .sp-blog-category-icon img {
        width: 62px;
        height: 62px;
    }

    body#module-leoblog-list .sp-blog-listing-aside .sp-technical-menu .row {
        display: block;
        margin-left: 0;
        margin-right: 0;
    }

    body#module-leoblog-list .sp-blog-listing-aside .sp-technical-menu .col-md-6,
    body#module-leoblog-list .sp-blog-listing-aside .sp-technical-menu .col-lg-6 {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 12px;
    }

    body#module-leoblog-list .sp-blog-listing-aside .sp-technical-menu .sp-technical-menu-card {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
        text-align: left !important;
        width: 100% !important;
        padding: 18px 18px 18px 14px !important;
        gap: 14px !important;
        border-radius: 24px !important;
    }

    body#module-leoblog-list .sp-blog-listing-aside .sp-technical-menu .sp-blog-category-icon {
        flex: 0 0 88px !important;
        width: 88px !important;
        height: 88px !important;
        justify-content: flex-start !important;
        padding: 12px !important;
    }

    body#module-leoblog-list .sp-blog-listing-aside .sp-technical-menu .sp-blog-category-icon img {
        width: 58px !important;
        height: 58px !important;
        max-width: none !important;
    }

    body#module-leoblog-list .sp-blog-listing-aside .sp-technical-menu .sp-technical-menu-title {
        flex: 1 1 auto !important;
        text-align: left !important;
    }
}

@media (max-width: 991px) {
    .sp-product-blog-layout {
        display: block;
    }

    .sp-product-blog-main,
    .sp-product-blog-aside {
        width: 100%;
        max-width: 100%;
    }

    .sp-product-blog-aside {
        margin-top: 18px;
    }

    .sp-product-blog-aside__inner {
        position: static;
    }
}

@media (min-width: 1200px) {
    .footer-container .box-top-footer {
        row-gap: 14px;
    }

    .footer-container .box-top-footer > .ApColumn:first-child {
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }

    .footer-container .box-top-footer > .ApColumn:nth-child(2),
    .footer-container .box-top-footer > .ApColumn:nth-child(3) {
        flex: 0 0 19% !important;
        max-width: 19% !important;
    }

    .footer-container .box-top-footer > .ApColumn:nth-child(4) {
        flex: 0 0 32% !important;
        max-width: 32% !important;
    }
}

@media (max-width: 575px) {
    body.category-noticias .sp-inicio-page {
        gap: 14px;
    }

    body.category-noticias .sp-inicio-blog {
        padding: 14px;
        border-radius: 14px;
    }

    body.category-noticias .sp-inicio-post-body-featured {
        min-height: 0;
    }

    body.category-noticias .sp-inicio-post strong {
        font-size: 16px;
        line-height: 1.3;
    }

    body.category-noticias .sp-inicio-post p {
        font-size: 14px;
        line-height: 1.55;
    }

    .footer-container .box-bottom-footer {
        display: block !important;
        text-align: center;
    }

    .footer-container .box-bottom-footer > [class*="col-"] {
        display: block !important;
    }
}

/* Leo vertical menu: keep uploaded menu images as compact icons. */
div.verticalmenu ul li a .menu-icon {
    min-height: 34px;
    background-size: 36px 34px !important;
    background-position: 20px center !important;
}

div.verticalmenu ul li a .menu-icon .menu-title {
    min-height: 34px;
    margin-left: 62px;
    display: flex;
    align-items: center;
}

div.verticalmenu ul li a.dropdown-toggle .menu-icon .menu-title {
    margin-left: 62px;
    margin-right: 18px;
}

.rtl div.verticalmenu ul li a .menu-icon {
    background-position: right 20px center !important;
}

.rtl div.verticalmenu ul li a .menu-icon .menu-title {
    margin-right: 62px;
    margin-left: 0;
}

/* Novedades: imagen a tamaño natural, sin texto "NOVEDADES". */
div.verticalmenu .nav-link[href*="/692-novedades"] .menu-icon,
div.verticalmenu .nav-link[href$="/novedades"] .menu-icon {
    background-size: auto 34px !important;
    background-position: 8px center !important;
    min-width: 160px;
}

div.verticalmenu .nav-link[href*="/692-novedades"] .menu-icon .menu-title,
div.verticalmenu .nav-link[href$="/novedades"] .menu-icon .menu-title {
    display: none !important;
}

.rtl div.verticalmenu .nav-link[href*="/692-novedades"] .menu-icon,
.rtl div.verticalmenu .nav-link[href$="/novedades"] .menu-icon {
    background-position: right 8px center !important;
}