/*
  KOOS render ordenador
  Archivo dedicado para controlar el render en escritorio.
  Rango: 1200px en adelante.
  Mantiene el resultado visual actual y permite revisar duplicidades por dispositivo.
*/

@media screen and (min-width: 1200px){

  /* Render estable sin content-visibility diferido */
  #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 ordenador */
  #inicio .koos-deferred-bg{
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
  }

  /* Experiencia KOOS escritorio */
  #experiencia img,
  #experiencia video{
    max-width:100%;
  }
/* Multimedia escritorio */
  video,
  iframe{
    max-width:100%;
  }


  /* Experiencia KOOS v85: espaciado regular entre imágenes/carruseles */
  html.koos-render-desktop #experiencia{
    --expv-gap:16px;
  }

  html.koos-render-desktop #experiencia .expv-track{
    gap:0!important;
  }

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

  html.koos-render-desktop #experiencia .expv-card{
    margin:0!important;
  }



  /* KOOS v87: coherencia visual de íconos y bajadas en ordenador */
  html.koos-render-desktop #que-hacemos .service-block .icon-box,
  html.koos-render-desktop #que-hacemos .koos-service-card .icon-box{
    width:96px!important;
    height:96px!important;
    min-width:96px!important;
    min-height:96px!important;
    margin:0 auto 26px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

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

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

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



  /* KOOS v96: CTA limpia sin texturas, manteniendo botón Conversemos */
  html.koos-render-desktop .koos-cta-unidos-wrap{
    background:#f5b116!important;
    background-image:none!important;
    position:relative!important;
    overflow:hidden!important;
  }

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

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

  html.koos-render-desktop .koos-cta-unidos-btn{
    width:min(100%, 348px)!important;
    min-width:348px!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;
  }



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

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

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

}

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

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

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

/* KOOS v105 - Qué hacemos ordenador: 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;}


/* 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:1200px){
.koos-actualidad-landing .koos-actualidad-grid{grid-template-columns:.88fr 1.12fr!important;gap:34px!important;}
.koos-actualidad-landing .koos-actualidad-preview{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!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;
}