/*
  KOOS render iPad / tablet
  Archivo dedicado para controlar el render en tablets.
  Rango: 768px a 1199px.
  Mantiene el resultado visual actual y permite revisar duplicidades por dispositivo.
*/

@media screen and (min-width: 768px) and (max-width: 1199px){

  html,
  body{
    overflow-x:hidden;
  }

  /* Evita fallos de render diferido en iPad */
  #que-hacemos,
  #quienes-somos,
  #esto-es-koos,
  #ciclo-trabajo,
  #experiencia,
  #testimonios-por-taller,
  .sponsors-section,
  #actualidad-koos,
  .koos-cta-unidos-section,
  .main-footer{
    content-visibility:visible!important;
    contain-intrinsic-size:auto!important;
  }

  /* Hero iPad */
  #inicio,
  #inicio .banner-carousel,
  #inicio .slide-item{
    background-color:#101217;
  }

  #inicio .koos-deferred-bg{
    background-size:cover;
    background-position:62% center;
    background-repeat:no-repeat;
  }

  #inicio .koos-hero-fixed{
    visibility:visible;
    opacity:1;
  }

  /* Videos / multimedia iPad */
  video,
  iframe{
    max-width:100%;
  }

  /* Experiencia KOOS iPad */
  #experiencia .expv-stage,
  #experiencia .expv-grid,
  #experiencia .expv-panel{
    max-width:100%;
  }

  html.koos-render-ipad #experiencia .expv-stage{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    width:100%!important;
    max-width:100%!important;
  }

  html.koos-render-ipad #experiencia .expv-carousel.expv-carousel-disabled{
    display:none!important;
  }

  html.koos-render-ipad #experiencia .expv-viewport{
    height:auto!important;
    min-height:0!important;
    overflow:hidden!important;
    padding:8px!important;
    border-radius:24px!important;
  }

  html.koos-render-ipad #experiencia .expv-track{
    display:flex!important;
    flex-direction:row!important;
    width:max-content!important;
    max-width:none!important;
    animation:none!important;
  }

  html.koos-render-ipad #experiencia .expv-carousel[data-direction="right"] .expv-track{
    animation-name:koosExpMarqueeXRight!important;
  }

  html.koos-render-ipad #experiencia .expv-loop-set{
    display:flex!important;
    flex-direction:row!important;
    gap:14px!important;
    width:max-content!important;
  }

  html.koos-render-ipad #experiencia .expv-card{
    width:min(38vw,320px)!important;
    min-width:260px!important;
    aspect-ratio:4 / 3!important;
  }

  #experiencia img,
  #experiencia video{
    max-width:100%;
  }

  html.koos-render-ipad body.expv-modal-open-body{
    overflow:hidden!important;
    overscroll-behavior:contain;
  }

  html.koos-render-ipad body.expv-modal-open-body #experiencia .expv-info{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:var(--koos-vh, 100vh)!important;
    min-height:var(--koos-vh, 100vh)!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
  }

  html.koos-render-ipad body.expv-modal-open-body #experiencia .expv-info-inner.expv-bento-shell{
    position:fixed!important;
    inset:auto!important;
    left:8px!important;
    top:8px!important;
    width:calc(100vw - 16px)!important;
    height:calc(var(--koos-vh, 100vh) - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(var(--koos-vh, 100vh) - 16px)!important;
    padding:10px!important;
    border-radius:18px!important;
    transform:none!important;
    overflow:hidden!important;
  }

  html.koos-render-ipad body.expv-modal-open-body #experiencia .expv-info.is-open .expv-info-inner.expv-bento-shell{
    transform:none!important;
  }

  html.koos-render-ipad body.expv-modal-open-body #experiencia .expv-bento-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:calc(env(safe-area-inset-top, 0px) + 56px) 0 calc(env(safe-area-inset-bottom, 0px) + 10px)!important;
    -webkit-overflow-scrolling:touch!important;
  }

  html.koos-render-ipad body.expv-modal-open-body #experiencia .expv-hero-tile{
    flex:0 0 auto!important;
    height:clamp(300px, 42vh, 430px)!important;
    min-height:300px!important;
  }

  html.koos-render-ipad body.expv-modal-open-body #experiencia .expv-assets-tile{
    flex:0 0 170px!important;
    min-height:170px!important;
    height:170px!important;
  }

  html.koos-render-ipad body.expv-modal-open-body #experiencia .expv-close{
    position:fixed!important;
    top:calc(env(safe-area-inset-top, 0px) + 10px)!important;
    right:10px!important;
    width:46px!important;
    height:46px!important;
    z-index:2147483002!important;
  }


  /* Actualidad iPad */
  #actualidad-koos img,
  .actualidad-main-section img{
    max-width:100%;
    height:auto;
  }

  /* Footer iPad */
  .main-footer,
  .main-footer .widgets-section,
  .main-footer .footer-bottom{
    max-width:100%;
  }


  /* Qué hacemos iPad: evita recorte de la galería expandida al abrir el + */
  @media screen and (min-width:768px) and (max-width:991px){
    #que-hacemos .koos-service-details-wrap{
      left:15px!important;
      right:15px!important;
      margin-top:24px!important;
    }

    #que-hacemos.is-detail-open .services-row{
      min-height:940px!important;
    }

    #que-hacemos .koos-service-detail{
      min-height:auto!important;
      padding:28px 22px 28px!important;
      overflow:hidden!important;
    }

    #que-hacemos .koos-service-detail > .row{
      min-height:auto!important;
      row-gap:20px!important;
      align-items:flex-start!important;
    }

    #que-hacemos .koos-detail-text{
      padding-right:0!important;
      margin-bottom:0!important;
    }

    #que-hacemos .koos-detail-gallery{
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      gap:14px!important;
      align-content:start!important;
    }

    #que-hacemos .koos-detail-gallery .image-slot{
      min-height:190px!important;
      aspect-ratio:4 / 3!important;
    }

    #que-hacemos .koos-detail-gallery .image-slot img{
      display:block!important;
      width:100%!important;
      height:100%!important;
      min-height:190px!important;
      object-fit:cover!important;
    }
  }



  /* Experiencia KOOS v85: scroll táctil estable + espaciado regular */
  html.koos-render-ipad #experiencia{
    --expv-gap:14px;
  }

  html.koos-render-ipad #experiencia .expv-carousel,
  html.koos-render-ipad #experiencia .expv-viewport{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    touch-action:pan-x pan-y!important;
    overscroll-behavior-x:contain!important;
    overscroll-behavior-y:auto!important;
    scroll-behavior:auto!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  html.koos-render-ipad #experiencia .expv-track{
    gap:0!important;
    touch-action:pan-x pan-y!important;
    will-change:transform!important;
  }

  html.koos-render-ipad #experiencia .expv-loop-set,
  html.koos-render-ipad #experiencia .expv-loop-set-clone{
    gap:var(--expv-gap)!important;
    padding-right:var(--expv-gap)!important;
    padding-bottom:0!important;
    box-sizing:border-box!important;
  }

  html.koos-render-ipad #experiencia .expv-card{
    margin:0!important;
    touch-action:pan-x pan-y!important;
    -webkit-user-select:none!important;
    user-select:none!important;
    -webkit-user-drag:none!important;
  }

  html.koos-render-ipad #experiencia .expv-card img,
  html.koos-render-ipad #experiencia .expv-card video,
  html.koos-render-ipad #experiencia .expv-card .expv-card-title,
  html.koos-render-ipad #experiencia .expv-expand-hint{
    pointer-events:none!important;
    touch-action:pan-x pan-y!important;
    -webkit-user-drag:none!important;
  }

  html.koos-render-ipad #experiencia .expv-carousel.is-touch-paused .expv-track,
  html.koos-render-ipad #experiencia.expv-modal-open .expv-track{
    animation-play-state:paused!important;
  }

  /* iPad horizontal: layout contenido, sin descuadres ni desbordes laterales */
  @media screen and (min-width:992px) and (max-width:1199px) and (orientation:landscape){
    html.koos-render-ipad #experiencia .auto-container{
      max-width:100%!important;
      padding-left:18px!important;
      padding-right:18px!important;
    }

    html.koos-render-ipad #experiencia .expv-stage{
      grid-template-columns:1fr!important;
      gap:16px!important;
      width:100%!important;
      max-width:100%!important;
      overflow:hidden!important;
    }

    html.koos-render-ipad #experiencia .expv-viewport{
      height:auto!important;
      min-height:0!important;
      padding:8px!important;
      border-radius:24px!important;
    }

    html.koos-render-ipad #experiencia .expv-card{
      width:clamp(250px, 29vw, 318px)!important;
      min-width:250px!important;
      aspect-ratio:4 / 3!important;
      border-radius:22px!important;
    }

    html.koos-render-ipad #experiencia .expv-card img,
    html.koos-render-ipad #experiencia .expv-card video{
      aspect-ratio:4 / 3!important;
      object-fit:cover!important;
    }
  }



  /* Experiencia KOOS v86: carrusel horizontal usable sin bloquear scroll vertical */
  html.koos-render-ipad #experiencia .expv-viewport::-webkit-scrollbar{
    display:none!important;
  }

  html.koos-render-ipad #experiencia .expv-carousel.is-touch-paused .expv-track{
    animation-play-state:paused!important;
  }

  html.koos-render-ipad #experiencia .expv-carousel:not(.is-touch-paused) .expv-track{
    animation-play-state:running!important;
  }



  /* KOOS v87: íconos ¿Qué hacemos? y bajadas legibles en iPad/tablet */
  html.koos-render-ipad #que-hacemos .service-block .icon-box,
  html.koos-render-ipad #que-hacemos .koos-service-card .icon-box{
    width:94px!important;
    height:94px!important;
    min-width:94px!important;
    min-height:94px!important;
    margin:0 auto 24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  html.koos-render-ipad #que-hacemos .service-block .icon-box span,
  html.koos-render-ipad #que-hacemos .koos-service-card .icon-box span,
  html.koos-render-ipad #que-hacemos .service-block .icon-box i,
  html.koos-render-ipad #que-hacemos .koos-service-card .icon-box i{
    font-size:69px!important;
    width:80px!important;
    height:80px!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#ffaa17!important;
  }

  html.koos-render-ipad #que-hacemos .service-block .inner-box.koos-service-card{
    min-height:264px!important;
    padding-top:28px!important;
    padding-bottom:25px!important;
  }

  html.koos-render-ipad .sec-title .lower-text,
  html.koos-render-ipad .sec-title p,
  html.koos-render-ipad #que-hacemos .sec-title .lower-text,
  html.koos-render-ipad #experiencia .expv-header p,
  html.koos-render-ipad #testimonios-por-taller .koos-voices-intro,
  html.koos-render-ipad #actualidad-koos .koos-actualidad-text,
  html.koos-render-ipad .koos-live-caption p,
  html.koos-render-ipad #ciclo-trabajo .koos-cycle-intro,
  html.koos-render-ipad #ciclo-trabajo .koos-cycle-intro-ipad,
  html.koos-render-ipad #quienes-somos .text-column .text p,
  html.koos-render-ipad #quienes-somos .text-column .text li{
    font-size:19px!important;
    line-height:1.58!important;
    font-weight:600!important;
    letter-spacing:.003em!important;
  }

  html.koos-render-ipad .sec-title .lower-text,
  html.koos-render-ipad #que-hacemos .sec-title .lower-text,
  html.koos-render-ipad #experiencia .expv-header p,
  html.koos-render-ipad #testimonios-por-taller .koos-voices-intro,
  html.koos-render-ipad #actualidad-koos .koos-actualidad-text{
    max-width:780px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }



  /* KOOS v89: CTA "Los grandes desafíos" centrada en iPad/tablet */
  html.koos-render-ipad .koos-cta-unidos-section{
    text-align:center!important;
  }

  html.koos-render-ipad .koos-cta-unidos-wrap{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    padding-left:38px!important;
    padding-right:38px!important;
    gap:22px!important;
  }

  html.koos-render-ipad .koos-cta-unidos-copy{
    width:100%!important;
    max-width:620px!important;
    margin:0 auto!important;
    text-align:center!important;
  }

  html.koos-render-ipad .koos-cta-unidos-actions{
    width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
  }

  html.koos-render-ipad .koos-cta-unidos-btn{
    width:min(100%, 286px)!important;
    min-width:0!important;
    margin:0 auto!important;
    text-align:center!important;
  }



  /* KOOS v96: CTA limpia sin texturas + footer iPad tipo móvil */
  html.koos-render-ipad .koos-cta-unidos-wrap{
    background:#f5b116!important;
    background-image:none!important;
    position:relative!important;
    overflow:hidden!important;
  }

  html.koos-render-ipad .koos-cta-unidos-wrap::before,
  html.koos-render-ipad .koos-cta-unidos-wrap::after{
    content:none!important;
    display:none!important;
    background:none!important;
  }

  html.koos-render-ipad .koos-cta-unidos-copy,
  html.koos-render-ipad .koos-cta-unidos-actions{
    position:relative!important;
    z-index:1!important;
  }

  html.koos-render-ipad .koos-cta-unidos-btn{
    width:min(100%, 336px)!important;
    min-width:336px!important;
    min-height:68px!important;
    padding:18px 38px!important;
    border-radius:999px!important;
    border:2px solid rgba(255,255,255,.16)!important;
    background:linear-gradient(135deg, #222429 0%, #171a1f 100%)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.24)!important, inset 0 1px 0 rgba(255,255,255,.08)!important;
    letter-spacing:.05em!important;
    font-size:18px!important;
    margin:0 auto!important;
    text-align:center!important;
  }

  html.koos-render-ipad .main-footer .auto-container{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  html.koos-render-ipad .koos-footer-reference-row{
    display:block!important;
    width:100%!important;
  }

  html.koos-render-ipad .koos-footer-reference-row > .column,
  html.koos-render-ipad .koos-footer-reference-row > [class*="col-"]{
    display:block!important;
    float:none!important;
    clear:both!important;
    width:100%!important;
    max-width:100%!important;
    flex:none!important;
    padding-left:0!important;
    padding-right:0!important;
    margin:0 0 18px 0!important;
  }

  html.koos-render-ipad .koos-footer-reference-row .footer-widget,
  html.koos-render-ipad .koos-footer-reference-row .widget-content{
    width:100%!important;
    text-align:left!important;
  }

  html.koos-render-ipad .koos-footer-services-col .contact-info,
  html.koos-render-ipad .koos-footer-contact-col .contact-info,
  html.koos-render-ipad .koos-footer-redes-col .contact-info{
    display:block!important;
    width:100%!important;
    margin:0!important;
    text-align:left!important;
  }

  html.koos-render-ipad .main-footer .footer-bottom,
  html.koos-render-ipad .main-footer .footer-bottom .auto-container{
    text-align:center!important;
  }



  /* KOOS v98: color seguro y textos suaves SIN tocar videos/iframes */
  html.koos-render-ipad img,
  html.koos-render-ipad picture img,
  html.koos-render-ipad .image img,
  html.koos-render-ipad .image-box img,
  html.koos-render-ipad .featured-block img,
  html.koos-render-ipad .koos-detail-gallery img,
  html.koos-render-ipad .expv-card img,
  html.koos-render-ipad .expv-hero-media img,
  html.koos-render-ipad .koos-news-mini-thumb img,
  html.koos-render-ipad .koos-estonio-gallery img{
    filter:none!important;
    -webkit-mix-blend-mode:normal!important;
    opacity:1!important;
  }

  html.koos-render-ipad p,
  html.koos-render-ipad li,
  html.koos-render-ipad .text,
  html.koos-render-ipad .lower-text,
  html.koos-render-ipad .koos-live-caption p,
  html.koos-render-ipad #que-hacemos .sec-title .lower-text,
  html.koos-render-ipad #quienes-somos .text-column .text p,
  html.koos-render-ipad #quienes-somos .text-column .text li,
  html.koos-render-ipad #ciclo-trabajo .koos-cycle-intro,
  html.koos-render-ipad #ciclo-trabajo .koos-cycle-intro-ipad,
  html.koos-render-ipad #experiencia .expv-header p,
  html.koos-render-ipad #testimonios-por-taller .koos-voices-intro,
  html.koos-render-ipad #actualidad-koos .koos-actualidad-text,
  html.koos-render-ipad .koos-news-mini-card p,
  html.koos-render-ipad .koos-footer-claim,
  html.koos-render-ipad .koos-footer-claim span,
  html.koos-render-ipad .contact-info li,
  html.koos-render-ipad .contact-info li span,
  html.koos-render-ipad .contact-info li a{
    font-weight:400!important;
  }

  html.koos-render-ipad #que-hacemos .sec-title .lower-text,
  html.koos-render-ipad #experiencia .expv-header p,
  html.koos-render-ipad #testimonios-por-taller .koos-voices-intro,
  html.koos-render-ipad #actualidad-koos .koos-actualidad-text,
  html.koos-render-ipad .koos-live-caption p{
    font-weight:500!important;
  }

  /* Desactivar backdrop-filter en iPad para evitar colapso de memoria GPU y loops de recarga en iOS Safari */
  #experiencia .expv-card .expv-card-title,
  #experiencia .expv-info,
  #experiencia .expv-info-inner,
  #experiencia .expv-hero-copy {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

}

/* KOOS v104 - Bajadas y subtítulos más livianos en iPad/tablet */
html.koos-render-ipad #esto-es-koos .koos-live-caption p,
html.koos-render-ipad #experiencia .expv-header .expv-click-hint,
html.koos-render-ipad #que-hacemos .sec-title .lower-text,
html.koos-render-ipad #quienes-somos.koos-estonio-section .text p,
html.koos-render-ipad #quienes-somos.koos-estonio-section .text li,
html.koos-render-ipad #testimonios-por-taller .koos-voices-intro,
html.koos-render-ipad #actualidad-koos .koos-actualidad-text,
html.koos-render-ipad .main-footer .logo-widget .text,
html.koos-render-ipad .main-footer .koos-footer-claim,
html.koos-render-ipad .main-footer .koos-footer-claim span,
html.koos-render-ipad .main-footer .koos-footer-claim strong{
  font-weight:400!important;
  letter-spacing:.001em!important;
}

html.koos-render-ipad #testimonios-por-taller .koos-voices-intro,
html.koos-render-ipad #actualidad-koos .koos-actualidad-text,
html.koos-render-ipad #esto-es-koos .koos-live-caption p{
  color:rgba(92,98,108,.92)!important;
}

html.koos-render-ipad #actualidad-koos .koos-actualidad-text{
  color:rgba(255,255,255,.74)!important;
}

/* KOOS v105 - Qué hacemos iPad: expansión móvil/iPad sin corte */
#que-hacemos,
#que-hacemos .auto-container,
#que-hacemos .row,
#que-hacemos .services-block,
#que-hacemos .inner-box,
#que-hacemos .lower-content,
#que-hacemos .text,
#que-hacemos .overlay-box,
#que-hacemos .overlay-inner,
#que-hacemos .content{
  overflow:visible!important;
}

#que-hacemos .inner-box,
#que-hacemos .services-block{
  height:auto!important;
  min-height:0!important;
}

#que-hacemos .overlay-box,
#que-hacemos .overlay-inner{
  max-height:none!important;
}

#que-hacemos img{
  max-width:100%;
  height:auto;
}

/* v106 - corrección cards 3 y 4 en Qué hacemos + sección Hoy mejor */
#que-hacemos .koos-service-details-wrap{width:100%!important;flex:0 0 100%!important;max-width:100%!important;clear:both!important;order:99!important;overflow:visible!important;}
#que-hacemos .koos-service-detail,#que-hacemos .koos-service-detail.active,#que-hacemos .koos-service-detail>.row,#que-hacemos .koos-detail-gallery,#que-hacemos .koos-detail-gallery .image-slot,#que-hacemos .koos-detail-gallery .image-slot img{max-height:none!important;height:auto!important;overflow:visible!important;}
#que-hacemos .koos-service-detail.active{display:block!important;}
#que-hacemos{overflow:visible!important;}
#que-hacemos .services-row{overflow:visible!important;row-gap:22px!important;}
#que-hacemos .koos-service-details-wrap{margin-top:18px!important;}
#que-hacemos .koos-service-detail{padding:24px 18px 22px!important;min-height:auto!important;}
#que-hacemos .koos-service-detail>.row{display:flex!important;flex-direction:column!important;row-gap:18px!important;}
#que-hacemos .koos-detail-text{padding-right:0!important;}
#que-hacemos .koos-detail-gallery{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
#que-hacemos .koos-detail-gallery .image-slot{min-height:0!important;}
#que-hacemos .koos-detail-gallery .image-slot img{display:block!important;width:100%!important;min-height:0!important;object-fit:cover!important;aspect-ratio:4/3;}
.parallax-section .content-box h2 span{display:block!important;}
#que-hacemos .koos-service-detail{padding:28px 24px 26px!important;}
#que-hacemos .koos-detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}

/* v109 - Qué hacemos iPad: formato consistente y legible */
#que-hacemos .koos-service-details-wrap{display:block!important;width:100%!important;overflow:visible!important;}
#que-hacemos .koos-service-detail.active{position:relative!important;display:block!important;overflow:visible!important;}
#que-hacemos .koos-service-detail.active .col-lg-6{overflow:visible!important;}
#que-hacemos .koos-service-detail{padding:30px 24px 28px!important;min-height:auto!important;}
#que-hacemos .koos-service-detail>.row{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;row-gap:20px!important;}
#que-hacemos .koos-detail-text{padding-right:0!important;margin-bottom:0!important;}
#que-hacemos .koos-detail-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-content:start!important;}
#que-hacemos .koos-detail-gallery .image-slot{min-height:0!important;overflow:hidden!important;}
#que-hacemos .koos-detail-gallery .image-slot img{display:block!important;width:100%!important;height:auto!important;min-height:170px!important;object-fit:cover!important;aspect-ratio:4/3!important;}

/* v116 - iPad: estabilización del carrusel Experiencia al girar pantalla */
#experiencia,
#experiencia .expv-shell,
#experiencia .expv-viewport{
  overflow:hidden!important;
}

#experiencia .expv-track{
  display:flex!important;
  align-items:stretch!important;
  gap:18px!important;
  will-change:transform!important;
}

#experiencia .expv-column{
  flex:0 0 clamp(280px, 34vw, 360px)!important;
  width:clamp(280px, 34vw, 360px)!important;
  max-width:360px!important;
  min-width:280px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
}

#experiencia .expv-column--wide{
  flex-basis:clamp(330px, 43vw, 460px)!important;
  width:clamp(330px, 43vw, 460px)!important;
  max-width:460px!important;
  min-width:330px!important;
}

#experiencia .expv-card{
  width:100%!important;
  overflow:hidden!important;
  border-radius:22px!important;
}

#experiencia .expv-card img,
#experiencia .expv-card video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

#experiencia .expv-card--large{
  min-height:520px!important;
  aspect-ratio:4/5!important;
}

#experiencia .expv-card--medium,
#experiencia .expv-card--small{
  min-height:250px!important;
  aspect-ratio:4/3!important;
}

@media (orientation:landscape){
  #experiencia .expv-track{gap:20px!important;}
  #experiencia .expv-column{
    flex-basis:clamp(250px,27vw,330px)!important;
    width:clamp(250px,27vw,330px)!important;
    max-width:330px!important;
    min-width:250px!important;
    gap:20px!important;
  }
  #experiencia .expv-column--wide{
    flex-basis:clamp(300px,36vw,430px)!important;
    width:clamp(300px,36vw,430px)!important;
    max-width:430px!important;
    min-width:300px!important;
  }
  #experiencia .expv-card--large{min-height:500px!important;}
  #experiencia .expv-card--medium,
  #experiencia .expv-card--small{min-height:230px!important;}
}

@media (orientation:portrait){
  #experiencia .expv-track{gap:18px!important;}
  #experiencia .expv-column{
    flex-basis:clamp(285px,40vw,350px)!important;
    width:clamp(285px,40vw,350px)!important;
    max-width:350px!important;
    min-width:285px!important;
  }
  #experiencia .expv-column--wide{
    flex-basis:clamp(330px,50vw,430px)!important;
    width:clamp(330px,50vw,430px)!important;
    max-width:430px!important;
    min-width:330px!important;
  }
  #experiencia .expv-card--large{min-height:500px!important;}
  #experiencia .expv-card--medium,
  #experiencia .expv-card--small{min-height:235px!important;}
}


/* v120 - Actualidad KOOS landing: cards compactas */
.koos-actualidad-landing .koos-news-mini-card{aspect-ratio:auto!important;min-height:0!important;height:auto!important;padding:14px!important;border-radius:22px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}
.koos-actualidad-landing .koos-news-mini-thumb{aspect-ratio:16/9!important;width:100%!important;margin-bottom:10px!important;border-radius:15px!important;flex:0 0 auto!important;overflow:hidden!important;}
.koos-actualidad-landing .koos-news-mini-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.koos-actualidad-landing .koos-news-mini-date{margin-bottom:8px!important;}
.koos-actualidad-landing .koos-news-mini-date .day{font-size:22px!important;line-height:.9!important;}
.koos-actualidad-landing .koos-news-mini-date .month{font-size:9px!important;letter-spacing:.13em!important;}
.koos-actualidad-landing .koos-news-mini-tag{width:max-content!important;max-width:100%!important;margin-bottom:8px!important;padding:5px 8px!important;font-size:8.5px!important;line-height:1!important;}
.koos-actualidad-landing .koos-news-mini-card h3{font-size:16px!important;line-height:1.16!important;margin:0 0 8px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.koos-actualidad-landing .koos-news-mini-card p{font-size:12px!important;line-height:1.42!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.koos-actualidad-landing .koos-news-mini-card .mini-link{margin-top:auto!important;padding-top:10px!important;font-size:11px!important;}

@media (min-width:768px) and (max-width:1199px){
.koos-actualidad-landing{padding:58px 0!important;}
.koos-actualidad-landing .koos-actualidad-grid{grid-template-columns:1fr!important;gap:26px!important;}
.koos-actualidad-landing .koos-actualidad-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
.koos-actualidad-landing .koos-news-mini-thumb{aspect-ratio:1.9/1!important;}
}
@media (min-width:992px) and (max-width:1199px) and (orientation:landscape){
.koos-actualidad-landing .koos-actualidad-preview{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}

/* v121 - Actualidad KOOS: tercera card completa en iPad */
@media (min-width:768px) and (max-width:991px){
.koos-actualidad-landing .koos-actualidad-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.koos-actualidad-landing .koos-news-mini-card:nth-child(3){grid-column:1 / -1!important;display:grid!important;grid-template-columns:minmax(260px,42%) minmax(0,1fr)!important;grid-template-rows:auto auto auto auto 1fr!important;column-gap:18px!important;align-items:start!important;min-height:230px!important;}
.koos-actualidad-landing .koos-news-mini-card:nth-child(3) .koos-news-mini-thumb{grid-column:1!important;grid-row:1 / span 5!important;width:100%!important;height:100%!important;min-height:198px!important;aspect-ratio:1.45 / 1!important;margin:0!important;}
.koos-actualidad-landing .koos-news-mini-card:nth-child(3) .koos-news-mini-date,
.koos-actualidad-landing .koos-news-mini-card:nth-child(3) .koos-news-mini-tag,
.koos-actualidad-landing .koos-news-mini-card:nth-child(3) h3,
.koos-actualidad-landing .koos-news-mini-card:nth-child(3) p,
.koos-actualidad-landing .koos-news-mini-card:nth-child(3) .mini-link{grid-column:2!important;}
}
@media (min-width:992px) and (max-width:1199px){
.koos-actualidad-landing .koos-news-mini-card:nth-child(3){grid-column:auto!important;display:flex!important;min-height:0!important;}
}


/* v123 - Nuestro Ciclo de Trabajo: bajadas abiertas sin efecto negrita */
#ciclo-trabajo .koos-cycle-card p,
#ciclo-trabajo .koos-cycle-card .text,
#ciclo-trabajo .koos-cycle-card .content,
#ciclo-trabajo .koos-cycle-card .answer,
#ciclo-trabajo .koos-cycle-card .acc-content,
#ciclo-trabajo .koos-cycle-card .koos-cycle-copy,
#ciclo-trabajo .koos-cycle-card .koos-cycle-description,
#ciclo-trabajo .koos-cycle-accordion p,
#ciclo-trabajo .koos-cycle-accordion .text,
#ciclo-trabajo .koos-cycle-accordion .content,
#ciclo-trabajo .koos-cycle-accordion .answer,
#ciclo-trabajo .koos-cycle-accordion .acc-content,
#ciclo-trabajo .accordion-box .block .content,
#ciclo-trabajo .accordion-box .block .content p,
#ciclo-trabajo .accordion-box .block .text{
  font-weight:400!important;
  color:#6f7278!important;
  letter-spacing:0!important;
}
#ciclo-trabajo .accordion-box .block.active-block .content,
#ciclo-trabajo .accordion-box .block.active-block .content p,
#ciclo-trabajo .accordion-box .block.active-block .text,
#ciclo-trabajo .koos-cycle-card.active p,
#ciclo-trabajo .koos-cycle-card.is-open p{
  font-weight:400!important;
}

/* v129 - Footer: KOOS Creando Valor en gris */
.main-footer .koos-footer-claim .koos-footer-value{
  color:#c9d0dc!important;
  font-weight:700!important;
}
