/* V98 · Volver a V95 y aplicar contenedor boceto sin caja adicional */

/* ocultar numeración y el rótulo exterior anterior */
body.v73-home .v73-section-number{display:none !important;}
body.v73-home main>section.work::before,
body.v73-home main>section.music::before,
body.v73-home main>section.services::before,
body.v73-home main>section.about::before,
body.v73-home main>section.tech::before,
body.v73-home main>section.work::after,
body.v73-home main>section.music::after,
body.v73-home main>section.services::after,
body.v73-home main>section.about::after,
body.v73-home main>section.tech::after{
  pointer-events:none;
}

/* base: un solo contenedor visual */
body.v73-home main>section.work,
body.v73-home main>section.music,
body.v73-home main>section.services,
body.v73-home main>section.about,
body.v73-home main>section.tech{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 0 0 1px rgba(110,194,232,.16),
    0 0 24px rgba(63,161,201,.16),
    0 0 52px rgba(32,124,164,.12),
    0 26px 70px rgba(0,0,0,.18) !important;
}

/* eliminamos el wordmark exterior anterior */
body.v73-home main>section.work:before,
body.v73-home main>section.music:before,
body.v73-home main>section.services:before,
body.v73-home main>section.about:before,
body.v73-home main>section.tech:before{
  content:"" !important;
  position:absolute;
  left:auto;
  top:auto;
  transform:none;
  width:0;
  height:0;
}

/* títulos verticales internos tipo silueta */
body.v73-home main>section.work > .wrap::before,
body.v73-home main>section.music > .wrap::before,
body.v73-home main>section.services > .wrap::before,
body.v73-home main>section.about > .wrap::before,
body.v73-home main>section.tech > .wrap::before{
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%) rotate(-90deg);
  transform-origin:left top;
  font-size:clamp(48px,5vw,72px);
  font-weight:900;
  letter-spacing:-.06em;
  white-space:nowrap;
  z-index:1;
}
body.v73-home main>section.work > .wrap::before{content:"Trabajos"; color:rgba(255,255,255,.07);} 
body.v73-home main>section.music > .wrap::before{content:"Música"; color:rgba(8,24,34,.08);} 
body.v73-home main>section.services > .wrap::before{content:"Servicios"; color:rgba(8,24,34,.08);} 
body.v73-home main>section.about > .wrap::before{content:"Difusor"; color:rgba(8,24,34,.08);} 
body.v73-home main>section.tech > .wrap::before{content:"Infraestructura"; color:rgba(255,255,255,.07);} 

/* dejamos un margen interno para que el texto vertical viva dentro del mismo contenedor */
body.v73-home main>section.work > .wrap,
body.v73-home main>section.music > .wrap,
body.v73-home main>section.services > .wrap,
body.v73-home main>section.about > .wrap,
body.v73-home main>section.tech > .wrap{
  padding-left:118px !important;
}

/* semicírculo del logo integrado en el mismo panel */
body.v73-home main>section.work::after,
body.v73-home main>section.music::after,
body.v73-home main>section.services::after,
body.v73-home main>section.about::after,
body.v73-home main>section.tech::after{
  content:"" !important;
  position:absolute;
  width:132px;
  height:150px;
  background:url("../media/difusor_simbolo_circular.png") center/contain no-repeat;
  opacity:.98;
  z-index:1;
  filter:
    drop-shadow(0 0 0 rgba(0,0,0,0))
    drop-shadow(0 0 14px rgba(64,170,220,.28))
    drop-shadow(0 0 32px rgba(64,170,220,.18));
}
/* posiciones por sección: mismo lenguaje, distintas esquinas */
body.v73-home main>section.work::after{left:12px; bottom:-58px;}
body.v73-home main>section.music::after{right:12px; top:-58px; transform:rotate(180deg);}
body.v73-home main>section.services::after{right:12px; bottom:-58px; transform:rotate(90deg);}
body.v73-home main>section.about::after{left:12px; top:-58px; transform:rotate(-90deg);}
body.v73-home main>section.tech::after{right:12px; bottom:-58px; transform:rotate(180deg);}

/* pequeño recorte visual para que no parezca un segundo panel sino el mismo borde 'mordido' */
body.v73-home main>section.work,
body.v73-home main>section.music,
body.v73-home main>section.services,
body.v73-home main>section.about,
body.v73-home main>section.tech{
  --clip-pad: 0px;
  clip-path: inset(0 round 26px);
}

/* espaciado del contenido respecto del borde superior */
body.v73-home .work .head,
body.v73-home .music .head,
body.v73-home .services .head,
body.v73-home .about .head,
body.v73-home .tech .head{
  padding-top:4px;
}

/* móvil */
@media (max-width: 900px){
  body.v73-home main>section.work > .wrap,
  body.v73-home main>section.music > .wrap,
  body.v73-home main>section.services > .wrap,
  body.v73-home main>section.about > .wrap,
  body.v73-home main>section.tech > .wrap{
    padding-left:82px !important;
  }
  body.v73-home main>section.work > .wrap::before,
  body.v73-home main>section.music > .wrap::before,
  body.v73-home main>section.services > .wrap::before,
  body.v73-home main>section.about > .wrap::before,
  body.v73-home main>section.tech > .wrap::before{
    font-size:clamp(34px,8vw,54px);
    left:14px;
  }
  body.v73-home main>section.work::after,
  body.v73-home main>section.music::after,
  body.v73-home main>section.services::after,
  body.v73-home main>section.about::after,
  body.v73-home main>section.tech::after{
    width:102px;
    height:116px;
  }
}
@media (max-width: 650px){
  body.v73-home main>section.work > .wrap,
  body.v73-home main>section.music > .wrap,
  body.v73-home main>section.services > .wrap,
  body.v73-home main>section.about > .wrap,
  body.v73-home main>section.tech > .wrap{
    padding-left:28px !important;
  }
  body.v73-home main>section.work > .wrap::before,
  body.v73-home main>section.music > .wrap::before,
  body.v73-home main>section.services > .wrap::before,
  body.v73-home main>section.about > .wrap::before,
  body.v73-home main>section.tech > .wrap::before{
    position:relative;
    left:auto;
    top:auto;
    transform:none;
    display:block;
    margin:0 0 12px 0;
    font-size:24px;
    letter-spacing:-.04em;
    color:rgba(255,255,255,.42);
  }
  body.v73-home main>section.music > .wrap::before,
  body.v73-home main>section.services > .wrap::before,
  body.v73-home main>section.about > .wrap::before{
    color:rgba(8,24,34,.28);
  }
}

/* =====================================================================
   DIFUSOR V99 · TEXTOS SILUETA UNIFICADOS
   Trabajos queda como referencia literal para todos los contenedores.
   ===================================================================== */
body.v73-home main>section.work > .wrap::before,
body.v73-home main>section.music > .wrap::before,
body.v73-home main>section.services > .wrap::before,
body.v73-home main>section.about > .wrap::before,
body.v73-home main>section.tech > .wrap::before{
  position:absolute!important;
  left:6px!important;
  top:50%!important;
  transform:translateY(-50%) rotate(-90deg)!important;
  transform-origin:left top!important;
  font-size:clamp(48px,5vw,72px)!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:-.06em!important;
  white-space:nowrap!important;
  color:rgba(255,255,255,.07)!important;
  opacity:1!important;
  z-index:1!important;
  pointer-events:none!important;
}
body.v73-home main>section.work > .wrap::before{content:"Trabajos"!important;}
body.v73-home main>section.music > .wrap::before{content:"Música"!important;}
body.v73-home main>section.services > .wrap::before{content:"Servicios"!important;}
body.v73-home main>section.about > .wrap::before{content:"Difusor"!important;}
body.v73-home main>section.tech > .wrap::before{content:"Infraestructura"!important;}

/* Mantener el espacio para que todos queden alineados con el mismo eje */
body.v73-home main>section.work > .wrap,
body.v73-home main>section.music > .wrap,
body.v73-home main>section.services > .wrap,
body.v73-home main>section.about > .wrap,
body.v73-home main>section.tech > .wrap{
  padding-left:112px!important;
}

@media(max-width:900px){
  body.v73-home main>section.work > .wrap::before,
  body.v73-home main>section.music > .wrap::before,
  body.v73-home main>section.services > .wrap::before,
  body.v73-home main>section.about > .wrap::before,
  body.v73-home main>section.tech > .wrap::before{
    left:4px!important;
    top:50%!important;
    transform:translateY(-50%) rotate(-90deg)!important;
    font-size:clamp(34px,8vw,54px)!important;
    color:rgba(255,255,255,.07)!important;
  }
}

@media(max-width:650px){
  body.v73-home main>section.work > .wrap,
  body.v73-home main>section.music > .wrap,
  body.v73-home main>section.services > .wrap,
  body.v73-home main>section.about > .wrap,
  body.v73-home main>section.tech > .wrap{
    padding-left:58px!important;
  }
  body.v73-home main>section.work > .wrap::before,
  body.v73-home main>section.music > .wrap::before,
  body.v73-home main>section.services > .wrap::before,
  body.v73-home main>section.about > .wrap::before,
  body.v73-home main>section.tech > .wrap::before{
    position:absolute!important;
    left:3px!important;
    top:50%!important;
    transform:translateY(-50%) rotate(-90deg)!important;
    margin:0!important;
    font-size:30px!important;
    letter-spacing:-.06em!important;
    color:rgba(255,255,255,.07)!important;
  }
}