.elementor-4909 .elementor-element.elementor-element-6c8c4d7f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-4909 .elementor-element.elementor-element-2d003241 > .elementor-widget-container{margin:0px 0px -10px 0px;}.elementor-4909 .elementor-element.elementor-element-2d003241{z-index:1;text-align:center;}.elementor-4909 .elementor-element.elementor-element-2d003241 .elementor-heading-title{font-size:150px;text-transform:uppercase;color:#2657A4;}.elementor-4909 .elementor-element.elementor-element-73ab512c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4909 .elementor-element.elementor-element-73ab512c{text-align:center;}.elementor-4909 .elementor-element.elementor-element-73ab512c .elementor-heading-title{font-size:120px;text-transform:uppercase;letter-spacing:5px;color:#2657A4;}.elementor-4909 .elementor-element.elementor-element-81adee4{width:var( --container-widget-width, 440px );max-width:440px;--container-widget-width:440px;--container-widget-flex-grow:0;text-align:center;font-size:18px;font-weight:400;line-height:1.5em;color:#3A3431;}.elementor-4909 .elementor-element.elementor-element-81adee4 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-4909 .elementor-element.elementor-element-81adee4.elementor-element{--align-self:center;}.elementor-4909 .elementor-element.elementor-element-48395bf .elementor-button{background-color:#2657A4;font-family:"Acumin variable concept", Sans-serif;font-size:22px;font-weight:900;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:12px 12px 12px 12px;}.elementor-4909 .elementor-element.elementor-element-48395bf .elementor-button:hover, .elementor-4909 .elementor-element.elementor-element-48395bf .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-text );}.elementor-4909 .elementor-element.elementor-element-48395bf > .elementor-widget-container{margin:10px 0px -50px 0px;}.elementor-4909 .elementor-element.elementor-element-48395bf .elementor-button:hover svg, .elementor-4909 .elementor-element.elementor-element-48395bf .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-4909 .elementor-element.elementor-element-26ce0804{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4909 .elementor-element.elementor-element-4cf4aa1d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4909 .elementor-element.elementor-element-4cf4aa1d{text-align:center;}.elementor-4909 .elementor-element.elementor-element-44f08224 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4909 .elementor-element.elementor-element-44f08224{text-align:center;}.elementor-4909 .elementor-element.elementor-element-1396c701 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4909 .elementor-element.elementor-element-1396c701{text-align:center;}.elementor-4909 .elementor-element.elementor-element-4d199061 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4909 .elementor-element.elementor-element-4d199061{text-align:center;}.elementor-4909 .elementor-element.elementor-element-64e1bb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4909 .elementor-element.elementor-element-64e1bb{text-align:center;}.elementor-4909 .elementor-element.elementor-element-2e1edce0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-4909 .elementor-element.elementor-element-1bc0d4c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4909 .elementor-element.elementor-element-2a898520{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4909 .elementor-element.elementor-element-65cf63c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4909 .elementor-element.elementor-element-33948cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4909 .elementor-element.elementor-element-1f44ac2{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}@media(min-width:768px){.elementor-4909 .elementor-element.elementor-element-26ce0804{--width:100%;}.elementor-4909 .elementor-element.elementor-element-1bc0d4c{--width:100%;}.elementor-4909 .elementor-element.elementor-element-2a898520{--width:100%;}.elementor-4909 .elementor-element.elementor-element-65cf63c{--width:100%;}.elementor-4909 .elementor-element.elementor-element-33948cb{--width:100%;}}@media(max-width:1024px){.elementor-4909 .elementor-element.elementor-element-2d003241 .elementor-heading-title{font-size:110px;}.elementor-4909 .elementor-element.elementor-element-73ab512c .elementor-heading-title{font-size:100px;}.elementor-4909 .elementor-element.elementor-element-81adee4{font-size:17px;}.elementor-4909 .elementor-element.elementor-element-26ce0804{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-4909 .elementor-element.elementor-element-2d003241 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-4909 .elementor-element.elementor-element-2d003241 .elementor-heading-title{font-size:50px;letter-spacing:1px;}.elementor-4909 .elementor-element.elementor-element-73ab512c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4909 .elementor-element.elementor-element-73ab512c .elementor-heading-title{font-size:45px;letter-spacing:1px;}.elementor-4909 .elementor-element.elementor-element-81adee4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4909 .elementor-element.elementor-element-81adee4{--container-widget-width:260px;--container-widget-flex-grow:0;width:var( --container-widget-width, 260px );max-width:260px;font-size:12px;}.elementor-4909 .elementor-element.elementor-element-48395bf > .elementor-widget-container{margin:10px 0px -25px 0px;}.elementor-4909 .elementor-element.elementor-element-48395bf .elementor-button{font-size:18px;padding:10px 10px 10px 10px;}.elementor-4909 .elementor-element.elementor-element-26ce0804{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4909 .elementor-element.elementor-element-2e1edce0{--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS *//* ============================================================
   PORTAFOLIO AL CHILE MEDIA
   Pegar en: Ajustes de Pagina > Avanzado > CSS personalizado
   Reemplaza por completo la version de Converging.

   Misma estructura y mismas clases cw- que el portafolio de
   Converging. Solo cambia la piel: paleta, tipografia y formas
   de alchilemedia.com. El script de comportamientos no se toca.

   TIPOGRAFIA: los titulos usan Acumin y los textos Avenir, que
   ya carga el sitio. Si en Elementor > Fuentes personalizadas (o
   en el kit de Adobe Fonts) Acumin esta registrada con otro
   nombre, cambialo SOLO en --f-tit, abajo. Igual con Avenir en
   --f-txt.
   ============================================================ */
.cw-porta{
  --azul:#2657A4;--chile:#D35329;--chile-osc:#C24A22;--oxido:#A13A22;
  --crema:#FFFBF3;--crema-2:#F7EEE4;--silueta:#E8EAEB;--terracota:#C9623B;
  --texto:#3A3431;--gris:#6E6661;--borde:#EFE3DA;
  --f-tit:'acumin-pro-extra-condensed','Acumin Pro ExtraCondensed','Acumin Variable Concept','Acumin Pro',sans-serif;
  --f-txt:'Avenir','Avenir Next','avenir-lt-pro','Nunito Sans',sans-serif;
  background:var(--crema)}

/* Acumin declarada por body.elementor-page-4909 propio. font-synthesis evita que el
   navegador invente una negrita falsa si falta el peso Black. */
.cw-h1a .elementor-heading-title,.cw-h1b .elementor-heading-title,
.cw-nom .elementor-heading-title,.cw-nom-lista .elementor-heading-title{
  font-family:var(--f-tit)!important;font-weight:900!important;font-synthesis:none;
  text-transform:uppercase;letter-spacing:0;margin:0!important}
.cw-sub p,.cw-giro p,.cw-giro-lista p,.cw-rotulo .elementor-heading-title,.cw-nota{
  font-family:var(--f-txt)!important;margin:0}

/* ---------- HERO ---------- */
.cw-hero{position:relative;overflow:hidden;min-height:clamp(620px,72vh,900px)}
/* Los widgets HTML (fuentes, capa del chile, comportamientos) no ocupan alto */
.cw-fuentes,.cw-comportamientos{display:none!important}

.cw-hero>.e-con-inner,.cw-hero>.elementor-container{position:relative;z-index:3}
.cw-h1a .elementor-heading-title,.cw-h1b .elementor-heading-title{
  font-size:clamp(52px,11vw,150px)!important;line-height:.88!important;
  text-align:center;color:var(--azul)!important}
/* Segunda mitad del titulo solo en contorno, como en el sitio:
   "Somos partners de GRANDES MARCAS", "Lo que si TE DAMOS" */
.cw-h1b .elementor-heading-title{
  color:transparent!important;-webkit-text-fill-color:transparent;
  -webkit-text-stroke:2px var(--azul);
  letter-spacing:.02em!important}
.cw-sub p{font-weight:400;color:var(--texto)!important;font-size:clamp(14px,2vw,18px);
  line-height:1.6;max-width:520px;margin:18px auto 0;text-align:center}
/* El texto siempre por encima del chile y de los mockups */
.cw-h1a,.cw-h1b,.cw-sub,.cw-btn{position:relative!important;z-index:5!important}

/* El boton "Ver el trabajo" se estiliza completo desde Elementor
   (Estilo > Normal / Hover y Avanzado > Animacion). Aqui no se toca. */

/* Fila de mockups del hero. PNG con transparencia: sin contenedor,
   sin fondo, sin sombra, sin recorte. Solo flotan. */
.cw-mockups{position:relative;z-index:1!important;display:flex!important;
  flex-direction:row!important;align-items:flex-end!important;justify-content:center!important;
  flex-wrap:nowrap!important;gap:0!important;height:auto!important;
  margin-top:70px!important;
  width:100vw!important;max-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;padding:0 1vw!important;
  background:transparent!important;overflow:visible!important}

.cw-mk{position:relative!important;flex:0 0 auto!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;overflow:visible!important;margin:0!important;padding:0!important;
  animation:cwFlota 8s ease-in-out infinite}
.cw-mk .elementor-widget-container,.cw-mk figure{margin:0!important;padding:0!important;
  background:transparent!important;height:auto!important;line-height:0}
.cw-mk img{width:100%!important;height:auto!important;
  aspect-ratio:auto!important;object-fit:contain!important;
  display:block;background:transparent!important;
  border-radius:0!important;box-shadow:none!important}

/* Cada pieza con su ancho y su altura. Valores de ajustar-hero.html.
   Sin z-index a proposito: el apilado sigue el orden visual. */
.cw-mk-a{order:1;width:25.5vw;max-width:845px;margin-bottom:34px!important;
  margin-right:-10vw!important;animation-delay:-1.2s}
.cw-mk-b{order:2;width:11.5vw;max-width:260px;margin-bottom:204px!important;
  margin-right:-3vw!important;animation-delay:-2.6s}
.cw-mk-c{order:3;width:40.5vw;max-width:580px;margin-bottom:52px!important;
  animation-delay:0s}
.cw-mk-e{order:4;width:12vw;max-width:245px;margin-bottom:10px!important;
  margin-left:-7vw!important;animation-delay:-5s}
.cw-mk-d{order:5;width:24vw;max-width:395px;margin-bottom:142px!important;
  margin-left:-2.6vw!important;animation-delay:-3.8s}

@media(max-width:900px){
  .cw-mockups{margin-top:64px!important;padding:0!important}
  .cw-mk-a,.cw-mk-e{display:none!important}
  .cw-mk-b{width:26vw}.cw-mk-c{width:44vw}.cw-mk-d{width:30vw}
}
@keyframes cwFlota{0%,100%{translate:0 0}50%{translate:0 -10px}}

/* ---------- CAPA DEL CHILE ----------
   Sustituye a los circulos de colores. Es la silueta del logo, en
   el gris claro que usa el hero del sitio. La capa se identifica
   por lo que contiene, no por la clase del widget. */
.cw-hero .elementor-widget-html:has(.cw-blobs),
.cw-hero .e-con-inner>.elementor-element:has(.cw-blobs),
.cw-capa-blobs{
  position:absolute!important;inset:0!important;
  width:auto!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;
  z-index:0!important;pointer-events:none!important}
.cw-hero .elementor-widget-container:has(.cw-blobs){
  height:100%!important;margin:0!important;padding:0!important}
.cw-blobs{position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:100vw;height:clamp(620px,72vh,900px);
  z-index:0;pointer-events:none;color:var(--silueta)}
.cw-blobs i{display:none}
.cw-chile{position:absolute;display:block;
  height:clamp(300px,58vh,560px);width:auto;
  top:4%;left:50%;
  transform:translateX(-78%) rotate(-8deg);
  animation:cwChile 14s ease-in-out infinite}
@keyframes cwChile{
  0%,100%{transform:translateX(-78%) rotate(-8deg) translateY(0)}
  50%{transform:translateX(-78%) rotate(-5deg) translateY(-14px)}}
@media(max-width:900px){
  .cw-chile{height:clamp(240px,46vh,380px);top:2%;transform:translateX(-62%) rotate(-8deg);animation:none}
}
@media(prefers-reduced-motion:reduce){.cw-chile,.cw-mk{animation:none}}

/* ---------- PESTANAS ---------- */
.cw-tabs .e-n-tabs-heading{justify-content:center!important;gap:10px;flex-wrap:wrap;border:0}
.cw-tabs .e-n-tab-title{
  font-family:var(--f-tit)!important;font-weight:900!important;font-synthesis:none;
  font-size:19px!important;letter-spacing:.01em!important;
  padding:10px 24px!important;border-radius:12px!important;
  background:var(--crema)!important;color:var(--chile)!important;
  border:2px solid var(--chile)!important;transition:all .18s}
.cw-tabs .e-n-tab-title:hover{transform:translateY(-2px)}
.cw-tabs .e-n-tab-title[aria-selected="true"]{
  background:var(--azul)!important;border-color:var(--azul)!important;color:#FFFFFF!important}
.cw-tabs .e-n-tabs-content{padding:0!important;margin-top:0!important}
/* El contenido de las pestanas se cine al ancho del sitio */
.cw-tab{padding-top:0!important;max-width:1140px;margin-left:auto!important;margin-right:auto!important}
@media(max-width:1200px){.cw-tab{max-width:100%;padding-left:24px!important;padding-right:24px!important}}
.cw-rotulo .elementor-heading-title{font-weight:800!important;font-size:12px!important;
  letter-spacing:.16em;text-transform:uppercase;color:var(--azul)!important;padding:52px 0 26px}
.cw-rotulo .elementor-heading-title span{color:var(--chile);font-weight:600}
.cw-tab>.e-con-inner>.cw-rotulo:first-child .elementor-heading-title,
.cw-tab>.cw-rotulo:first-child .elementor-heading-title{padding-top:6px}

/* ---------- BLOQUE "MAS PROYECTOS" (terracota, como la seccion
   Portafolio del sitio). El nombre de la clase se conserva. ---------- */
.cw-bloque-azul{margin-top:56px!important;overflow:visible!important;
  background-color:var(--terracota)!important;border-radius:20px!important}
.cw-bloque-azul .cw-rotulo .elementor-heading-title,
.cw-bloque-azul .cw-rotulo h4{color:#FFFFFF!important;padding-top:0!important}
.cw-bloque-azul .cw-rotulo .elementor-heading-title span{color:rgba(255,251,243,.72)!important}
.cw-bloque-azul .cw-nom .elementor-heading-title{color:#FFFFFF!important;opacity:.9}
.cw-bloque-azul .cw-card:hover .cw-nom .elementor-heading-title{opacity:1}
.cw-bloque-azul .cw-giro p{color:rgba(255,251,243,.72)!important;
  border-bottom-color:rgba(255,255,255,.25)!important}
.cw-bloque-azul .cw-marco{box-shadow:0 10px 34px rgba(90,30,10,.28)}

/* ---------- TARJETAS ---------- */
.cw-card{--acento:var(--azul);cursor:pointer;transition:transform .22s ease}
.cw-card:hover{transform:translateY(-6px)}
.cw-grid>.cw-card:nth-child(3n+1),.cw-fila>.cw-card:nth-child(3n+1){--acento:#2657A4}
.cw-grid>.cw-card:nth-child(3n+2),.cw-fila>.cw-card:nth-child(3n+2){--acento:#D35329}
.cw-grid>.cw-card:nth-child(3n+3),.cw-fila>.cw-card:nth-child(3n+3){--acento:#A13A22}

/* Marco blanco de 2px; la sombra calida lo separa del fondo crema */
.cw-marco{position:relative!important;overflow:hidden!important;border-radius:12px;
  background:#FFFFFF;border:2px solid #FFFFFF;
  box-shadow:0 4px 20px rgba(161,58,34,.10);transition:box-shadow .25s,border-color .25s}
.cw-card:hover .cw-marco{box-shadow:0 18px 44px rgba(161,58,34,.18)}
.cw-marco .elementor-widget-image{margin:0!important;width:100%}
.cw-marco figure,.cw-marco .elementor-widget-container{margin:0!important;line-height:0}
.cw-marco .cw-img-a img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top center;
  display:block;transition:opacity .45s ease,transform .8s ease}
/* El mockup es la imagen de FONDO del marco; el screenshot se desvanece */
.cw-dest .cw-marco{background-size:cover!important;background-repeat:no-repeat!important;
  background-position:center center!important}
.cw-dest:hover .cw-marco .cw-img-a img{opacity:0;transform:scale(1.02)}

.cw-nom .elementor-heading-title{font-size:26px!important;color:var(--azul)!important;
  line-height:1.05;padding-top:14px;transition:color .2s}
.cw-card:hover .cw-nom .elementor-heading-title{color:var(--chile)!important}
.cw-giro p{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gris);padding:4px 0 13px;border-bottom:1px solid var(--borde)}
.cw-card::after{content:"";display:block;height:3px;width:0;background:var(--acento);transition:width .45s ease}
.cw-card:hover::after{width:100%}

/* fila deslizable */
.cw-fila{overflow-x:auto!important;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:12px!important}
.cw-fila::-webkit-scrollbar{display:none}
.cw-fila>.cw-card{flex:0 0 clamp(260px,32vw,400px)!important;scroll-snap-align:start}

/* redes 4:5 con logo encima */
.cw-marco-s{border-radius:12px;background:#1E1B1A;border:0;
  aspect-ratio:4/5!important;height:auto!important;
  display:block!important;padding:0!important;overflow:hidden!important}
.cw-marco-s>*{margin:0!important}
.cw-marco-s .cw-img-a{position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;line-height:0}
.cw-marco-s .cw-img-a .elementor-widget-container,
.cw-marco-s .cw-img-a figure{height:100%!important;margin:0!important}
.cw-marco-s .cw-img-a img{width:100%!important;height:100%!important;
  aspect-ratio:auto!important;object-fit:cover!important;object-position:center center;
  display:block!important;filter:brightness(.68);
  transition:transform .7s ease,filter .4s}
.cw-social:hover .cw-marco-s .cw-img-a img{transform:scale(1.07);filter:brightness(.46)}
/* Logo centrado. Se fuerza tambien en la envoltura interna del widget
   (contenedor, figure y el enlace) para no depender del marcado que
   genere cada version de Elementor. */
.cw-marco-s .cw-logo{position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;margin:0!important;padding:26px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  align-self:auto!important;z-index:2}
.cw-marco-s .cw-logo>.elementor-widget-container,
.cw-marco-s .cw-logo figure,
.cw-marco-s .cw-logo a{margin:0!important;padding:0!important;width:auto!important;
  height:auto!important;display:flex!important;align-items:center!important;
  justify-content:center!important;line-height:0}
.cw-marco-s .cw-logo img{max-width:100%;max-height:76px;width:auto!important;height:auto!important;
  object-fit:contain;filter:drop-shadow(0 4px 16px rgba(0,0,0,.6));
  transition:transform .35s;aspect-ratio:auto!important}
.cw-social:hover .cw-marco-s .cw-logo img{transform:scale(1.06)}
.cw-marco-s::after{content:"";position:absolute;left:0;top:0;width:100%;height:5px;
  background:var(--acento);z-index:3}

/* identidad: portada a sangre dentro del marco */
.cw-ident .cw-marco{background:var(--crema-2);padding:0!important;overflow:hidden!important}
.cw-ident .cw-marco .cw-img-a{width:100%}
.cw-ident .cw-marco .cw-img-a img{width:100%;height:100%;aspect-ratio:4/3;
  object-fit:cover!important;object-position:center center;
  box-shadow:none!important;transition:transform .6s ease}
.cw-ident:hover .cw-marco .cw-img-a img{transform:scale(1.05)}

/* tarjetas digitales: recorrido vertical */
.cw-visor{border-radius:12px;background:var(--crema-2);
  aspect-ratio:9/16;overflow:hidden!important;container-type:size}
.cw-visor .elementor-widget-image{position:absolute!important;top:0;left:0;width:100%}
.cw-visor .cw-img-a img{width:100%;height:auto!important;aspect-ratio:auto!important;
  object-fit:unset!important;display:block;transition:transform 4.5s linear}
.cw-tarjeta:hover .cw-visor .cw-img-a img{transform:translateY(calc(-100% + 100cqh))}

/* ---------- LISTA "MAS PROYECTOS": dos columnas, sin numeracion ---------- */
.cw-lista{position:relative;display:grid!important;grid-template-columns:repeat(2,1fr)!important;
  gap:0 40px!important;align-items:stretch}
@media(max-width:820px){.cw-lista{grid-template-columns:1fr!important;gap:0!important}}

.cw-fila-lista{display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;justify-content:center!important;
  gap:0!important;cursor:pointer;
  border-top:1px solid rgba(255,255,255,.25)!important;
  padding:20px 10px!important;transition:background .25s ease}
.cw-fila-lista:hover{background:rgba(90,25,5,.12)}

.cw-num{display:none!important}

.cw-nom-lista{flex:0 0 auto!important;width:100%}
.cw-nom-lista .elementor-heading-title{
  font-size:clamp(22px,2.4vw,32px)!important;line-height:1.02;
  color:rgba(255,255,255,.85)!important;transition:color .25s ease}
.cw-fila-lista:hover .cw-nom-lista .elementor-heading-title{color:#FFFFFF!important}

.cw-giro-lista{flex:0 0 auto!important;width:100%}
.cw-giro-lista p{font-size:11px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(255,251,243,.7);margin:0!important;
  padding:6px 0 0!important;border:0!important;white-space:normal}

/* preview que sigue al cursor */
.cw-prev{position:absolute!important;top:50%;left:50%;width:330px;max-width:32%;
  z-index:6;pointer-events:none;opacity:0;
  transform:translate(-50%,-50%) scale(.92);
  transition:opacity .28s ease,transform .28s ease;
  border-radius:12px;overflow:hidden;box-shadow:0 24px 60px rgba(60,20,5,.45)}
/* Solo con .on, que la pone el script ya colocada bajo el cursor */
.cw-prev.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.cw-prev img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top center;
  display:block;border-radius:12px}
@media(hover:none),(max-width:820px){
  .cw-prev{position:static!important;opacity:1;transform:none;width:100%;max-width:none;
    order:-1;box-shadow:none;margin-bottom:12px}
  .cw-prev img{aspect-ratio:16/10;border-radius:10px}
}

/* separacion entre las dos filas de carrusel */
.cw-fila-2{margin-top:26px!important}

/* ---------- FLECHAS DE LOS CARRUSELES (las crea el JS) ---------- */
.cw-nav{display:flex!important;gap:9px;justify-content:flex-end;align-items:center;
  width:100%;margin:6px 0 0!important;padding:0!important}
.cw-nav .cw-nav-btn{
  width:44px!important;height:44px!important;min-width:0!important;min-height:0!important;
  padding:0!important;margin:0!important;border-radius:50%!important;
  border:2px solid var(--chile)!important;background:var(--crema)!important;color:var(--chile)!important;
  display:flex!important;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:none!important;transition:all .18s ease;line-height:0!important}
.cw-nav .cw-nav-btn:hover{background:var(--azul)!important;border-color:var(--azul)!important;
  color:#FFFFFF!important;transform:translateY(-2px)}
.cw-nav .cw-nav-btn svg{display:block}

/* ---------- CHIPS DE FILTRO (los genera el JS) ----------
   Con !important porque el tema estiliza los <button>. El activo va
   en un naranja un punto mas profundo para que el blanco se lea. */
.cw-chips{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;
  gap:8px!important;padding:14px 0 4px!important;width:100%!important;margin:0!important}
.cw-chips .cw-chip{
  font-family:var(--f-txt)!important;font-size:12px!important;font-weight:700!important;
  letter-spacing:.06em!important;text-transform:uppercase!important;
  padding:9px 18px!important;border-radius:10px!important;
  border:1.5px solid var(--borde)!important;background:#FFFFFF!important;color:var(--gris)!important;
  cursor:pointer!important;transition:all .16s ease!important;line-height:1.2!important;
  box-shadow:none!important;text-shadow:none!important;width:auto!important;
  min-width:0!important;min-height:0!important;height:auto!important;margin:0!important}
.cw-chips .cw-chip:hover{border-color:var(--chile)!important;color:var(--chile)!important;
  background:#FFFFFF!important;transform:translateY(-1px)}
.cw-chips .cw-chip[aria-pressed="true"]{
  background:var(--chile-osc)!important;border-color:var(--chile-osc)!important;color:#FFFFFF!important}
.cw-oculto{display:none!important}

/* avisos de montaje (borrar al terminar) */
.cw-nota{margin-top:38px;padding:16px 18px;border-left:4px solid var(--chile);background:#FFF3EA;
  border-radius:0 10px 10px 0;font-size:13px;line-height:1.65;color:#6B3A22;font-weight:400}
.cw-nota b{display:block;font-weight:700;color:var(--azul);text-transform:uppercase;
  letter-spacing:.1em;font-size:11px;margin-bottom:6px}
.cw-nota code{background:#fff;padding:2px 6px;border-radius:4px;font-size:12px}

/* ============================================================
   MOVIL  (al final a proposito: gana por orden a todo lo de arriba)
   Elementor convierte Nested Tabs en acordeon en movil; aqui se
   anula y las cuatro pestanas quedan arriba en dos columnas.
   ============================================================ */
@media(max-width:767px){

  .cw-tabs .e-n-tabs{display:flex!important;flex-direction:column!important;gap:0!important}
  .cw-tabs .e-n-tabs-heading{
    display:flex!important;flex-wrap:wrap!important;justify-content:center!important;
    order:0!important;width:100%!important;gap:6px!important;margin-bottom:4px!important}
  .cw-tabs .e-n-tab-title{
    order:0!important;
    flex:0 0 calc(50% - 3px)!important;width:calc(50% - 3px)!important;max-width:none!important;
    font-size:15px!important;letter-spacing:0!important;
    padding:8px 6px!important;border-radius:10px!important;
    text-align:center!important;justify-content:center!important;
    white-space:normal!important;line-height:1.1!important;min-height:0!important}
  .cw-tabs .e-n-tab-title>*{justify-content:center!important;text-align:center!important;
    font-size:inherit!important}
  .cw-tabs .e-n-tabs-content{order:1!important;width:100%!important}
  .cw-tabs .e-n-tab-title .e-n-tab-icon,
  .cw-tabs .e-n-tab-title>svg{display:none!important}

  /* chips de giro: rejilla de 3 */
  .cw-chips{
    display:grid!important;grid-template-columns:repeat(3,1fr)!important;
    gap:5px!important;padding:12px 0 2px!important;justify-content:stretch!important}
  .cw-chips .cw-chip{
    width:100%!important;flex:none!important;
    font-size:8.5px!important;letter-spacing:.02em!important;font-weight:700!important;
    padding:7px 4px!important;border-width:1px!important;border-radius:8px!important;
    white-space:normal!important;line-height:1.2!important;text-align:center!important}

  /* PORTADA compacta */
  .cw-hero{min-height:0!important;padding-bottom:22px!important}
  .cw-blobs{height:100%!important}
  .cw-hero>.e-con-inner,.cw-hero>.elementor-container{gap:0!important}
  .cw-h1b .elementor-heading-title{-webkit-text-stroke:1.5px var(--azul)}
  .cw-btn{margin-bottom:0!important}
  .cw-mockups{margin-top:6px!important;padding:0 2vw!important;align-items:flex-end!important}
  .cw-mk-b{width:24vw!important;max-width:none!important;
    margin-bottom:40px!important;margin-right:-5vw!important}
  .cw-mk-c{width:48vw!important;max-width:none!important;margin-bottom:0!important}
  .cw-mk-d{width:32vw!important;max-width:none!important;
    margin-bottom:28px!important;margin-left:-6vw!important}

  /* MAS PROYECTOS: recuadro con 10px de aire a cada lado */
  .cw-bloque-azul{margin-top:36px!important;
    width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;
    margin-left:calc(50% - 50vw + 10px)!important;
    margin-right:calc(50% - 50vw + 10px)!important}
  .cw-bloque-azul,.cw-bloque-azul>.e-con-inner{
    padding-left:14px!important;padding-right:14px!important}
  .cw-lista{grid-template-columns:repeat(2,1fr)!important;gap:0 12px!important}

  /* miniatura cuadrada a la izquierda, nombre y giro a la derecha */
  .cw-fila-lista{display:grid!important;
    grid-template-columns:44px 1fr!important;grid-template-rows:auto auto!important;
    column-gap:9px!important;row-gap:0!important;
    align-items:center!important;padding:11px 0!important}
  .cw-prev{display:block!important;position:static!important;
    grid-column:1!important;grid-row:1 / span 2!important;
    width:44px!important;height:44px!important;max-width:44px!important;
    opacity:1!important;transform:none!important;order:0!important;
    margin:0!important;overflow:hidden!important;border-radius:8px!important}
  .cw-prev .elementor-widget-container,.cw-prev figure{height:100%!important;margin:0!important}
  .cw-prev img{width:100%!important;height:100%!important;
    aspect-ratio:1/1!important;object-fit:cover!important;
    object-position:top center!important;border-radius:8px!important;display:block!important}
  .cw-nom-lista{grid-column:2!important;grid-row:1!important;margin:0!important}
  .cw-giro-lista{grid-column:2!important;grid-row:2!important;margin:0!important}
  .cw-nom-lista .elementor-heading-title{font-size:16px!important;line-height:1.05!important}
  .cw-giro-lista p{font-size:8px!important;padding-bottom:0!important;border:0!important}

  .cw-rotulo .elementor-heading-title{padding:32px 0 14px!important;font-size:10px!important}
  .cw-nav .cw-nav-btn{width:36px!important;height:36px!important}
  .cw-nom .elementor-heading-title{font-size:20px!important}
  .cw-giro p{font-size:9.5px!important}
}

@media(max-width:380px){
  .cw-tabs .e-n-tab-title{font-size:13px!important;padding:7px 5px!important}
  .cw-chips .cw-chip{font-size:8px!important;padding:6px 3px!important}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Acumin variable concept';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://alchilemedia.com/wp-content/uploads/2024/08/Acumin-Pro-Condensed-Black.ttf') format('truetype');
}
/* End Custom Fonts CSS */