/* DIFUSOR V73 · CONCEPTO CINEMATOGRÁFICO COMPLETO */
:root{--v73-ink:#07151d;--v73-ink2:#0e2735;--v73-blue:#0d5678;--v73-blue2:#2d7597;--v73-paper:#f2f5f5;--v73-nav:72px}
html{scroll-behavior:smooth}
body{background:#07151d!important;overflow-x:hidden}
body.v73-cinema{background:#07151d!important}

/* REEL FIJO GLOBAL */
.v73-reel-fixed{position:fixed;inset:0;z-index:-10;background:#000;overflow:hidden;pointer-events:none}
.v73-reel-fixed video{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.06) brightness(.70)}
.v73-reel-fixed:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,9,14,.56),rgba(2,9,14,.14) 33%,rgba(2,9,14,.20) 66%,rgba(2,9,14,.58))}
.v73-grain{position:fixed;inset:0;z-index:-9;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");mix-blend-mode:soft-light}

/* HEADER DE VIDRIO, MÁS TRANSPARENTE AL HACER SCROLL */
.nav{position:fixed!important;top:0;left:0;right:0;z-index:80!important;background:rgba(5,18,26,.78)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(18px) saturate(125%);transition:background .35s,border-color .35s,box-shadow .35s}
.nav.v73-scrolled{background:rgba(5,18,26,.18)!important;border-color:rgba(255,255,255,.065)!important;box-shadow:none!important}
.nav .menu a,.nav .navlinks a{color:rgba(255,255,255,.82)!important}.nav .menu a:hover,.nav .navlinks a:hover{color:#fff!important}
.nav .cta-line,.nav .cta-light{border-color:rgba(255,255,255,.32)!important}

/* HOME HERO: EL REEL ES LA PORTADA */
body.v73-home .hero{height:100svh!important;min-height:680px!important;background:transparent!important;color:#fff!important;display:flex!important;align-items:flex-end!important;padding:calc(var(--v73-nav) + 40px) 0 48px!important;position:relative!important;overflow:hidden!important}
body.v73-home .hero-bg,body.v73-home .hero-media{display:none!important}
body.v73-home .hero-inner{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(260px,.48fr)!important;align-items:end!important;gap:42px!important;height:auto!important;padding:0!important}
body.v73-home .hero-copy{max-width:880px!important}
body.v73-home .hero-kicker{color:#79c7e3!important;font-size:10px!important;letter-spacing:.17em!important}
body.v73-home .hero h1{max-width:900px!important;margin:9px 0 15px!important;font-size:clamp(54px,7vw,106px)!important;line-height:.88!important;letter-spacing:-.062em!important;color:#fff!important}
body.v73-home .hero-lead{max-width:670px!important;margin-top:0!important;color:rgba(255,255,255,.78)!important;font-size:15px!important;line-height:1.52!important}
body.v73-home .hero-actions{margin-top:20px!important}
body.v73-home .hero-proof{max-width:640px!important;margin-top:18px!important;gap:7px!important}
body.v73-home .hero-proof div{background:rgba(5,18,26,.28)!important;border:1px solid rgba(255,255,255,.13)!important;backdrop-filter:blur(8px);padding:10px 12px!important}
body.v73-home .hero-proof strong{color:#fff!important}body.v73-home .hero-proof span{color:rgba(255,255,255,.66)!important}
.v73-hero-side{align-self:end;justify-self:end;max-width:270px;padding-bottom:5px;color:rgba(255,255,255,.70);font-size:10px;line-height:1.55;text-align:right}
.v73-hero-side b{display:block;margin-bottom:7px;color:#fff;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.v73-scroll-cue{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:grid;place-items:center;color:rgba(255,255,255,.63);font-size:7px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.v73-scroll-cue:after{content:"";width:1px;height:23px;margin-top:6px;background:rgba(255,255,255,.42)}

/* PANELES DEL HOME */
body.v73-home main>section:not(.hero):not(.v73-reel-window){position:relative;margin:0 16px!important;border-radius:25px!important;overflow:hidden!important;box-shadow:0 25px 85px rgba(0,0,0,.20)!important}
body.v73-home main>section.services,body.v73-home main>section.music,body.v73-home main>section.about{background:rgba(244,247,247,.97)!important;color:#0b1f29!important}
body.v73-home main>section.work,body.v73-home main>section.tech{background:rgba(7,21,29,.975)!important;color:#fff!important}
body.v73-home main>section.contact{background:rgba(5,18,26,.28)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(12px)}
body.v73-home main>section:not(.hero):not(.v73-reel-window):before{content:attr(data-v73-word);position:absolute;left:22px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:left top;color:rgba(8,24,34,.055);font-size:clamp(46px,5vw,76px);font-weight:900;letter-spacing:-.06em;pointer-events:none;white-space:nowrap}
body.v73-home main>section.work:before,body.v73-home main>section.tech:before,body.v73-home main>section.contact:before{color:rgba(255,255,255,.045)}
body.v73-home main>section:not(.hero):not(.v73-reel-window):after{content:"";position:absolute;right:-58px;bottom:-72px;width:410px;aspect-ratio:1;background:url("../media/02e23c23fa82e368ebb0.png") center/contain no-repeat;opacity:.17;pointer-events:none;filter:invert(1)}
body.v73-home main>section.work:after,body.v73-home main>section.tech:after,body.v73-home main>section.contact:after{filter:none;opacity:.07}
body.v73-home main>section>.wrap,body.v73-home .contact>.wrap{position:relative;z-index:2}
body.v73-home .services,body.v73-home .work,body.v73-home .music,body.v73-home .about,body.v73-home .tech{padding-top:76px!important;padding-bottom:82px!important}
body.v73-home .head{margin-bottom:32px!important}
body.v73-home .head h2{font-size:clamp(42px,5vw,72px)!important;line-height:.92!important;letter-spacing:-.052em!important}
body.v73-home .head .lead{font-size:13px!important;line-height:1.55!important}
body.v73-home .services .head .lead,body.v73-home .music .head .lead,body.v73-home .about .head .lead{color:#667b84!important}
body.v73-home .work .head .lead,body.v73-home .tech .head .lead{color:rgba(255,255,255,.62)!important}

.v73-section-number{position:absolute;right:24px;top:22px;z-index:4;color:rgba(8,24,34,.28);font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.work .v73-section-number,.tech .v73-section-number,.contact .v73-section-number{color:rgba(255,255,255,.24)}

/* VENTANAS AL REEL */
.v73-reel-window{min-height:48svh!important;display:flex;align-items:center;justify-content:center;padding:54px 22px!important;background:transparent!important;color:#fff!important;text-align:center;position:relative}
.v73-reel-window.v73-tall{min-height:62svh!important}
.v73-window-copy{max-width:900px;margin:auto}.v73-window-copy span{display:block;font-size:8px;letter-spacing:.19em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.v73-window-copy strong{display:block;margin-top:9px;font-size:clamp(38px,6vw,84px);line-height:.92;letter-spacing:-.055em}.v73-window-copy p{max-width:610px;margin:13px auto 0;color:rgba(255,255,255,.72);font-size:12px;line-height:1.55}

/* SERVICIOS */
body.v73-home .service-grid{gap:9px!important}
body.v73-home .service{min-height:220px!important;padding:19px!important;border:1px solid rgba(8,24,34,.11)!important;border-radius:14px!important;background:rgba(255,255,255,.57)!important;backdrop-filter:blur(5px);transition:.22s!important}
body.v73-home .service:hover{transform:translateY(-5px)!important;background:#fff!important;border-color:#5da3bf!important}
body.v73-home .service h3{font-size:19px!important}body.v73-home .service p{font-size:10px!important;line-height:1.5!important}

/* IMÁGENES: BARRAS DE CINE */
body.v73-cinema main .card-media img,body.v73-cinema main .music-img img,body.v73-cinema main .portfolio-media img,body.v73-cinema main .gallery-cover img,body.v73-cinema main .media-thumb img{background:#000!important;padding-top:7%!important;padding-bottom:7%!important;object-fit:cover!important}
body.v73-home .card-media,body.v73-home .music-card{background:#000!important;overflow:hidden!important}

/* TRABAJOS HOME MÁS GRANDES */
body.v73-home .featured-grid{display:grid!important;grid-template-columns:1.12fr .88fr!important;gap:11px!important}
body.v73-home .featured-grid .card-media{min-height:390px!important;border-radius:14px!important}
body.v73-home .featured-grid .card-media.tall{grid-row:auto!important;grid-column:1/-1!important;min-height:535px!important}
body.v73-home .featured-grid .card-media img{height:100%!important;transition:transform .45s!important}
body.v73-home .featured-grid .card-media:hover img{transform:scale(1.035)!important}
body.v73-home .card-copy{background:linear-gradient(180deg,transparent,rgba(0,0,0,.88))!important}
body.v73-home .card-copy h3{font-size:clamp(24px,2.8vw,39px)!important;letter-spacing:-.035em!important}

/* MÚSICA */
body.v73-home .music-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
body.v73-home .music-card{border-radius:14px!important;min-height:300px!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important}
body.v73-home .music-img{min-height:205px!important;background:#000!important}
body.v73-home .music-info{padding:14px 15px!important}
body.v73-home .music-info h3{font-size:20px!important}

/* TRAYECTORIA */
body.v73-home .timeline{border-top:1px solid rgba(8,24,34,.15)!important;border-bottom:1px solid rgba(8,24,34,.15)!important;gap:0!important}
body.v73-home .milestone{border-radius:0!important;border:0!important;border-right:1px solid rgba(8,24,34,.12)!important;background:transparent!important;box-shadow:none!important;min-height:210px!important;padding:20px!important}
body.v73-home .milestone:last-child{border-right:0!important}

/* INFRAESTRUCTURA */
body.v73-home .tech-grid{gap:9px!important}.tech .tech-item{border-radius:13px!important;background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.10)!important}.tech .tech-item:hover{background:rgba(255,255,255,.085)!important}

/* CONTACTO SOBRE REEL */
body.v73-home .contact{margin-top:0!important;padding:76px 0!important}
body.v73-home .contact-box{background:rgba(6,19,27,.46)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:22px!important;padding:38px!important;backdrop-filter:blur(14px)}
body.v73-home .contact h2{font-size:clamp(40px,5vw,70px)!important;line-height:.94!important;color:#fff!important}
body.v73-home .contact-copy>p,body.v73-home .contact-links a,body.v73-home .quote-benefits span{color:rgba(255,255,255,.72)!important}
body.v73-home .form{background:rgba(255,255,255,.95)!important}

/* PÁGINAS INTERNAS: PANELES SOBRE EL REEL */
body.v73-internal main{padding-top:calc(var(--v73-nav) + 14px);background:transparent!important}
body.v73-internal .page-section,body.v73-internal .infra-cta-section{margin:0 12px 12svh!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 22px 75px rgba(0,0,0,.18)!important}
body.v73-internal .page-section.white,body.v73-internal .page-section.soft,body.v73-internal .portfolio-section,body.v73-internal .infra-main-section{background:rgba(244,247,247,.97)!important;position:relative}
body.v73-internal .page-section.white:after,body.v73-internal .page-section.soft:after,body.v73-internal .portfolio-section:after,body.v73-internal .infra-main-section:after{content:"";position:absolute;right:-58px;bottom:-72px;width:360px;aspect-ratio:1;background:url("../media/02e23c23fa82e368ebb0.png") center/contain no-repeat;filter:invert(1);opacity:.15;pointer-events:none}
body.v73-internal .page-hero{background:rgba(7,21,29,.94)!important;color:#fff!important;border:1px solid rgba(255,255,255,.09)!important;backdrop-filter:blur(7px)}
body.v73-internal .page-hero h1{color:#fff!important}
body.v73-internal .page-hero p{color:rgba(255,255,255,.68)!important}
body.v73-internal .page-section>.wrap,body.v73-internal .infra-cta-section>.wrap{position:relative;z-index:2}
body.v73-internal .footer{background:rgba(5,18,26,.76)!important;backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08)!important}

/* PORTAFOLIO COMPLETO */
body.v73-internal .portfolio-grid{gap:12px!important}
body.v73-internal .portfolio-card{border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 8px 24px rgba(8,24,34,.07)!important}
body.v73-internal .portfolio-media{background:#000!important;aspect-ratio:16/10!important;overflow:hidden!important}
body.v73-internal .portfolio-media img{width:100%!important;height:100%!important}
body.v73-internal .portfolio-card:hover{transform:translateY(-4px)!important;box-shadow:0 18px 42px rgba(13,86,120,.16)!important}

/* REPRODUCTOR DIFUSOR */
.project-viewer-v69{border-color:rgba(124,199,230,.18)!important;background:#06151d!important}.project-viewer-topbar{background:#06151d!important}.project-viewer-media{background:#000!important}

/* TITULARES SIN PUNTO Y ESCALA EDITORIAL */
body.v73-cinema h1,body.v73-cinema h2,body.v73-cinema h3{letter-spacing:-.025em}

@media(max-width:900px){
 body.v73-home .hero-inner{grid-template-columns:1fr!important}.v73-hero-side{display:none}.v73-scroll-cue{display:none}
 body.v73-home .featured-grid{grid-template-columns:1fr!important}.body.v73-home .featured-grid .card-media.tall{grid-column:auto!important}
 body.v73-home .music-grid{grid-template-columns:1fr!important}
 body.v73-home .timeline{grid-template-columns:repeat(2,1fr)!important}.body.v73-home .milestone{border-bottom:1px solid rgba(8,24,34,.12)!important}
}
@media(max-width:650px){
 :root{--v73-nav:66px}
 body.v73-home .hero{min-height:720px!important;padding-bottom:36px!important}.nav .wrap,.navin{width:calc(100% - 24px)!important}
 body.v73-home .hero-inner{width:calc(100% - 28px)!important}.hero h1{font-size:clamp(46px,14vw,72px)!important}
 body.v73-home main>section:not(.hero):not(.v73-reel-window){margin:0 7px!important;border-radius:17px!important}
 body.v73-home .services,body.v73-home .work,body.v73-home .music,body.v73-home .about,body.v73-home .tech{padding-top:52px!important;padding-bottom:58px!important}
 body.v73-home .featured-grid .card-media,body.v73-home .featured-grid .card-media.tall{min-height:310px!important;grid-column:auto!important}
 body.v73-home .music-card{min-height:260px!important}.v73-reel-window{min-height:38svh!important}.v73-reel-window.v73-tall{min-height:50svh!important}
 body.v73-home .timeline{grid-template-columns:1fr!important}.body.v73-home .milestone{border-right:0!important}
 body.v73-home .contact-box{padding:25px 18px!important}
 body.v73-internal .page-section,body.v73-internal .infra-cta-section{margin:0 6px 9svh!important;border-radius:16px!important}
 body.v73-internal .page-section.white:after,body.v73-internal .page-section.soft:after,body.v73-internal .portfolio-section:after,body.v73-internal .infra-main-section:after{width:220px;opacity:.10}
}


/* =================================================================
   DIFUSOR V74 · COMPOSICIÓN CINEMATOGRÁFICA
   Más proporción, menos exceso, símbolo-vídeo y reproductor unificado
   ================================================================= */

/* El símbolo estático deja paso a una ventana audiovisual */
body.v73-home main>section:not(.hero):not(.v73-reel-window):after,
body.v73-internal .page-section.white:after,
body.v73-internal .page-section.soft:after,
body.v73-internal .portfolio-section:after,
body.v73-internal .infra-main-section:after{
  content:none!important;
  display:none!important;
}

.v74-video-mark{
  position:absolute;
  right:-18px;
  bottom:-32px;
  z-index:1;
  width:clamp(175px,19vw,300px);
  aspect-ratio:141/160;
  opacity:.66;
  pointer-events:none;
  overflow:hidden;
  -webkit-mask-image:var(--v74-logo-mask);
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
  mask-image:var(--v74-logo-mask);
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
}
.v74-video-mark video{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.18);
  filter:saturate(.86) contrast(1.08) brightness(.82);
  border:0!important;
}
.v74-video-mark:after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(13,86,120,.04);
}
body.v73-home .services>.wrap,
body.v73-home .music>.wrap,
body.v73-home .about>.wrap,
body.v73-internal .page-section.white>.wrap,
body.v73-internal .page-section.soft>.wrap,
body.v73-internal .portfolio-section>.wrap,
body.v73-internal .infra-main-section>.wrap{
  position:relative;
  z-index:2;
}

/* Barras de cine sin deformar ni inflar las fotografías */
body.v73-cinema main img:not(.logo-main):not(.logo-mark):not(.logo-type):not(.hero-logo-symbol):not(.project-viewer-brand img){
  box-sizing:border-box!important;
  padding-top:0!important;
  padding-bottom:0!important;
  border-top:clamp(6px,.62vw,9px) solid #050505!important;
  border-bottom:clamp(6px,.62vw,9px) solid #050505!important;
}
.v74-video-mark video,
.v73-reel-fixed video{
  border:0!important;
}

/* TRABAJOS · composición editorial equilibrada */
body.v73-home .featured-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.42fr) minmax(250px,.72fr)!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  height:clamp(360px,32vw,455px)!important;
  align-items:stretch!important;
}
body.v73-home .featured-grid .card-media,
body.v73-home .featured-grid .card-media.tall{
  min-height:0!important;
  height:100%!important;
  border-radius:12px!important;
}
body.v73-home .featured-grid .card-media.tall{
  grid-column:1!important;
  grid-row:1 / 3!important;
}
body.v73-home .featured-grid .card-media:not(.tall):nth-child(2){
  grid-column:2!important;
  grid-row:1!important;
}
body.v73-home .featured-grid .card-media:not(.tall):nth-child(3){
  grid-column:2!important;
  grid-row:2!important;
}
body.v73-home .featured-grid .card-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body.v73-home .featured-grid .card-copy{
  padding:clamp(13px,1.5vw,20px)!important;
}
body.v73-home .featured-grid .card-copy h3{
  margin:4px 0 4px!important;
  font-size:clamp(18px,2vw,28px)!important;
  line-height:1!important;
}
body.v73-home .featured-grid .card-copy p{
  max-width:520px;
  margin:0!important;
  font-size:9.5px!important;
  line-height:1.4!important;
}
body.v73-home .featured-grid .card-copy .tag,
body.v73-home .featured-grid .card-copy .watch,
body.v73-home .featured-grid .card-copy .private{
  font-size:7.5px!important;
}

/* MÚSICA · más catálogo/editorial, menos gigantismo */
body.v73-home .music-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:start!important;
}
body.v73-home .music-card{
  display:block!important;
  min-height:0!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(8,24,34,.10)!important;
  box-shadow:none!important;
}
body.v73-home .music-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(13,86,120,.46)!important;
  box-shadow:0 14px 32px rgba(13,86,120,.10)!important;
}
body.v73-home .music-img{
  min-height:0!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
  background:#000!important;
}
body.v73-home .music-img img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body.v73-home .music-info{
  min-height:92px!important;
  padding:11px 12px 12px!important;
}
body.v73-home .music-info h3{
  margin:0 0 4px!important;
  font-size:16px!important;
  line-height:1.05!important;
}
body.v73-home .music-info p{
  margin:0!important;
  color:#647a84!important;
  font-size:8.8px!important;
  line-height:1.4!important;
}
body.v73-home .music-info span{
  display:inline-block;
  margin-top:8px!important;
  color:#0d5678!important;
  font-size:7.5px!important;
  font-weight:800!important;
}

/* Cabezas de sección algo más contenidas */
body.v73-home .head h2{
  font-size:clamp(38px,4.4vw,64px)!important;
}
body.v73-home .head{
  margin-bottom:27px!important;
}
body.v73-home .services,
body.v73-home .work,
body.v73-home .music,
body.v73-home .about,
body.v73-home .tech{
  padding-top:68px!important;
  padding-bottom:72px!important;
}

/* Reproductor Difusor también en Home */
.v74-home-viewer{
  width:min(1080px,calc(100% - 28px))!important;
  max-height:calc(100svh - 28px)!important;
  padding:0!important;
  border:1px solid rgba(124,199,230,.18)!important;
  border-radius:20px!important;
  background:#06151d!important;
  color:#fff!important;
  box-shadow:0 35px 100px rgba(0,0,0,.55)!important;
}
.v74-home-viewer::backdrop{
  background:rgba(2,12,18,.88)!important;
  backdrop-filter:blur(10px)!important;
}
.v74-home-viewer .project-viewer-inner{
  overflow:hidden!important;
  border-radius:20px!important;
  background:#06151d!important;
}
.v74-home-viewer .project-viewer-media{
  aspect-ratio:16/9!important;
  background:#000!important;
}
.v74-home-viewer .project-viewer-media iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
}
.v74-home-viewer .project-viewer-copy{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:22px!important;
  align-items:end!important;
}
.v74-home-viewer .project-viewer-nav{
  display:flex!important;
  gap:7px!important;
}
.v74-home-viewer .project-viewer-nav button{
  min-height:36px!important;
  padding:0 11px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.05)!important;
  color:#dce9ee!important;
  font-size:9px!important;
  font-weight:780!important;
}

/* PORTAFOLIO interior: mantiene fotografía protagonista pero no excesiva */
body.v73-internal .portfolio-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
body.v73-internal .portfolio-media{
  aspect-ratio:16/9!important;
}
body.v73-internal .portfolio-info{
  padding:12px 13px 14px!important;
}
body.v73-internal .portfolio-info h3{
  font-size:17px!important;
}
body.v73-internal .portfolio-info p{
  font-size:9.5px!important;
}

/* Aire visual controlado: las ventanas al reel siguen respirando, pero sin dominar */
.v73-reel-window{
  min-height:38svh!important;
}
.v73-reel-window.v73-tall{
  min-height:48svh!important;
}
.v73-window-copy strong{
  font-size:clamp(34px,5.2vw,68px)!important;
}

/* Responsive */
@media(max-width:980px){
  body.v73-home .featured-grid{
    height:clamp(350px,46vw,440px)!important;
    grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr)!important;
  }
  body.v73-home .music-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.v73-internal .portfolio-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  .v74-video-mark{
    width:175px;
    right:-34px;
    bottom:-26px;
    opacity:.48;
  }
  body.v73-home .featured-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
    height:auto!important;
  }
  body.v73-home .featured-grid .card-media,
  body.v73-home .featured-grid .card-media.tall{
    grid-column:auto!important;
    grid-row:auto!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/10!important;
  }
  body.v73-home .music-grid,
  body.v73-internal .portfolio-grid{
    grid-template-columns:1fr!important;
  }
  body.v73-home .music-info{
    min-height:0!important;
  }
  .v74-home-viewer{
    width:100%!important;
    max-height:100svh!important;
    border-radius:0!important;
    border:0!important;
  }
  .v74-home-viewer .project-viewer-inner{
    border-radius:0!important;
  }
  .v74-home-viewer .project-viewer-copy{
    grid-template-columns:1fr!important;
  }
}


/* =================================================================
   DIFUSOR V75 · COMPOSICIÓN REFINADA
   Ventanas reales al reel, paneles más transparentes y formulario clásico
   ================================================================= */

/* ---------------------------------------------------------------
   PANELES: EL FONDO REAL LO DIBUJA .v75-panel-surface
   El símbolo Difusor es un agujero transparente que deja ver
   EL MISMO REEL FIJO DEL FONDO; no existe un segundo video.
   --------------------------------------------------------------- */
body.v73-home main>section.v75-cutout-panel:not(.hero):not(.v73-reel-window),
body.v73-internal main .v75-cutout-panel{
  background:transparent!important;
  isolation:isolate;
}

.v75-panel-surface{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:var(--v75-surface,rgba(244,247,247,.88));
  -webkit-backdrop-filter:blur(11px) saturate(108%);
  backdrop-filter:blur(11px) saturate(108%);

  /* capa completa - símbolo Difusor = perforación */
  -webkit-mask-image:
    linear-gradient(#000 0 0),
    var(--v75-logo-mask);
  -webkit-mask-repeat:no-repeat,no-repeat;
  -webkit-mask-size:
    100% 100%,
    var(--v75-mark-size,clamp(175px,19vw,300px)) auto;
  -webkit-mask-position:
    0 0,
    var(--v75-mark-x,calc(100% + 25px)) var(--v75-mark-y,calc(100% + 24px));
  -webkit-mask-composite:xor;

  mask-image:
    linear-gradient(#000 0 0),
    var(--v75-logo-mask);
  mask-repeat:no-repeat,no-repeat;
  mask-size:
    100% 100%,
    var(--v75-mark-size,clamp(175px,19vw,300px)) auto;
  mask-position:
    0 0,
    var(--v75-mark-x,calc(100% + 25px)) var(--v75-mark-y,calc(100% + 24px));
  mask-composite:exclude;
}

.v75-cutout-panel.v75-light{
  --v75-surface:rgba(244,247,247,.86);
}
.v75-cutout-panel.v75-dark{
  --v75-surface:rgba(7,21,29,.84);
}
.v75-cutout-panel.v75-contact{
  --v75-surface:rgba(5,18,26,.24);
}

/* alternancia editorial de los agujeros de marca */
.v75-cutout-panel.v75-hole-left{
  --v75-mark-x:-42px;
  --v75-mark-y:calc(100% + 20px);
}
.v75-cutout-panel.v75-hole-right{
  --v75-mark-x:calc(100% + 35px);
  --v75-mark-y:calc(100% + 24px);
}
.v75-cutout-panel.v75-hole-top{
  --v75-mark-x:calc(100% + 20px);
  --v75-mark-y:-45px;
}

/* contenido por encima de la superficie */
.v75-cutout-panel>.wrap,
.v75-cutout-panel>.contact-box,
.v75-cutout-panel>.v73-section-number,
.v75-cutout-panel>.work-bg{
  position:relative;
  z-index:2;
}
body.v73-home main>section:not(.hero):not(.v73-reel-window):before{
  z-index:1;
}

/* contenedores más transparentes y menos "caja" */
body.v73-home .service{
  background:rgba(255,255,255,.43)!important;
  border-color:rgba(8,24,34,.10)!important;
  backdrop-filter:blur(8px) saturate(105%)!important;
}
body.v73-home .service:hover{
  background:rgba(255,255,255,.68)!important;
}
body.v73-home .music-card{
  background:rgba(255,255,255,.50)!important;
  backdrop-filter:blur(7px)!important;
}
body.v73-home .milestone{
  background:rgba(255,255,255,.08)!important;
}
body.v73-home .tech .tech-item{
  background:rgba(255,255,255,.035)!important;
  backdrop-filter:blur(5px)!important;
}
body.v73-internal .portfolio-card{
  background:rgba(255,255,255,.70)!important;
  backdrop-filter:blur(7px)!important;
}
body.v73-internal .service-card,
body.v73-internal .use-card,
body.v73-internal .process-card,
body.v73-internal .infra-card,
body.v73-internal .infra-detail{
  background:rgba(255,255,255,.62)!important;
  backdrop-filter:blur(7px)!important;
}

/* ---------------------------------------------------------------
   TRABAJOS: menos altura total, mejor tensión entre 3 piezas
   --------------------------------------------------------------- */
body.v73-home .featured-grid{
  grid-template-columns:minmax(0,1.34fr) minmax(250px,.78fr)!important;
  grid-template-rows:1fr 1fr!important;
  gap:9px!important;
  height:clamp(335px,29vw,410px)!important;
}
body.v73-home .featured-grid .card-media{
  border-radius:11px!important;
}
body.v73-home .featured-grid .card-copy{
  padding:13px 15px!important;
}
body.v73-home .featured-grid .card-copy h3{
  font-size:clamp(17px,1.75vw,25px)!important;
}
body.v73-home .featured-grid .card-copy p{
  max-width:440px!important;
  font-size:8.8px!important;
}
body.v73-home .featured-grid .card-media:not(.tall) .card-copy h3{
  font-size:17px!important;
}
body.v73-home .featured-grid .card-media:not(.tall) .card-copy p{
  display:none;
}

/* ---------------------------------------------------------------
   MÚSICA: dos piezas de mayor presencia + tres compactas
   --------------------------------------------------------------- */
body.v73-home .music-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:9px!important;
}
body.v73-home .music-card{
  grid-column:span 2;
  border-radius:11px!important;
}
body.v73-home .music-card:nth-child(1),
body.v73-home .music-card:nth-child(2){
  grid-column:span 3;
}
body.v73-home .music-card:nth-child(1) .music-img,
body.v73-home .music-card:nth-child(2) .music-img{
  aspect-ratio:16/8.4!important;
}
body.v73-home .music-card:nth-child(n+3) .music-img{
  aspect-ratio:16/9!important;
}
body.v73-home .music-info{
  min-height:76px!important;
  padding:9px 10px 10px!important;
}
body.v73-home .music-info h3{
  font-size:14px!important;
  margin-bottom:3px!important;
}
body.v73-home .music-card:nth-child(1) .music-info h3,
body.v73-home .music-card:nth-child(2) .music-info h3{
  font-size:16px!important;
}
body.v73-home .music-info p{
  font-size:8px!important;
}
body.v73-home .music-info span{
  margin-top:6px!important;
  font-size:7px!important;
}

/* ---------------------------------------------------------------
   COTIZADOR: recupera la experiencia de datos de V71
   --------------------------------------------------------------- */
body.v73-home .contact{
  border-color:rgba(255,255,255,.10)!important;
  backdrop-filter:none!important;
}
body.v73-home .contact-box,
body.v73-home #contacto .quote-box{
  background:rgba(6,19,27,.34)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  backdrop-filter:blur(12px) saturate(112%)!important;
}
body.v73-home #contacto .quote-form,
body.v73-home #contacto .form{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
body.v73-home #contacto .field>span{
  color:#d8e7ed!important;
}
body.v73-home #contacto .quote-form input,
body.v73-home #contacto .quote-form select,
body.v73-home #contacto .quote-form textarea{
  border:1px solid rgba(255,255,255,.24)!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.v73-home #contacto .quote-form input::placeholder,
body.v73-home #contacto .quote-form textarea::placeholder{
  color:rgba(220,236,242,.78)!important;
}
body.v73-home #contacto .quote-form input:focus,
body.v73-home #contacto .quote-form select:focus,
body.v73-home #contacto .quote-form textarea:focus{
  border-color:rgba(255,255,255,.88)!important;
  background:rgba(255,255,255,.15)!important;
}
body.v73-home #contacto .quote-form select option{
  color:#111!important;
}
body.v73-home #contacto .dynamic-intro{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#dce9ef!important;
}
body.v73-home #contacto .quote-whatsapp{
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
}

/* transparencias de paneles interiores */
body.v73-internal .page-hero{
  background:rgba(7,21,29,.82)!important;
}
body.v73-internal .footer{
  background:rgba(5,18,26,.62)!important;
}

/* el fondo del reel debe respirarse, no competir */
.v73-reel-fixed video{
  filter:saturate(.84) contrast(1.04) brightness(.68)!important;
}

/* ---------------------------------------------------------------
   responsive
   --------------------------------------------------------------- */
@media(max-width:980px){
  body.v73-home .featured-grid{
    height:clamp(330px,43vw,405px)!important;
    grid-template-columns:minmax(0,1.18fr) minmax(220px,.82fr)!important;
  }
  body.v73-home .music-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.v73-home .music-card,
  body.v73-home .music-card:nth-child(1),
  body.v73-home .music-card:nth-child(2){
    grid-column:auto!important;
  }
}
@media(max-width:700px){
  .v75-panel-surface{
    -webkit-mask-size:100% 100%,175px auto;
    mask-size:100% 100%,175px auto;
  }
  .v75-cutout-panel.v75-hole-left{
    --v75-mark-x:-55px;
    --v75-mark-y:calc(100% + 12px);
  }
  .v75-cutout-panel.v75-hole-right{
    --v75-mark-x:calc(100% + 55px);
    --v75-mark-y:calc(100% + 15px);
  }
  body.v73-home .featured-grid{
    height:auto!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
  }
  body.v73-home .featured-grid .card-media,
  body.v73-home .featured-grid .card-media.tall{
    aspect-ratio:16/10!important;
  }
  body.v73-home .music-grid{
    grid-template-columns:1fr!important;
  }
}


/* =================================================================
   DIFUSOR V76 · DEPURACIÓN DE COMPOSICIÓN
   ================================================================= */

/* quitar los logos sólidos heredados; sólo queda la ventana real */
body.v73-home main>section.v75-cutout-panel:after,
body.v73-internal .page-section.v75-cutout-panel:after,
body.v73-internal .portfolio-section.v75-cutout-panel:after,
body.v73-internal .infra-main-section.v75-cutout-panel:after,
body.v73-internal .infra-cta-section.v75-cutout-panel:after{
  content:none!important;
  display:none!important;
}

/* paneles aún más translúcidos */
.v75-cutout-panel.v75-light{ --v75-surface:rgba(244,247,247,.80); }
.v75-cutout-panel.v75-dark{ --v75-surface:rgba(7,21,29,.76); }
.v75-cutout-panel.v75-contact{ --v75-surface:rgba(5,18,26,.18); }

/* palabra/etiqueta compositiva al costado izquierdo */
body.v73-home main>section:not(.hero):not(.v73-reel-window):before{
  left:16px!important;
  top:28px!important;
  transform:none!important;
  writing-mode:vertical-rl!important;
  text-orientation:mixed!important;
  letter-spacing:.23em!important;
  font-size:10px!important;
  font-weight:900!important;
  color:rgba(8,24,34,.16)!important;
  opacity:1!important;
}
body.v73-home main>section.work:before,
body.v73-home main>section.tech:before,
body.v73-home main>section.contact:before{
  color:rgba(255,255,255,.18)!important;
}

/* numeración de sección más limpia */
.v73-section-number{
  letter-spacing:.16em!important;
  font-size:8.5px!important;
  opacity:.8!important;
}

/* tarjetas sólidas */
body.v73-home .service,
body.v73-home .music-card,
body.v73-home .milestone,
body.v73-home .tech .tech-item,
body.v73-internal .portfolio-card,
body.v73-internal .service-card,
body.v73-internal .use-card,
body.v73-internal .process-card,
body.v73-internal .infra-card,
body.v73-internal .infra-detail{
  backdrop-filter:none!important;
}
body.v73-home .service{
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(8,24,34,.12)!important;
}
body.v73-home .service:hover{
  background:#fff!important;
}
body.v73-home .music-card{
  background:rgba(255,255,255,.97)!important;
}
body.v73-home .milestone{
  background:rgba(255,255,255,.96)!important;
}
body.v73-home .tech .tech-item{
  background:rgba(255,255,255,.10)!important;
}
body.v73-internal .portfolio-card,
body.v73-internal .service-card,
body.v73-internal .use-card,
body.v73-internal .process-card,
body.v73-internal .infra-card,
body.v73-internal .infra-detail{
  background:rgba(255,255,255,.94)!important;
}

/* TRABAJOS: Sacyr y Agrosuper más largos/legibles */
body.v73-home .featured-grid{
  grid-template-columns:minmax(0,1.24fr) minmax(310px,.92fr)!important;
  gap:11px!important;
  height:clamp(410px,35vw,525px)!important;
}
body.v73-home .featured-grid .card-media,
body.v73-home .featured-grid .card-media.tall{
  border-radius:12px!important;
}
body.v73-home .featured-grid .card-copy{
  padding:16px 17px!important;
}
body.v73-home .featured-grid .card-media:not(.tall) .card-copy h3{
  font-size:19px!important;
}
body.v73-home .featured-grid .card-media:not(.tall) .card-copy p{
  display:block!important;
  font-size:9px!important;
  line-height:1.45!important;
}

/* MÚSICA: toda la info visible dentro del contenedor */
body.v73-home .music-grid{
  gap:11px!important;
}
body.v73-home .music-card{
  display:grid!important;
  grid-template-rows:auto minmax(98px,auto)!important;
  overflow:hidden!important;
}
body.v73-home .music-card:nth-child(1) .music-img,
body.v73-home .music-card:nth-child(2) .music-img{
  aspect-ratio:16/8.9!important;
}
body.v73-home .music-card:nth-child(n+3) .music-img{
  aspect-ratio:16/8.8!important;
}
body.v73-home .music-info{
  min-height:98px!important;
  padding:12px 13px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
body.v73-home .music-info h3,
body.v73-home .music-card:nth-child(1) .music-info h3,
body.v73-home .music-card:nth-child(2) .music-info h3{
  font-size:16px!important;
  line-height:1.14!important;
  margin:0 0 5px!important;
}
body.v73-home .music-info p{
  font-size:8.6px!important;
  line-height:1.45!important;
  margin:0!important;
}
body.v73-home .music-info span{
  margin-top:auto!important;
  padding-top:8px!important;
  font-size:7.6px!important;
}

/* DIFUSOR / ABOUT y servicios: asegurar hueco visible */
body.v73-home section.services .v75-panel-surface,
body.v73-home section.music .v75-panel-surface,
body.v73-home section.about .v75-panel-surface{
  --v75-mark-size:clamp(180px,18vw,270px);
}

/* COTIZACIÓN: sin logo detrás del formulario de escritura */
body.v73-home section.contact:before{
  display:none!important;
  content:none!important;
}
body.v73-home .contact-box{
  background:rgba(6,19,27,.26)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  backdrop-filter:blur(11px) saturate(110%)!important;
}
body.v73-home #contacto .quote-box:after{
  opacity:.16!important;
  filter:brightness(2.5)!important;
}

/* botón WhatsApp flotante circular */
.whatsapp{
  width:64px!important;
  height:64px!important;
  padding:0!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#25D366!important;
  color:transparent!important;
  box-shadow:0 16px 38px rgba(0,0,0,.22)!important;
  border:3px solid rgba(255,255,255,.94)!important;
}
.whatsapp:before{
  content:"";
  width:30px;
  height:30px;
  display:block;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M27.1 4.8A15.3 15.3 0 0 0 3.1 23.3L1 31l7.9-2.1A15.3 15.3 0 1 0 27.1 4.8ZM16 28.3c-2.2 0-4.4-.6-6.2-1.7l-.5-.3-4.7 1.2 1.2-4.6-.3-.5A12.3 12.3 0 1 1 16 28.3Zm6.8-9.2c-.4-.2-2.2-1.1-2.5-1.3-.3-.1-.6-.2-.8.2-.2.4-.9 1.3-1 1.5-.2.2-.4.3-.8.1-.4-.2-1.6-.6-3.1-2-1.1-1-1.9-2.2-2.1-2.6-.2-.4 0-.6.2-.8.2-.2.4-.4.6-.7.2-.2.3-.4.4-.7.1-.2.1-.5 0-.7-.1-.2-.8-2-1.1-2.7-.3-.8-.6-.7-.8-.7h-.7c-.2 0-.7.1-1 .5-.4.4-1.3 1.3-1.3 3.1s1.3 3.6 1.5 3.9c.2.2 2.6 4.1 6.4 5.7.9.4 1.7.6 2.2.8.9.3 1.8.2 2.5.1.8-.1 2.2-.9 2.5-1.7.3-.8.3-1.6.2-1.7 0-.2-.3-.3-.7-.5Z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

/* botón de WhatsApp del formulario más amable */
body.v73-home #contacto .quote-whatsapp{
  background:#25D366!important;
  color:#fff!important;
  border-color:#25D366!important;
  box-shadow:0 10px 26px rgba(0,0,0,.14)!important;
}
body.v73-home #contacto .quote-whatsapp:hover{
  filter:brightness(1.04)!important;
}

@media(max-width:980px){
  body.v73-home .featured-grid{
    grid-template-columns:minmax(0,1.16fr) minmax(250px,.96fr)!important;
    height:clamp(390px,48vw,480px)!important;
  }
}
@media(max-width:700px){
  body.v73-home main>section:not(.hero):not(.v73-reel-window):before{
    left:12px!important;
    top:18px!important;
    font-size:8px!important;
  }
  .whatsapp{
    width:58px!important;
    height:58px!important;
    right:12px!important;
    bottom:12px!important;
  }
  .whatsapp:before{ width:27px; height:27px; }
}


/* =================================================================
   DIFUSOR V77 · DEPURACIÓN DE ARRIBA HACIA ABAJO
   ================================================================= */

/* 1. HERO limpio: sin símbolo a la derecha */
body.v73-home .hero:after{
  content:none!important;
  display:none!important;
}

/* eliminar TODOS los símbolos sólidos heredados del home */
body.v73-home .brand-mark:after,
body.v73-home .brand-mark-left:before,
body.v73-home .brand-mark-dark:after,
body.v73-home .brand-mark-bottom:before{
  content:none!important;
  display:none!important;
}

/* Los únicos logos decorativos válidos son las perforaciones del panel */
body.v73-home section.services,
body.v73-home section.music,
body.v73-home section.about{
  --v75-mark-x:-48px;
  --v75-mark-y:calc(100% + 18px);
  --v75-mark-size:clamp(185px,18vw,280px);
}
body.v73-home section.contact{
  --v75-mark-x:12%;
  --v75-mark-y:calc(100% + 48px);
  --v75-mark-size:clamp(200px,20vw,310px);
}

/* Paneles: más transparentes */
.v75-cutout-panel.v75-light{--v75-surface:rgba(244,247,247,.76)!important}
.v75-cutout-panel.v75-dark{--v75-surface:rgba(7,21,29,.72)!important}
.v75-cutout-panel.v75-contact{--v75-surface:rgba(5,18,26,.15)!important}

/* 2. Rótulo vertical editorial: igual en todas las secciones */
body.v73-home main>section:not(.hero):not(.v73-reel-window):before{
  content:attr(data-v73-word)!important;
  display:block!important;
  position:absolute!important;
  left:15px!important;
  top:auto!important;
  bottom:30px!important;
  z-index:3!important;
  transform:rotate(180deg)!important;
  writing-mode:vertical-rl!important;
  text-orientation:mixed!important;
  color:rgba(8,24,34,.26)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.24em!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
body.v73-home main>section.work:before,
body.v73-home main>section.tech:before,
body.v73-home main>section.contact:before{
  color:rgba(255,255,255,.28)!important;
}

/* 3. Tarjetas: transparentes, pero claramente más sólidas que el panel */
body.v73-home .service{
  background:rgba(255,255,255,.89)!important;
  border-color:rgba(8,24,34,.12)!important;
  backdrop-filter:none!important;
}
body.v73-home .service:hover{background:rgba(255,255,255,.97)!important}
body.v73-home .music-card{
  background:rgba(255,255,255,.91)!important;
  backdrop-filter:none!important;
}
body.v73-home .milestone{
  background:rgba(255,255,255,.87)!important;
  border:1px solid rgba(8,24,34,.10)!important;
  backdrop-filter:none!important;
}
body.v73-home .tech .tech-item{
  background:rgba(7,21,29,.88)!important;
  border-color:rgba(255,255,255,.12)!important;
  backdrop-filter:none!important;
}
body.v73-internal .portfolio-card,
body.v73-internal .service-card,
body.v73-internal .use-card,
body.v73-internal .process-card,
body.v73-internal .infra-card,
body.v73-internal .infra-detail{
  background:rgba(255,255,255,.90)!important;
  backdrop-filter:none!important;
}

/* 4. TRABAJOS: bajar escala, mantener todo dentro y alargar Sacyr/Agrosuper */
body.v73-home #trabajos{
  padding-top:60px!important;
  padding-bottom:58px!important;
}
body.v73-home #trabajos .head{
  margin-bottom:22px!important;
  padding-left:16px;
}
body.v73-home #trabajos .head h2{
  max-width:680px;
  font-size:clamp(34px,3.9vw,52px)!important;
  line-height:.96!important;
}
body.v73-home #trabajos .head .lead{
  max-width:470px;
  font-size:11.5px!important;
  line-height:1.48!important;
}
body.v73-home .featured-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.22fr) minmax(340px,1fr)!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  height:clamp(350px,29vw,415px)!important;
  gap:10px!important;
}
body.v73-home .featured-grid .card-media,
body.v73-home .featured-grid .card-media.tall{
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}
body.v73-home .featured-grid .card-media:not(.tall) .card-copy{
  padding:11px 13px!important;
}
body.v73-home .featured-grid .card-media:not(.tall) .card-copy .tag,
body.v73-home .featured-grid .card-media:not(.tall) .card-copy .private{
  font-size:6.8px!important;
}
body.v73-home .featured-grid .card-media:not(.tall) .card-copy h3{
  font-size:16px!important;
  margin:2px 0 2px!important;
}
body.v73-home .featured-grid .card-media:not(.tall) .card-copy p{
  display:block!important;
  max-width:330px!important;
  margin:0!important;
  font-size:7.8px!important;
  line-height:1.34!important;
}
body.v73-home #trabajos .portfolio-entry{
  display:flex!important;
  justify-content:flex-start!important;
  margin-top:14px!important;
  padding-left:16px!important;
}
body.v73-home #trabajos .portfolio-entry .cta{
  min-height:38px!important;
  padding:0 14px!important;
  font-size:9px!important;
}

/* 5. MÚSICA: todo el contenido dentro del contenedor y bien legible */
body.v73-home #musica{
  padding-top:60px!important;
  padding-bottom:58px!important;
}
body.v73-home #musica .head{
  margin-bottom:22px!important;
  padding-left:16px;
}
body.v73-home #musica .head h2{
  max-width:700px;
  font-size:clamp(34px,3.9vw,52px)!important;
  line-height:.96!important;
}
body.v73-home #musica .head .lead{
  max-width:470px;
  font-size:11.5px!important;
  line-height:1.48!important;
}
body.v73-home .music-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
}
body.v73-home .music-card{
  grid-column:span 2!important;
  display:grid!important;
  grid-template-rows:auto minmax(108px,auto)!important;
  overflow:hidden!important;
  min-width:0!important;
}
body.v73-home .music-card:nth-child(1),
body.v73-home .music-card:nth-child(2){grid-column:span 3!important}
body.v73-home .music-img{
  min-height:0!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
}
body.v73-home .music-info{
  position:relative!important;
  z-index:2!important;
  min-height:108px!important;
  padding:12px 13px 13px!important;
  background:transparent!important;
  overflow:visible!important;
}
body.v73-home .music-info h3,
body.v73-home .music-card:nth-child(1) .music-info h3,
body.v73-home .music-card:nth-child(2) .music-info h3{
  display:block!important;
  margin:0 0 5px!important;
  padding:0!important;
  font-size:15px!important;
  line-height:1.18!important;
  color:#081822!important;
  white-space:normal!important;
}
body.v73-home .music-info p{
  display:block!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  color:#627883!important;
  font-size:8.5px!important;
  line-height:1.44!important;
}
body.v73-home .music-info span{
  display:block!important;
  margin-top:8px!important;
  padding:0!important;
  font-size:7.5px!important;
}
body.v73-home #musica .section-entry{
  margin-top:14px!important;
  padding-left:16px!important;
}
body.v73-home #musica .section-entry .cta{
  min-height:38px!important;
  padding:0 14px!important;
  font-size:9px!important;
}

/* 6. DIFUSOR: mismo lenguaje que Servicios */
body.v73-home #nosotros{
  padding-top:60px!important;
  padding-bottom:58px!important;
}
body.v73-home #nosotros .head{
  margin-bottom:22px!important;
  padding-left:16px;
}
body.v73-home #nosotros .head h2{
  font-size:clamp(34px,3.9vw,52px)!important;
}
body.v73-home #nosotros .timeline{
  gap:9px!important;
  border:0!important;
}
body.v73-home #nosotros .milestone{
  min-height:190px!important;
  border-radius:14px!important;
  border:1px solid rgba(8,24,34,.10)!important;
  padding:18px!important;
}
body.v73-home #nosotros .milestone strong{font-size:27px!important}
body.v73-home #nosotros .milestone b{font-size:13px!important}
body.v73-home #nosotros .milestone p{font-size:9.5px!important;line-height:1.45!important}
body.v73-home #nosotros .about-entry{padding-left:16px!important}

/* 7. COTIZAR: recuperar el agujero correcto, eliminar el símbolo sólido del formulario */
body.v73-home #contacto .contact-box:after{
  content:none!important;
  display:none!important;
}
body.v73-home #contacto .contact-box{
  background:rgba(6,19,27,.28)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}

/* 8. WhatsApp: círculo verde + glifo blanco real */
.whatsapp{
  width:62px!important;
  height:62px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#25D366!important;
  color:#fff!important;
  border:3px solid #fff!important;
  box-shadow:0 16px 38px rgba(0,0,0,.24)!important;
  overflow:hidden!important;
  line-height:0!important;
}
.whatsapp:before{content:none!important;display:none!important}
.whatsapp svg{
  display:block!important;
  width:34px!important;
  height:34px!important;
  color:#fff!important;
}
.whatsapp:hover{transform:translateY(-3px) scale(1.03)!important}

@media(max-width:1050px){
  body.v73-home .featured-grid{
    grid-template-columns:minmax(0,1.12fr) minmax(290px,.95fr)!important;
    height:clamp(340px,40vw,400px)!important;
  }
}
@media(max-width:700px){
  body.v73-home main>section:not(.hero):not(.v73-reel-window):before{
    left:11px!important;
    bottom:22px!important;
    font-size:8px!important;
  }
  body.v73-home #trabajos .head,
  body.v73-home #musica .head,
  body.v73-home #nosotros .head,
  body.v73-home #trabajos .portfolio-entry,
  body.v73-home #musica .section-entry,
  body.v73-home #nosotros .about-entry{padding-left:10px!important}
  body.v73-home .featured-grid{
    height:auto!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto!important;
  }
  body.v73-home .featured-grid .card-media,
  body.v73-home .featured-grid .card-media.tall{
    height:auto!important;
    aspect-ratio:16/10!important;
  }
  body.v73-home .music-grid{grid-template-columns:1fr!important}
  body.v73-home .music-card,
  body.v73-home .music-card:nth-child(1),
  body.v73-home .music-card:nth-child(2){grid-column:auto!important}
  body.v73-home #nosotros .timeline{grid-template-columns:1fr!important}
  .whatsapp{width:56px!important;height:56px!important}
  .whatsapp svg{width:30px!important;height:30px!important}
}


/* =================================================================
   DIFUSOR V78 · MÚSICA DEPURADA DESDE V77 ORIGINAL
   Único cambio funcional/visual de esta versión: sección Música Home
   ================================================================= */

body.v73-home #musica{
  padding-top:52px!important;
  padding-bottom:52px!important;
}

body.v73-home #musica .head{
  margin-bottom:18px!important;
  padding-left:16px!important;
}

body.v73-home #musica .head h2{
  max-width:650px!important;
  font-size:clamp(32px,3.5vw,46px)!important;
  line-height:.98!important;
}

body.v73-home #musica .head .lead{
  max-width:460px!important;
  font-size:10.8px!important;
  line-height:1.5!important;
}

/* Cinco tarjetas compactas y equivalentes: ninguna pieza domina la sección */
body.v73-home #musica .music-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;
  align-items:stretch!important;
}

body.v73-home #musica .music-card,
body.v73-home #musica .music-card:nth-child(1),
body.v73-home #musica .music-card:nth-child(2),
body.v73-home #musica .music-card:nth-child(n+3){
  grid-column:auto!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  border-radius:11px!important;
  overflow:hidden!important;
}

body.v73-home #musica .music-img,
body.v73-home #musica .music-card:nth-child(1) .music-img,
body.v73-home #musica .music-card:nth-child(2) .music-img,
body.v73-home #musica .music-card:nth-child(n+3) .music-img{
  flex:0 0 auto!important;
  width:100%!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  overflow:hidden!important;
}

body.v73-home #musica .music-img img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

body.v73-home #musica .music-info{
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:112px!important;
  padding:11px 12px 12px!important;
  overflow:visible!important;
}

body.v73-home #musica .music-info h3,
body.v73-home #musica .music-card:nth-child(1) .music-info h3,
body.v73-home #musica .music-card:nth-child(2) .music-info h3{
  display:block!important;
  margin:0 0 5px!important;
  padding:0!important;
  font-size:13.5px!important;
  line-height:1.18!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

body.v73-home #musica .music-info p{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#627883!important;
  font-size:8.4px!important;
  line-height:1.45!important;
  white-space:normal!important;
  overflow:visible!important;
}

body.v73-home #musica .music-info span{
  display:block!important;
  margin-top:auto!important;
  padding-top:8px!important;
  font-size:7.4px!important;
  line-height:1.2!important;
}

body.v73-home #musica .section-entry{
  margin-top:12px!important;
  padding-left:16px!important;
}

@media(max-width:1180px){
  body.v73-home #musica .music-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  body.v73-home #musica .music-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:520px){
  body.v73-home #musica .music-grid{
    grid-template-columns:1fr!important;
  }
  body.v73-home #musica .music-card,
  body.v73-home #musica .music-card:nth-child(1),
  body.v73-home #musica .music-card:nth-child(2){
    display:grid!important;
    grid-template-columns:minmax(138px,.92fr) minmax(0,1.08fr)!important;
    align-items:stretch!important;
  }
  body.v73-home #musica .music-img{
    height:100%!important;
    min-height:146px!important;
    aspect-ratio:auto!important;
  }
  body.v73-home #musica .music-info{
    min-height:146px!important;
  }
}


/* =================================================================
   DIFUSOR V79 CORREGIDA · CONTENEDORES UNIFICADOS
   Esta hoja se carga DESPUÉS de V78 y contiene las reglas finales.
   ================================================================= */

/* ---------------------------------------------------------------
   HEADER: misma transparencia base del panel Cotizar proyecto
   --------------------------------------------------------------- */
body.v73-cinema .nav{
  background:rgba(6,19,27,.28)!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:blur(12px) saturate(110%)!important;
  backdrop-filter:blur(12px) saturate(110%)!important;
}
body.v73-cinema .nav.v73-scrolled{
  background:rgba(6,19,27,.18)!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
  box-shadow:none!important;
}

/* ---------------------------------------------------------------
   TODOS LOS PANELES = MISMO VIDRIO DE COTIZAR
   El fondo de la sección es transparente; .v75-panel-surface es
   la lámina oscura que tiene el logo perforado.
   --------------------------------------------------------------- */
body.v73-home main>section.v75-cutout-panel:not(.hero):not(.v73-reel-window),
body.v73-internal main .v75-cutout-panel{
  background:transparent!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

body.v73-cinema .v75-cutout-panel,
body.v73-cinema .v75-cutout-panel.v75-light,
body.v73-cinema .v75-cutout-panel.v75-dark,
body.v73-cinema .v75-cutout-panel.v75-contact{
  --v75-surface:rgba(6,19,27,.28)!important;
}

body.v73-cinema .v75-panel-surface{
  background:rgba(6,19,27,.28)!important;
  -webkit-backdrop-filter:blur(12px) saturate(110%)!important;
  backdrop-filter:blur(12px) saturate(110%)!important;

  /* ventana de marca más grande */
  --v75-mark-size:clamp(330px,34vw,540px)!important;
}

/* Distribución de las ventanas. Pueden entrar detrás de las tarjetas. */
body.v73-cinema .v75-cutout-panel.v75-hole-left{
  --v75-mark-x:-120px!important;
  --v75-mark-y:calc(100% + 100px)!important;
}
body.v73-cinema .v75-cutout-panel.v75-hole-right{
  --v75-mark-x:calc(100% + 115px)!important;
  --v75-mark-y:calc(100% + 95px)!important;
}
body.v73-cinema .v75-cutout-panel.v75-hole-top{
  --v75-mark-x:calc(100% + 95px)!important;
  --v75-mark-y:-135px!important;
}

/* Servicios, Música y Difusor: ventana a la izquierda como recurso común */
body.v73-home #servicios.v75-cutout-panel,
body.v73-home #musica.v75-cutout-panel,
body.v73-home #nosotros.v75-cutout-panel{
  --v75-mark-x:-105px!important;
  --v75-mark-y:calc(100% + 72px)!important;
  --v75-mark-size:clamp(340px,33vw,520px)!important;
}

/* Trabajos e Infraestructura: ventana hacia derecha para alternar composición */
body.v73-home #trabajos.v75-cutout-panel,
body.v73-home #infraestructura.v75-cutout-panel{
  --v75-mark-x:calc(100% + 105px)!important;
  --v75-mark-y:calc(100% + 80px)!important;
  --v75-mark-size:clamp(350px,34vw,535px)!important;
}

/* Cotización: conserva una ventana grande del contenedor, no dentro del formulario */
body.v73-home #contacto.v75-cutout-panel{
  --v75-mark-x:7%!important;
  --v75-mark-y:calc(100% + 95px)!important;
  --v75-mark-size:clamp(340px,34vw,525px)!important;
}

/* ---------------------------------------------------------------
   ELIMINAR CUALQUIER LOGO SÓLIDO HEREDADO
   Sólo pueden verse las perforaciones del panel.
   --------------------------------------------------------------- */
body.v73-home .hero:after,
body.v73-home .brand-mark:after,
body.v73-home .brand-mark-left:before,
body.v73-home .brand-mark-dark:after,
body.v73-home .brand-mark-bottom:before,
body.v73-home main>section.v75-cutout-panel:after,
body.v73-internal .page-hero:after,
body.v73-internal .brandmark:after,
body.v73-internal .contactbox:after,
body.v73-internal .page-section.v75-cutout-panel:after,
body.v73-internal .portfolio-section.v75-cutout-panel:after,
body.v73-internal .infra-main-section.v75-cutout-panel:after,
body.v73-internal .infra-cta-section.v75-cutout-panel:after,
body.v73-internal .portfolio-cta-section.v75-cutout-panel:after{
  content:none!important;
  display:none!important;
}

/* ---------------------------------------------------------------
   TITULARES SOBRE VIDRIO OSCURO
   --------------------------------------------------------------- */
body.v73-home #servicios .head h2,
body.v73-home #trabajos .head h2,
body.v73-home #musica .head h2,
body.v73-home #nosotros .head h2,
body.v73-home #infraestructura .head h2{
  color:#fff!important;
}
body.v73-home #servicios .head .lead,
body.v73-home #trabajos .head .lead,
body.v73-home #musica .head .lead,
body.v73-home #nosotros .head .lead,
body.v73-home #infraestructura .head .lead{
  color:rgba(255,255,255,.72)!important;
}
body.v73-home #servicios .kicker,
body.v73-home #trabajos .kicker,
body.v73-home #musica .kicker,
body.v73-home #nosotros .kicker,
body.v73-home #infraestructura .kicker{
  color:#8fd1ec!important;
}
body.v73-home main>section:not(.hero):not(.v73-reel-window):before{
  color:rgba(255,255,255,.24)!important;
}
body.v73-home .v73-section-number{
  color:rgba(255,255,255,.34)!important;
}

/* ---------------------------------------------------------------
   TARJETAS: más sólidas que el contenedor, pero con un leve cristal
   --------------------------------------------------------------- */
body.v73-home #servicios .service,
body.v73-home #musica .music-card,
body.v73-home #nosotros .milestone,
body.v73-home #infraestructura .tech-item{
  background:rgba(247,250,250,.88)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  color:#081822!important;
  -webkit-backdrop-filter:blur(5px)!important;
  backdrop-filter:blur(5px)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.10)!important;
}
body.v73-home #servicios .service:hover,
body.v73-home #musica .music-card:hover,
body.v73-home #nosotros .milestone:hover,
body.v73-home #infraestructura .tech-item:hover{
  background:rgba(255,255,255,.96)!important;
}
body.v73-home #servicios .service h3,
body.v73-home #musica .music-info h3,
body.v73-home #nosotros .milestone b,
body.v73-home #nosotros .milestone strong,
body.v73-home #infraestructura .tech-item,
body.v73-home #infraestructura .tech-item *{
  color:#081822!important;
}
body.v73-home #servicios .service p,
body.v73-home #musica .music-info p,
body.v73-home #nosotros .milestone p{
  color:#5e747f!important;
}
body.v73-home #servicios .service .go,
body.v73-home #musica .music-info span,
body.v73-home #nosotros .milestone .milestone-more{
  color:#0d5678!important;
}

/* Trabajos conserva fotografía protagonista; tarjeta fotográfica ligeramente elevada */
body.v73-home #trabajos .card-media{
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
}

/* Más espacio de panel para que las ventanas respiren detrás de tarjetas */
body.v73-home #servicios,
body.v73-home #trabajos,
body.v73-home #musica,
body.v73-home #nosotros,
body.v73-home #infraestructura{
  padding-top:70px!important;
  padding-bottom:76px!important;
}

/* CTAs que quedan fuera de tarjeta, integrados al vidrio */
body.v73-home #trabajos .portfolio-entry .cta,
body.v73-home #musica .section-entry .cta,
body.v73-home #nosotros .text-action,
body.v73-home #infraestructura .cta{
  color:#fff!important;
  border-color:rgba(255,255,255,.36)!important;
  background:rgba(6,19,27,.24)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  backdrop-filter:blur(7px)!important;
}

/* ---------------------------------------------------------------
   COTIZAR: referencia de transparencia
   --------------------------------------------------------------- */
body.v73-home #contacto .contact-box,
body.v73-home #contacto .quote-box{
  background:rgba(6,19,27,.28)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:blur(12px) saturate(110%)!important;
  backdrop-filter:blur(12px) saturate(110%)!important;
}

/* ---------------------------------------------------------------
   PÁGINAS INTERNAS: mismo vidrio + tarjetas claras
   --------------------------------------------------------------- */
body.v73-internal main .v75-cutout-panel{
  background:transparent!important;
}
body.v73-internal .v75-cutout-panel .v75-panel-surface{
  --v75-surface:rgba(6,19,27,.28)!important;
  --v75-mark-size:clamp(330px,31vw,500px)!important;
}
body.v73-internal .page-section h1,
body.v73-internal .page-section h2,
body.v73-internal .page-section>.wrap>.head h2,
body.v73-internal .infra-cta-section h2,
body.v73-internal .portfolio-cta-section h2{
  color:#fff!important;
}
body.v73-internal .page-section>.wrap>.head>p,
body.v73-internal .page-section>.wrap>p,
body.v73-internal .page-hero p,
body.v73-internal .infra-cta-section p,
body.v73-internal .portfolio-cta-section p{
  color:rgba(255,255,255,.72)!important;
}

/* tarjetas genéricas de páginas de servicios */
body.v73-internal .grid3 .card,
body.v73-internal .steps .step,
body.v73-internal .portfolio-card,
body.v73-internal .infra-card,
body.v73-internal .infra-detail{
  background:rgba(247,250,250,.90)!important;
  border-color:rgba(255,255,255,.38)!important;
  color:#081822!important;
  -webkit-backdrop-filter:blur(4px)!important;
  backdrop-filter:blur(4px)!important;
}
body.v73-internal .grid3 .card h3,
body.v73-internal .grid3 .card b,
body.v73-internal .steps .step b,
body.v73-internal .portfolio-card h3,
body.v73-internal .infra-card h3,
body.v73-internal .infra-detail h3{
  color:#081822!important;
}
body.v73-internal .grid3 .card p,
body.v73-internal .steps .step p,
body.v73-internal .portfolio-card p,
body.v73-internal .infra-card p,
body.v73-internal .infra-detail p{
  color:#5e747f!important;
}

@media(max-width:900px){
  body.v73-cinema .v75-panel-surface{--v75-mark-size:clamp(260px,44vw,390px)!important}
}
@media(max-width:700px){
  body.v73-cinema .v75-panel-surface{--v75-mark-size:235px!important}
  body.v73-home #servicios.v75-cutout-panel,
  body.v73-home #musica.v75-cutout-panel,
  body.v73-home #nosotros.v75-cutout-panel{
    --v75-mark-x:-90px!important;
    --v75-mark-y:calc(100% + 42px)!important;
  }
  body.v73-home #trabajos.v75-cutout-panel,
  body.v73-home #infraestructura.v75-cutout-panel{
    --v75-mark-x:calc(100% + 88px)!important;
    --v75-mark-y:calc(100% + 42px)!important;
  }
}


/* =================================================================
   DIFUSOR V80 · LUZ CINEMATOGRÁFICA + REPRODUCTOR EDITORIAL
   ================================================================= */

/* PANEL: un poco más claro, luz posterior suave, el reel sigue visible */
body.v73-cinema .v75-panel-surface{
  --v80-panel:rgba(11,43,57,.42);
  background:
    radial-gradient(ellipse at 14% 0%,rgba(107,197,226,.14),transparent 36%),
    radial-gradient(ellipse at 86% 105%,rgba(64,151,187,.10),transparent 40%),
    linear-gradient(135deg,rgba(18,61,78,.38),rgba(6,24,34,.40) 48%,rgba(13,51,67,.34))!important;
  -webkit-backdrop-filter:blur(9px) saturate(112%) brightness(1.05)!important;
  backdrop-filter:blur(9px) saturate(112%) brightness(1.05)!important;
}
body.v73-home main>section.v75-cutout-panel:not(.hero):not(.v73-reel-window),
body.v73-internal main .v75-cutout-panel{
  border:1px solid rgba(143,209,236,.22)!important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.18),
    0 0 30px rgba(88,181,215,.07),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}

/* HEADER: misma atmósfera, menos negro */
.nav{
  background:linear-gradient(180deg,rgba(10,43,57,.48),rgba(7,28,39,.34))!important;
  border-bottom:1px solid rgba(139,205,231,.18)!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
}
.nav.v73-scrolled{
  background:rgba(8,35,47,.20)!important;
}

/* MENOS AIRE: acercar titulares, tarjetas y CTAs */
body.v73-home #servicios,
body.v73-home #trabajos,
body.v73-home #musica,
body.v73-home #nosotros,
body.v73-home #infraestructura{
  padding-top:50px!important;
  padding-bottom:54px!important;
}
body.v73-home .head{margin-bottom:20px!important}
body.v73-home .section-entry,
body.v73-home .portfolio-entry{margin-top:18px!important}
body.v73-internal .page-section>.wrap{padding-top:46px!important;padding-bottom:48px!important}

/* TARJETAS: sólidas pero aún pertenecen al ambiente de vidrio */
body.v73-home #servicios .service,
body.v73-home #musica .music-card,
body.v73-home #nosotros .milestone,
body.v73-home #infraestructura .tech-item,
body.v73-internal .portfolio-card,
body.v73-internal .grid3 .card,
body.v73-internal .steps .step,
body.v73-internal .infra-card,
body.v73-internal .infra-detail{
  background:rgba(244,248,249,.84)!important;
  border:1px solid rgba(255,255,255,.48)!important;
  box-shadow:0 9px 28px rgba(0,0,0,.09)!important;
}

/* ---------------------------------------------------------------
   TRABAJOS · Bonvallet contenido + Sacyr/Agrosuper como fotogramas
   --------------------------------------------------------------- */
body.v73-home #trabajos .featured-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:auto auto!important;
  gap:12px!important;
  height:auto!important;
}
body.v73-home #trabajos .featured-grid .card-media,
body.v73-home #trabajos .featured-grid .card-media.tall{
  position:relative!important;
  min-height:0!important;
  height:auto!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#030607!important;
  border:1px solid rgba(132,197,222,.28)!important;
  box-shadow:0 13px 34px rgba(0,0,0,.17)!important;
}
body.v73-home #trabajos .featured-grid .card-media.tall{
  grid-column:1/-1!important;
  grid-row:auto!important;
  aspect-ratio:16/6.6!important;
}
body.v73-home #trabajos .featured-grid .card-media:not(.tall){
  grid-column:auto!important;
  grid-row:auto!important;
  aspect-ratio:16/10.2!important;
}
body.v73-home #trabajos .featured-grid .card-media:before{
  content:"";
  position:absolute;
  z-index:2;
  left:0;right:0;top:0;
  height:7.5%;
  background:#020304;
  pointer-events:none;
}
body.v73-home #trabajos .featured-grid .card-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  padding:0!important;
  border:0!important;
}
body.v73-home #trabajos .featured-grid .card-copy{
  z-index:3!important;
  padding:clamp(18px,2vw,28px)!important;
  background:linear-gradient(180deg,transparent 23%,rgba(2,8,11,.16) 46%,rgba(2,8,11,.88) 100%)!important;
}
body.v73-home #trabajos .featured-grid .card-copy .tag{
  font-size:8px!important;
  letter-spacing:.18em!important;
}
body.v73-home #trabajos .featured-grid .card-copy h3{
  margin:6px 0 5px!important;
  font-size:clamp(24px,2.7vw,42px)!important;
  line-height:.98!important;
  color:#fff!important;
}
body.v73-home #trabajos .featured-grid .card-copy p{
  display:block!important;
  margin:0 0 10px!important;
  max-width:640px!important;
  color:rgba(255,255,255,.88)!important;
  font-size:clamp(10px,1.1vw,15px)!important;
  line-height:1.4!important;
}
body.v73-home #trabajos .featured-grid .card-copy .private,
body.v73-home #trabajos .featured-grid .card-copy .watch{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:0 14px!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:999px!important;
  background:rgba(4,18,25,.24)!important;
  color:#fff!important;
  font-size:8px!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
}

/* ---------------------------------------------------------------
   REPRODUCTOR V80 · moderno, claro y editorial
   --------------------------------------------------------------- */
.project-viewer-v80,
.v74-home-viewer.project-viewer-v80{
  width:min(1180px,calc(100% - 34px))!important;
  max-height:calc(100svh - 34px)!important;
  padding:0!important;
  border:1px solid rgba(130,203,231,.32)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(16,58,75,.98),rgba(9,38,51,.97))!important;
  box-shadow:0 35px 100px rgba(0,0,0,.42),0 0 42px rgba(91,185,219,.10)!important;
  color:#fff!important;
}
.project-viewer-v80::backdrop{
  background:rgba(3,15,22,.68)!important;
  -webkit-backdrop-filter:blur(9px)!important;
  backdrop-filter:blur(9px)!important;
}
.project-viewer-v80 .project-viewer-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1.72fr) minmax(285px,.72fr)!important;
  grid-template-areas:"top top" "media copy"!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:transparent!important;
}
.project-viewer-v80 .project-viewer-topbar{
  grid-area:top!important;
  min-height:52px!important;
  padding:0 15px 0 17px!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.035)!important;
}
.project-viewer-v80 .project-viewer-brand{gap:8px!important}
.project-viewer-v80 .project-viewer-brand img{
  width:72px!important;
  height:auto!important;
  opacity:.96!important;
}
.project-viewer-v80 .project-viewer-brand span{
  color:rgba(215,235,243,.56)!important;
  font-size:7px!important;
  letter-spacing:.14em!important;
}
.project-viewer-v80 .project-viewer-close{
  width:31px!important;
  height:31px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
  font-size:17px!important;
}
.project-viewer-v80 .project-viewer-media{
  grid-area:media!important;
  min-width:0!important;
  aspect-ratio:16/9!important;
  margin:18px 0 18px 18px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:11px!important;
  overflow:hidden!important;
  background:#030708!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
}
.project-viewer-v80 .project-viewer-copy{
  grid-area:copy!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:stretch!important;
  min-width:0!important;
  padding:26px 27px 24px!important;
  border-left:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
}
.project-viewer-v80 .project-viewer-kicker{
  color:#91d4ee!important;
  font-size:7.5px!important;
  letter-spacing:.20em!important;
}
.project-viewer-v80 h2{
  margin:8px 0 8px!important;
  font-size:clamp(25px,3vw,38px)!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  color:#fff!important;
}
.project-viewer-v80 .v80-viewer-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:0!important;
  margin:0 0 17px!important;
  color:rgba(220,238,244,.68)!important;
  font-size:8px!important;
  letter-spacing:.06em!important;
}
.project-viewer-v80 .v80-viewer-meta span+span:before{
  content:"|";
  margin:0 9px;
  color:rgba(255,255,255,.28);
}
.project-viewer-v80 .project-viewer-description{
  max-width:none!important;
  margin:0!important;
  color:rgba(230,241,245,.79)!important;
  font-size:11px!important;
  line-height:1.58!important;
}
.project-viewer-v80 .v80-viewer-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin-top:17px!important;
}
.project-viewer-v80 .v80-viewer-tags span{
  padding:6px 9px!important;
  border:1px solid rgba(155,214,236,.24)!important;
  border-radius:999px!important;
  color:rgba(220,239,246,.72)!important;
  font-size:7px!important;
  letter-spacing:.04em!important;
}
.project-viewer-v80 .project-viewer-nav{
  margin-top:22px!important;
  padding-top:17px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:7px!important;
}
.project-viewer-v80 .project-viewer-nav button{
  min-height:34px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:rgba(225,241,247,.72)!important;
  font-size:8px!important;
}
.project-viewer-v80 .project-viewer-nav button:hover{
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
}

@media(max-width:850px){
  .project-viewer-v80{width:100%!important;max-height:100svh!important;border-radius:0!important;border:0!important}
  .project-viewer-v80 .project-viewer-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"top" "media" "copy"!important;
    border-radius:0!important;
    max-height:100svh!important;
    overflow:auto!important;
  }
  .project-viewer-v80 .project-viewer-media{margin:12px 12px 0!important}
  .project-viewer-v80 .project-viewer-copy{border-left:0!important;padding:20px 18px 22px!important}
}
@media(max-width:700px){
  body.v73-home #trabajos .featured-grid{grid-template-columns:1fr!important}
  body.v73-home #trabajos .featured-grid .card-media.tall,
  body.v73-home #trabajos .featured-grid .card-media:not(.tall){grid-column:auto!important;aspect-ratio:16/10!important}
}

/* =================================================================
   DIFUSOR V81 · ajustes solicitados
   - halo cinematográfico más marcado
   - halo también en bordes de las ventanas/logo
   - trabajos: 3 tarjetas iguales lado a lado
   ================================================================= */

/* Halo más presente en todos los contenedores */
body.v73-cinema .v75-panel-surface{
  background:rgba(8,24,34,.24)!important;
  -webkit-backdrop-filter:blur(13px) saturate(112%) brightness(1.06)!important;
  backdrop-filter:blur(13px) saturate(112%) brightness(1.06)!important;
  filter:
    drop-shadow(0 0 26px rgba(103,204,240,.16))
    drop-shadow(0 0 52px rgba(68,159,196,.11))
    drop-shadow(0 16px 38px rgba(0,0,0,.16))!important;
}

body.v73-home main>section.v75-cutout-panel:not(.hero):not(.v73-reel-window),
body.v73-internal main .v75-cutout-panel{
  border:1px solid rgba(156,219,242,.22)!important;
  box-shadow:
    0 24px 74px rgba(0,0,0,.17),
    0 0 42px rgba(105,194,225,.12),
    0 0 90px rgba(81,171,206,.08),
    inset 0 1px 0 rgba(255,255,255,.11)!important;
}

/* Los círculos/ventanas también reciben un halo sutil en su perímetro */
body.v73-cinema .v75-cutout-panel::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:transparent!important;
  -webkit-mask-image:var(--v75-logo-mask)!important;
  -webkit-mask-repeat:no-repeat!important;
  -webkit-mask-size:var(--v75-mark-size,clamp(330px,34vw,540px)) auto!important;
  -webkit-mask-position:var(--v75-mark-x,calc(100% + 105px)) var(--v75-mark-y,calc(100% + 80px))!important;
  mask-image:var(--v75-logo-mask)!important;
  mask-repeat:no-repeat!important;
  mask-size:var(--v75-mark-size,clamp(330px,34vw,540px)) auto!important;
  mask-position:var(--v75-mark-x,calc(100% + 105px)) var(--v75-mark-y,calc(100% + 80px))!important;
  box-shadow:
    0 0 0 1px rgba(155,223,245,.20) inset,
    0 0 18px rgba(108,212,242,.20),
    0 0 36px rgba(76,169,205,.14)!important;
  opacity:.92!important;
}

/* Trabajos: volver a tres tarjetas iguales una al lado de la otra */
body.v73-home #trabajos .featured-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:auto!important;
  gap:14px!important;
  align-items:stretch!important;
}
body.v73-home #trabajos .featured-grid .card-media,
body.v73-home #trabajos .featured-grid .card-media.tall{
  grid-column:auto!important;
  grid-row:auto!important;
  aspect-ratio:16/10.4!important;
  min-height:0!important;
  height:auto!important;
  border-radius:18px!important;
}
body.v73-home #trabajos .featured-grid .card-copy{
  padding:18px 18px 16px!important;
  background:linear-gradient(180deg,transparent 18%,rgba(2,8,11,.22) 48%,rgba(2,8,11,.92) 100%)!important;
}
body.v73-home #trabajos .featured-grid .card-copy h3{
  font-size:clamp(22px,2vw,34px)!important;
}
body.v73-home #trabajos .featured-grid .card-copy p{
  max-width:none!important;
  font-size:clamp(10px,.9vw,13px)!important;
}
body.v73-home #trabajos .featured-grid .card-copy .private,
body.v73-home #trabajos .featured-grid .card-copy .watch{
  min-height:30px!important;
  padding:0 12px!important;
}

@media(max-width:1100px){
  body.v73-home #trabajos .featured-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  body.v73-home #trabajos .featured-grid{
    grid-template-columns:1fr!important;
  }
  body.v73-home #trabajos .featured-grid .card-media,
  body.v73-home #trabajos .featured-grid .card-media.tall{
    aspect-ratio:16/10!important;
  }
}

/* =================================================================
   DIFUSOR V82 · ajustes finos solicitados
   ================================================================= */

/* Tarjetas más oscuras como la línea de infraestructura */
body.v73-home .service,
body.v73-home .music-card,
body.v73-home .milestone,
body.v73-home .infra-entry,
body.v73-home .quote-benefits .benefit,
body.v73-home .quote-actions .action,
body.v73-home .service-detail-inner,
body.v73-home .origin-detail-inner,
body.v73-home .timeline-detail-inner{
  background:linear-gradient(180deg,rgba(7,18,24,.88),rgba(5,14,20,.92))!important;
  border-color:rgba(151,213,235,.14)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04)!important;
}

/* Halo visible en todos los círculos/ventanas del logo */
body.v73-cinema .v75-cutout-panel::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:rgba(170,225,245,.018)!important;
  -webkit-mask-image:var(--v75-logo-mask)!important;
  -webkit-mask-repeat:no-repeat!important;
  -webkit-mask-size:var(--v75-mark-size,clamp(330px,34vw,540px)) auto!important;
  -webkit-mask-position:var(--v75-mark-x,calc(100% + 105px)) var(--v75-mark-y,calc(100% + 80px))!important;
  mask-image:var(--v75-logo-mask)!important;
  mask-repeat:no-repeat!important;
  mask-size:var(--v75-mark-size,clamp(330px,34vw,540px)) auto!important;
  mask-position:var(--v75-mark-x,calc(100% + 105px)) var(--v75-mark-y,calc(100% + 80px))!important;
  filter:drop-shadow(0 0 16px rgba(121,215,243,.38)) drop-shadow(0 0 34px rgba(77,175,210,.26)) drop-shadow(0 0 62px rgba(77,175,210,.18))!important;
  opacity:1!important;
}

/* Botón explorar portafolio centrado y con más presencia */
body.v73-home #trabajos .portfolio-open{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-width:min(100%,320px)!important;
  min-height:48px!important;
  padding:0 22px!important;
  margin:22px auto 0!important;
  font-size:12px!important;
  letter-spacing:.04em!important;
}

/* Reproductor más claro, refinado y con halo */
.project-viewer-v80,
.v74-home-viewer.project-viewer-v80{
  border:1px solid rgba(145,215,239,.30)!important;
  background:linear-gradient(135deg,rgba(17,54,69,.96),rgba(12,39,50,.95))!important;
  box-shadow:
    0 36px 100px rgba(0,0,0,.38),
    0 0 38px rgba(108,208,239,.16),
    0 0 82px rgba(72,163,198,.10)!important;
}
.project-viewer-v80 .project-viewer-inner{
  background:linear-gradient(135deg,rgba(13,45,57,.84),rgba(10,34,44,.86))!important;
}
.project-viewer-v80 .project-viewer-topbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:0 18px 0 18px!important;
  background:rgba(255,255,255,.05)!important;
}
.project-viewer-v80 .project-viewer-brand{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
}
.project-viewer-v80 .project-viewer-brand img{
  width:92px!important;
  opacity:1!important;
  filter:drop-shadow(0 0 14px rgba(100,195,226,.18))!important;
}
.project-viewer-v80 .project-viewer-brand span{
  color:rgba(228,242,247,.68)!important;
  font-size:8.5px!important;
  letter-spacing:.16em!important;
}
.project-viewer-v80 .project-viewer-close{
  margin-left:auto!important;
  width:36px!important;
  height:36px!important;
  border:1px solid rgba(255,255,255,.20)!important;
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  font-size:18px!important;
}
.project-viewer-v80 .project-viewer-media{
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.18)!important;
}
.project-viewer-v80 .project-viewer-copy{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.022))!important;
}
.project-viewer-v80 .project-viewer-description{
  color:rgba(238,246,248,.85)!important;
}
.project-viewer-v80 .v80-viewer-meta,
.project-viewer-v80 .v80-viewer-tags span,
.project-viewer-v80 .project-viewer-nav button{
  color:rgba(228,241,246,.78)!important;
}


/* =================================================================
   DIFUSOR V83 · PERÍMETRO CINEMATOGRÁFICO UNIFICADO
   ================================================================= */

/* 1) CONTENEDOR + CÍRCULO = UNA SOLA SILUETA
   El halo se genera desde la propia superficie enmascarada, por lo que
   sigue el borde exterior y también todo el perímetro del círculo/hueco. */
body.v73-home main>section.v75-cutout-panel:not(.hero):not(.v73-reel-window),
body.v73-internal main .v75-cutout-panel{
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

body.v73-cinema .v75-panel-surface{
  background:linear-gradient(135deg,rgba(16,51,65,.34),rgba(6,24,34,.30) 48%,rgba(12,43,56,.31))!important;
  -webkit-backdrop-filter:blur(13px) saturate(114%) brightness(1.06)!important;
  backdrop-filter:blur(13px) saturate(114%) brightness(1.06)!important;
  /* El drop-shadow sigue la forma real del mask, incluido el hueco */
  filter:
    drop-shadow(0 0 1px rgba(187,235,251,.74))
    drop-shadow(0 0 7px rgba(117,214,244,.50))
    drop-shadow(0 0 19px rgba(82,182,220,.28))
    drop-shadow(0 19px 42px rgba(0,0,0,.17))!important;
}

/* Apagar el falso halo superpuesto de V81/V82: el halo ahora nace del panel real */
body.v73-cinema .v75-cutout-panel::after{
  content:none!important;
  display:none!important;
}

/* El círculo invade la esquina y reemplaza ese tramo del contenedor */
body.v73-home #servicios.v75-cutout-panel,
body.v73-home #musica.v75-cutout-panel,
body.v73-home #nosotros.v75-cutout-panel{
  --v75-mark-x:-92px!important;
  --v75-mark-y:calc(100% + 54px)!important;
  --v75-mark-size:clamp(370px,35vw,550px)!important;
}
body.v73-home #trabajos.v75-cutout-panel,
body.v73-home #infraestructura.v75-cutout-panel{
  --v75-mark-x:calc(100% + 92px)!important;
  --v75-mark-y:calc(100% + 56px)!important;
  --v75-mark-size:clamp(380px,36vw,565px)!important;
}
body.v73-home #contacto.v75-cutout-panel{
  --v75-mark-x:4%!important;
  --v75-mark-y:calc(100% + 68px)!important;
  --v75-mark-size:clamp(365px,35vw,545px)!important;
}

/* 2) TODAS LAS TARJETAS = COLOR EXACTO DE INFRAESTRUCTURA V78 */
body.v73-home .service,
body.v73-home .music-card,
body.v73-home .milestone,
body.v73-home .tech-item,
body.v73-home .quote-benefits>div,
body.v73-internal .portfolio-card,
body.v73-internal .grid3 .card,
body.v73-internal .steps .step,
body.v73-internal .service-card,
body.v73-internal .use-card,
body.v73-internal .process-card,
body.v73-internal .infra-card,
body.v73-internal .infra-detail{
  background:rgba(7,21,29,.88)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:0 12px 30px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035)!important;
  color:#fff!important;
}

body.v73-home .service:hover,
body.v73-home .music-card:hover,
body.v73-home .milestone:hover,
body.v73-home .tech-item:hover,
body.v73-internal .portfolio-card:hover,
body.v73-internal .grid3 .card:hover,
body.v73-internal .steps .step:hover,
body.v73-internal .infra-card:hover,
body.v73-internal .infra-detail:hover{
  background:rgba(9,28,38,.94)!important;
  border-color:rgba(137,210,236,.24)!important;
}

/* Tipografía en tarjetas oscuras */
body.v73-home .service h3,
body.v73-home .service b,
body.v73-home .music-info h3,
body.v73-home .milestone strong,
body.v73-home .milestone b,
body.v73-home .tech-item b,
body.v73-home .tech-item,
body.v73-internal .portfolio-card h3,
body.v73-internal .grid3 .card h3,
body.v73-internal .grid3 .card b,
body.v73-internal .steps .step b,
body.v73-internal .infra-card h3,
body.v73-internal .infra-detail h3{
  color:#fff!important;
}
body.v73-home .service p,
body.v73-home .music-info p,
body.v73-home .milestone p,
body.v73-home .tech-item p,
body.v73-internal .portfolio-card p,
body.v73-internal .grid3 .card p,
body.v73-internal .steps .step p,
body.v73-internal .infra-card p,
body.v73-internal .infra-detail p{
  color:rgba(220,235,241,.70)!important;
}
body.v73-home .service .go,
body.v73-home .music-info span,
body.v73-home .milestone .milestone-more,
body.v73-home .tech-item span{
  color:#8fd1ec!important;
}

/* Las tarjetas fotográficas de Trabajos conservan imagen protagonista */
body.v73-home #trabajos .card-media{
  background:rgba(7,21,29,.88)!important;
  border-color:rgba(255,255,255,.13)!important;
}

/* 3) BOTONES INFERIORES: misma composición elegante que Portafolio */
body.v73-home .service-entry,
body.v73-home .portfolio-entry,
body.v73-home .music-entry,
body.v73-home .about-entry,
body.v73-home .infra-entry{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  margin-top:22px!important;
}
body.v73-home .service-entry .cta,
body.v73-home .portfolio-entry .cta,
body.v73-home .music-entry .cta,
body.v73-home .about-entry .text-action,
body.v73-home .infra-entry .cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:270px!important;
  min-height:48px!important;
  margin:0 auto!important;
  padding:0 24px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:999px!important;
  background:rgba(7,21,29,.62)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  box-shadow:0 10px 28px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.05)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
}
body.v73-home .service-entry .cta:hover,
body.v73-home .portfolio-entry .cta:hover,
body.v73-home .music-entry .cta:hover,
body.v73-home .about-entry .text-action:hover,
body.v73-home .infra-entry .cta:hover{
  background:rgba(12,42,55,.78)!important;
  border-color:rgba(141,214,239,.52)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.16),0 0 20px rgba(99,196,229,.11)!important;
}

/* 4) REPRODUCTOR V83 · más premium, claro y editorial */
.project-viewer-v80,
.v74-home-viewer.project-viewer-v80{
  width:min(1220px,calc(100% - 38px))!important;
  border-radius:22px!important;
  border:1px solid rgba(159,219,241,.28)!important;
  background:linear-gradient(135deg,rgba(17,54,69,.97),rgba(11,36,47,.96))!important;
  box-shadow:
    0 36px 110px rgba(0,0,0,.36),
    0 0 2px rgba(191,236,251,.52),
    0 0 18px rgba(116,211,242,.30),
    0 0 54px rgba(75,170,207,.18)!important;
}
.project-viewer-v80 .project-viewer-inner{
  grid-template-columns:minmax(0,1.58fr) minmax(330px,.82fr)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(12,43,55,.78),rgba(8,30,40,.82))!important;
}
.project-viewer-v80 .project-viewer-topbar{
  min-height:66px!important;
  padding:0 20px 0 22px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
.project-viewer-v80 .project-viewer-brand img{
  width:108px!important;
  filter:drop-shadow(0 0 16px rgba(105,200,232,.18))!important;
}
.project-viewer-v80 .project-viewer-brand span{
  font-size:8px!important;
  color:rgba(225,241,247,.60)!important;
}
.project-viewer-v80 .project-viewer-close{
  margin-left:auto!important;
  flex:0 0 auto!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.22)!important;
}
.project-viewer-v80 .project-viewer-media{
  margin:20px 0 20px 20px!important;
  border-radius:14px!important;
  border:1px solid rgba(170,220,239,.17)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.20),0 0 24px rgba(94,190,223,.06)!important;
}
.project-viewer-v80 .project-viewer-copy{
  justify-content:center!important;
  padding:34px 31px 30px!important;
  background:
    radial-gradient(circle at 28% 22%,rgba(107,205,237,.075),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015))!important;
  border-left:1px solid rgba(255,255,255,.085)!important;
}
.project-viewer-v80 .project-viewer-kicker{
  font-size:8px!important;
  color:#9bd9ef!important;
}
.project-viewer-v80 h2{
  margin:9px 0 9px!important;
  font-size:clamp(29px,3.2vw,43px)!important;
}
.project-viewer-v80 .project-viewer-description{
  font-size:11.5px!important;
  line-height:1.62!important;
  color:rgba(235,245,248,.84)!important;
}
.project-viewer-v80 .v80-viewer-tags span{
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(155,216,238,.23)!important;
}
.project-viewer-v80 .project-viewer-nav{
  margin-top:24px!important;
}
.project-viewer-v80 .project-viewer-nav button{
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.035)!important;
  border-radius:999px!important;
  min-height:36px!important;
  padding:0 13px!important;
}

@media(max-width:700px){
  body.v73-home .service-entry .cta,
  body.v73-home .portfolio-entry .cta,
  body.v73-home .music-entry .cta,
  body.v73-home .about-entry .text-action,
  body.v73-home .infra-entry .cta{
    min-width:min(100%,260px)!important;
  }
}

/* =================================================================
   DIFUSOR V84 · HALO INTEGRADO + PORTAFOLIO + REPRODUCTOR
   ================================================================= */

/* 1) CONTENEDORES: recuperar EXACTAMENTE el color/transparencia de V82 */
body.v73-cinema .v75-panel-surface{
  background:rgba(8,24,34,.24)!important;
  -webkit-backdrop-filter:blur(13px) saturate(112%) brightness(1.06)!important;
  backdrop-filter:blur(13px) saturate(112%) brightness(1.06)!important;
  filter:
    drop-shadow(0 0 1px rgba(190,237,251,.66))
    drop-shadow(0 0 8px rgba(116,214,244,.44))
    drop-shadow(0 0 24px rgba(80,181,219,.24))
    drop-shadow(0 18px 40px rgba(0,0,0,.16))!important;
}

/* La sección no vuelve a ganar un fondo propio: sólo existe la superficie enmascarada */
body.v73-home main>section.v75-cutout-panel:not(.hero):not(.v73-reel-window),
body.v73-internal main .v75-cutout-panel{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* 2) CÍRCULO/LOGO: halo explícito siguiendo TODO el perímetro de la ventana.
      El panel sigue perforado; esta capa sólo aporta una película casi invisible
      para que el drop-shadow dibuje la línea luminosa del círculo. */
body.v73-cinema .v75-cutout-panel::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:rgba(185,232,247,.018)!important;
  -webkit-mask-image:var(--v75-logo-mask)!important;
  -webkit-mask-repeat:no-repeat!important;
  -webkit-mask-size:var(--v75-mark-size,clamp(330px,34vw,540px)) auto!important;
  -webkit-mask-position:var(--v75-mark-x,calc(100% + 105px)) var(--v75-mark-y,calc(100% + 80px))!important;
  mask-image:var(--v75-logo-mask)!important;
  mask-repeat:no-repeat!important;
  mask-size:var(--v75-mark-size,clamp(330px,34vw,540px)) auto!important;
  mask-position:var(--v75-mark-x,calc(100% + 105px)) var(--v75-mark-y,calc(100% + 80px))!important;
  filter:
    drop-shadow(0 0 1px rgba(217,247,255,.95))
    drop-shadow(0 0 7px rgba(137,224,250,.78))
    drop-shadow(0 0 18px rgba(92,194,229,.52))
    drop-shadow(0 0 34px rgba(69,165,202,.34))!important;
  opacity:1!important;
}

/* 3) TARJETAS: mantener el color V78 ya aprobado */
body.v73-home .service,
body.v73-home .music-card,
body.v73-home .milestone,
body.v73-home .tech-item,
body.v73-home .quote-benefits>div,
body.v73-internal .portfolio-card,
body.v73-internal .grid3 .card,
body.v73-internal .steps .step,
body.v73-internal .service-card,
body.v73-internal .use-card,
body.v73-internal .process-card,
body.v73-internal .infra-card,
body.v73-internal .infra-detail{
  background:rgba(7,21,29,.88)!important;
}

/* 4) REPRODUCTOR: aire idéntico alrededor del video */
.project-viewer-v80 .project-viewer-inner{
  grid-template-columns:minmax(0,1.58fr) minmax(330px,.82fr)!important;
}
.project-viewer-v80 .project-viewer-media{
  margin:20px!important;
  width:auto!important;
  min-width:0!important;
  align-self:center!important;
}
.project-viewer-v80 .project-viewer-copy{
  margin:20px 20px 20px 0!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:14px!important;
  padding:31px 30px 28px!important;
}

/* 5) PORTAFOLIO: sin bloque introductorio sobrante */
body.v73-internal .portfolio-section>.wrap{
  padding-top:42px!important;
}
body.v73-internal .portfolio-tools{
  margin-top:0!important;
  margin-bottom:22px!important;
}

/* Tarjetas de Portafolio = mismo lenguaje cinematográfico de Trabajos Home */
body.v73-internal .portfolio-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body.v73-internal .portfolio-card{
  position:relative!important;
  display:block!important;
  min-height:0!important;
  aspect-ratio:16/10.4!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:rgba(7,21,29,.88)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
}
body.v73-internal .portfolio-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(145,216,240,.30)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.24),0 0 26px rgba(93,188,221,.08)!important;
}
body.v73-internal .portfolio-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  background:#030607!important;
}
body.v73-internal .portfolio-media:before{
  content:"";
  position:absolute;
  z-index:2;
  left:0;right:0;top:0;
  height:7.5%;
  background:#020304;
  pointer-events:none;
}
body.v73-internal .portfolio-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  padding:0!important;
}
body.v73-internal .portfolio-info{
  position:absolute!important;
  z-index:3!important;
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  padding:18px 18px 16px!important;
  background:linear-gradient(180deg,transparent 18%,rgba(2,8,11,.20) 47%,rgba(2,8,11,.92) 100%)!important;
}
body.v73-internal .portfolio-info h3{
  margin:0 0 5px!important;
  color:#fff!important;
  font-size:clamp(21px,2vw,31px)!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}
body.v73-internal .portfolio-info p{
  margin:0 0 10px!important;
  color:rgba(255,255,255,.82)!important;
  font-size:11px!important;
  line-height:1.4!important;
}
body.v73-internal .portfolio-action,
body.v73-internal .portfolio-private{
  display:inline-flex!important;
  align-items:center!important;
  align-self:flex-start!important;
  margin-top:0!important;
  padding:0 13px!important;
  min-height:31px!important;
  border:1px solid rgba(255,255,255,.38)!important;
  border-radius:999px!important;
  background:rgba(5,19,26,.30)!important;
  color:#fff!important;
  font-size:8px!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
  -webkit-backdrop-filter:blur(7px)!important;
  backdrop-filter:blur(7px)!important;
}
body.v73-internal .portfolio-badge{
  z-index:4!important;
  top:14%!important;
  left:18px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.88)!important;
  font-size:8px!important;
  letter-spacing:.18em!important;
}
body.v73-internal .portfolio-video-label{
  display:none!important;
}
body.v73-internal .portfolio-card[data-url] .portfolio-media:after{
  content:none!important;
  display:none!important;
}
body.v73-internal .portfolio-card.is-private .portfolio-media:after{
  content:none!important;
  display:none!important;
}

@media(max-width:1100px){
  body.v73-internal .portfolio-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  .project-viewer-v80 .project-viewer-media{
    margin:14px!important;
  }
  .project-viewer-v80 .project-viewer-copy{
    margin:0 14px 14px!important;
  }
  body.v73-internal .portfolio-grid{
    grid-template-columns:1fr!important;
  }
  body.v73-internal .portfolio-card{
    aspect-ratio:16/10!important;
  }
}

/* =====================================================================
   DIFUSOR V85 · AUDITORÍA V78 + PERÍMETRO CINEMATOGRÁFICO
   Esta capa final es autoritativa. No modifica el color V78 con el halo.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. CONTENEDORES: valores EXACTOS auditados en V78
   --------------------------------------------------------------------- */
body.v73-cinema .v75-cutout-panel.v75-light{
  --v75-surface:rgba(244,247,247,.76)!important;
}
body.v73-cinema .v75-cutout-panel.v75-dark{
  --v75-surface:rgba(7,21,29,.72)!important;
}
body.v73-cinema .v75-cutout-panel.v75-contact{
  --v75-surface:rgba(5,18,26,.15)!important;
}

body.v73-home main>section.v75-cutout-panel:not(.hero):not(.v73-reel-window),
body.v73-internal main .v75-cutout-panel{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  isolation:isolate!important;
}

/* La misma superficie V78 dibuja el panel y recibe el halo.
   La máscara resta un círculo completo: el borde rectangular desaparece
   al llegar a la ventana y el perímetro continúa siguiendo el círculo. */
body.v73-cinema .v75-panel-surface{
  --v85-hole-radius:clamp(165px,17vw,245px);
  --v85-hole-x:calc(100% - 62px);
  --v85-hole-y:calc(100% - 18px);

  background:var(--v75-surface)!important;
  -webkit-backdrop-filter:blur(11px) saturate(108%)!important;
  backdrop-filter:blur(11px) saturate(108%)!important;
  border-radius:inherit!important;

  -webkit-mask-image:radial-gradient(
    circle var(--v85-hole-radius) at var(--v85-hole-x) var(--v85-hole-y),
    transparent 0 calc(100% - 1px),
    #000 100%
  )!important;
  -webkit-mask-repeat:no-repeat!important;
  -webkit-mask-size:100% 100%!important;
  -webkit-mask-position:0 0!important;
  -webkit-mask-composite:source-over!important;

  mask-image:radial-gradient(
    circle var(--v85-hole-radius) at var(--v85-hole-x) var(--v85-hole-y),
    transparent 0 calc(100% - 1px),
    #000 100%
  )!important;
  mask-repeat:no-repeat!important;
  mask-size:100% 100%!important;
  mask-position:0 0!important;
  mask-composite:add!important;

  /* El halo nace DEL PANEL ENMASCARADO: no hay borde rectangular separado */
  filter:
    drop-shadow(0 0 1px rgba(212,245,255,.84))
    drop-shadow(0 0 7px rgba(127,219,248,.58))
    drop-shadow(0 0 19px rgba(83,184,221,.31))
    drop-shadow(0 0 42px rgba(64,156,194,.16))
    drop-shadow(0 20px 44px rgba(0,0,0,.16))!important;
}

/* Alternancia de la ventana circular integrada al perímetro */
body.v73-home #servicios .v75-panel-surface,
body.v73-home #musica .v75-panel-surface,
body.v73-home #nosotros .v75-panel-surface,
body.v73-home #contacto .v75-panel-surface{
  --v85-hole-x:58px;
  --v85-hole-y:calc(100% - 16px);
  --v85-hole-radius:clamp(170px,17vw,250px);
}
body.v73-home #trabajos .v75-panel-surface,
body.v73-home #infraestructura .v75-panel-surface{
  --v85-hole-x:calc(100% - 58px);
  --v85-hole-y:calc(100% - 16px);
  --v85-hole-radius:clamp(170px,17vw,250px);
}
body.v73-internal main .v75-panel-surface{
  --v85-hole-x:calc(100% - 54px);
  --v85-hole-y:calc(100% - 18px);
  --v85-hole-radius:clamp(150px,16vw,225px);
}

/* Ninguna capa auxiliar puede volver a dibujar un borde/halo rectangular */
body.v73-cinema .v75-cutout-panel::after{
  content:none!important;
  display:none!important;
}

/* Contacto: tratamiento interior exactamente V78 */
body.v73-home #contacto .contact-box,
body.v73-home #contacto .quote-box{
  background:rgba(6,19,27,.28)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:blur(12px) saturate(110%)!important;
  backdrop-filter:blur(12px) saturate(110%)!important;
}

/* ---------------------------------------------------------------------
   2. TODAS LAS TARJETAS: color EXACTO de Infraestructura V78
   --------------------------------------------------------------------- */
body.v73-home #servicios .service,
body.v73-home #musica .music-card,
body.v73-home #nosotros .milestone,
body.v73-home #infraestructura .tech-item,
body.v73-home #contacto .quote-benefits>div,
body.v73-internal .portfolio-card,
body.v73-internal .grid3 .card,
body.v73-internal .steps .step,
body.v73-internal .service-card,
body.v73-internal .use-card,
body.v73-internal .process-card,
body.v73-internal .infra-card,
body.v73-internal .infra-detail{
  background:rgba(7,21,29,.88)!important;
  border-color:rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

body.v73-home #servicios .service:hover,
body.v73-home #musica .music-card:hover,
body.v73-home #nosotros .milestone:hover,
body.v73-home #infraestructura .tech-item:hover,
body.v73-internal .portfolio-card:hover,
body.v73-internal .grid3 .card:hover,
body.v73-internal .steps .step:hover,
body.v73-internal .service-card:hover,
body.v73-internal .use-card:hover,
body.v73-internal .process-card:hover,
body.v73-internal .infra-card:hover,
body.v73-internal .infra-detail:hover{
  background:rgba(9,28,38,.94)!important;
}

/* Texto para las tarjetas ahora oscuras */
body.v73-home #servicios .service h3,
body.v73-home #servicios .service b,
body.v73-home #musica .music-info h3,
body.v73-home #nosotros .milestone strong,
body.v73-home #nosotros .milestone b,
body.v73-home #infraestructura .tech-item,
body.v73-home #infraestructura .tech-item b,
body.v73-internal .portfolio-card h3,
body.v73-internal .grid3 .card h3,
body.v73-internal .grid3 .card b,
body.v73-internal .steps .step b,
body.v73-internal .service-card h3,
body.v73-internal .use-card h3,
body.v73-internal .process-card h3,
body.v73-internal .infra-card h3,
body.v73-internal .infra-detail h3{
  color:#fff!important;
}
body.v73-home #servicios .service p,
body.v73-home #musica .music-info p,
body.v73-home #nosotros .milestone p,
body.v73-home #infraestructura .tech-item p,
body.v73-internal .portfolio-card p,
body.v73-internal .grid3 .card p,
body.v73-internal .steps .step p,
body.v73-internal .service-card p,
body.v73-internal .use-card p,
body.v73-internal .process-card p,
body.v73-internal .infra-card p,
body.v73-internal .infra-detail p{
  color:rgba(220,235,241,.70)!important;
}
body.v73-home #servicios .service .go,
body.v73-home #musica .music-info span,
body.v73-home #nosotros .milestone .milestone-more,
body.v73-home #infraestructura .tech-item span{
  color:#8fd1ec!important;
}

/* Trabajos y Portafolio son tarjetas fotográficas, pero el soporte usa el mismo V78 */
body.v73-home #trabajos .card-media,
body.v73-internal .portfolio-card{
  background:rgba(7,21,29,.88)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}

/* ---------------------------------------------------------------------
   3. TRABAJOS: tres piezas equivalentes
   --------------------------------------------------------------------- */
body.v73-home #trabajos .featured-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:auto!important;
  gap:14px!important;
  height:auto!important;
  align-items:stretch!important;
}
body.v73-home #trabajos .featured-grid .card-media,
body.v73-home #trabajos .featured-grid .card-media.tall{
  grid-column:auto!important;
  grid-row:auto!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:16/10.4!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
body.v73-home #trabajos .featured-grid .card-copy{
  padding:18px 18px 16px!important;
  background:linear-gradient(180deg,transparent 18%,rgba(2,8,11,.22) 48%,rgba(2,8,11,.92) 100%)!important;
}
body.v73-home #trabajos .featured-grid .card-copy h3{
  font-size:clamp(22px,2vw,34px)!important;
}
body.v73-home #trabajos .featured-grid .card-copy p{
  display:block!important;
  max-width:none!important;
  font-size:clamp(10px,.9vw,13px)!important;
  line-height:1.4!important;
}

/* ---------------------------------------------------------------------
   4. BOTONES DE CIERRE DE SECCIÓN: EXACTAMENTE UN MISMO SISTEMA
      basado en el Explorador de Portafolio aprobado
   --------------------------------------------------------------------- */
body.v73-home .service-entry,
body.v73-home .portfolio-entry,
body.v73-home .music-entry,
body.v73-home .about-entry,
body.v73-home .infra-entry{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  margin:22px 0 0!important;
  padding:0!important;
}
body.v73-home .service-entry .cta,
body.v73-home .portfolio-entry .cta,
body.v73-home .music-entry .cta,
body.v73-home .about-entry .text-action,
body.v73-home .infra-entry .cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(100%,320px)!important;
  min-width:0!important;
  min-height:48px!important;
  margin:0 auto!important;
  padding:0 22px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:999px!important;
  background:rgba(7,21,29,.62)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  box-shadow:0 10px 28px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.05)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
}
body.v73-home .service-entry .cta:hover,
body.v73-home .portfolio-entry .cta:hover,
body.v73-home .music-entry .cta:hover,
body.v73-home .about-entry .text-action:hover,
body.v73-home .infra-entry .cta:hover{
  background:rgba(12,42,55,.78)!important;
  border-color:rgba(141,214,239,.52)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.16),0 0 20px rgba(99,196,229,.11)!important;
}

/* Botones del CTA final de Portafolio usan el mismo lenguaje */
body.v73-internal .portfolio-cta-actions{
  display:flex!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
}
body.v73-internal .portfolio-cta-actions .cta{
  min-height:48px!important;
  min-width:240px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  background:rgba(7,21,29,.62)!important;
  color:#fff!important;
  font-size:12px!important;
}

/* ---------------------------------------------------------------------
   5. PORTAFOLIO: mismo tratamiento visual que Trabajos Home
   --------------------------------------------------------------------- */
body.v73-internal .portfolio-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body.v73-internal .portfolio-card{
  position:relative!important;
  display:block!important;
  min-height:0!important;
  aspect-ratio:16/10.4!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
}
body.v73-internal .portfolio-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  background:#030607!important;
}
body.v73-internal .portfolio-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  padding:0!important;
}
body.v73-internal .portfolio-info{
  position:absolute!important;
  z-index:3!important;
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  padding:18px 18px 16px!important;
  background:linear-gradient(180deg,transparent 18%,rgba(2,8,11,.20) 47%,rgba(2,8,11,.92) 100%)!important;
}
body.v73-internal .portfolio-info h3{
  margin:0 0 5px!important;
  color:#fff!important;
  font-size:clamp(21px,2vw,31px)!important;
  line-height:1!important;
}
body.v73-internal .portfolio-info p{
  margin:0 0 10px!important;
  color:rgba(255,255,255,.82)!important;
  font-size:11px!important;
  line-height:1.4!important;
}
body.v73-internal .portfolio-action,
body.v73-internal .portfolio-private{
  display:inline-flex!important;
  align-items:center!important;
  align-self:flex-start!important;
  min-height:31px!important;
  padding:0 13px!important;
  border:1px solid rgba(255,255,255,.38)!important;
  border-radius:999px!important;
  background:rgba(5,19,26,.30)!important;
  color:#fff!important;
  font-size:8px!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
body.v73-internal .portfolio-badge{
  z-index:4!important;
  top:14%!important;
  left:18px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.88)!important;
  font-size:8px!important;
  letter-spacing:.18em!important;
}
body.v73-internal .portfolio-video-label,
body.v73-internal .portfolio-card[data-url] .portfolio-media:after,
body.v73-internal .portfolio-card.is-private .portfolio-media:after{
  display:none!important;
  content:none!important;
}

/* ---------------------------------------------------------------------
   6. REPRODUCTOR: preservar V84 con aire uniforme en el bloque de video
   --------------------------------------------------------------------- */
.project-viewer-v80,
.v74-home-viewer.project-viewer-v80{
  width:min(1220px,calc(100% - 38px))!important;
  max-height:calc(100svh - 34px)!important;
  border-radius:22px!important;
  border:1px solid rgba(159,219,241,.28)!important;
  background:linear-gradient(135deg,rgba(17,54,69,.97),rgba(11,36,47,.96))!important;
  box-shadow:
    0 36px 110px rgba(0,0,0,.36),
    0 0 2px rgba(191,236,251,.52),
    0 0 18px rgba(116,211,242,.30),
    0 0 54px rgba(75,170,207,.18)!important;
}
.project-viewer-v80 .project-viewer-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1.58fr) minmax(330px,.82fr)!important;
  grid-template-areas:"top top" "media copy"!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(12,43,55,.78),rgba(8,30,40,.82))!important;
}
.project-viewer-v80 .project-viewer-topbar{
  grid-area:top!important;
  min-height:66px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 20px 0 22px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
.project-viewer-v80 .project-viewer-brand img{
  width:108px!important;
  height:auto!important;
}
.project-viewer-v80 .project-viewer-close{
  margin-left:auto!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
}
.project-viewer-v80 .project-viewer-media{
  grid-area:media!important;
  margin:20px!important;
  width:auto!important;
  min-width:0!important;
  aspect-ratio:16/9!important;
  align-self:center!important;
  border-radius:14px!important;
  overflow:hidden!important;
  border:1px solid rgba(170,220,239,.17)!important;
  background:#030708!important;
  box-shadow:0 18px 46px rgba(0,0,0,.20),0 0 24px rgba(94,190,223,.06)!important;
}
.project-viewer-v80 .project-viewer-copy{
  grid-area:copy!important;
  margin:20px 20px 20px 0!important;
  padding:31px 30px 28px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 28% 22%,rgba(107,205,237,.075),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015))!important;
}

@media(max-width:1100px){
  body.v73-home #trabajos .featured-grid,
  body.v73-internal .portfolio-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:850px){
  .project-viewer-v80 .project-viewer-inner{
    grid-template-columns:1fr!important;
    grid-template-areas:"top" "media" "copy"!important;
    max-height:100svh!important;
    overflow:auto!important;
  }
  .project-viewer-v80 .project-viewer-media{
    margin:14px!important;
  }
  .project-viewer-v80 .project-viewer-copy{
    margin:0 14px 14px!important;
  }
}
@media(max-width:700px){
  body.v73-home #trabajos .featured-grid,
  body.v73-internal .portfolio-grid{
    grid-template-columns:1fr!important;
  }
  body.v73-cinema .v75-panel-surface{
    --v85-hole-radius:145px;
  }
  body.v73-home #servicios .v75-panel-surface,
  body.v73-home #musica .v75-panel-surface,
  body.v73-home #nosotros .v75-panel-surface,
  body.v73-home #contacto .v75-panel-surface{
    --v85-hole-x:34px;
    --v85-hole-y:calc(100% - 8px);
  }
  body.v73-home #trabajos .v75-panel-surface,
  body.v73-home #infraestructura .v75-panel-surface,
  body.v73-internal main .v75-panel-surface{
    --v85-hole-x:calc(100% - 34px);
    --v85-hole-y:calc(100% - 8px);
  }
}


/* =====================================================================
   V85 · POST-AUDITORÍA DE CONTRASTE Y MARCA
   ===================================================================== */

/* Las coordenadas del círculo viven en el CONTENEDOR para que las usen
   tanto la superficie enmascarada como la marca Difusor interior. */
body.v73-cinema .v75-cutout-panel{
  --v85-hole-radius:clamp(165px,17vw,245px);
  --v85-hole-x:calc(100% - 62px);
  --v85-hole-y:calc(100% - 18px);
}
body.v73-home #servicios.v75-cutout-panel,
body.v73-home #musica.v75-cutout-panel,
body.v73-home #nosotros.v75-cutout-panel,
body.v73-home #contacto.v75-cutout-panel{
  --v85-hole-x:58px;
  --v85-hole-y:calc(100% - 16px);
  --v85-hole-radius:clamp(170px,17vw,250px);
}
body.v73-home #trabajos.v75-cutout-panel,
body.v73-home #infraestructura.v75-cutout-panel{
  --v85-hole-x:calc(100% - 58px);
  --v85-hole-y:calc(100% - 16px);
  --v85-hole-radius:clamp(170px,17vw,250px);
}
body.v73-internal main .v75-cutout-panel{
  --v85-hole-x:calc(100% - 54px);
  --v85-hole-y:calc(100% - 18px);
  --v85-hole-radius:clamp(150px,16vw,225px);
}

/* Superficie: sólo usa variables heredadas; mismo color V78 + halo propio */
body.v73-cinema .v75-panel-surface{
  --v85-hole-radius:inherit;
  --v85-hole-x:inherit;
  --v85-hole-y:inherit;
}

/* Marca Difusor dentro de la ventana: muy sutil, no tapa el reel. */
body.v73-cinema .v85-hole-mark{
  position:absolute!important;
  z-index:1!important;
  pointer-events:none!important;
  width:calc(var(--v85-hole-radius) * 1.30)!important;
  height:calc(var(--v85-hole-radius) * 1.48)!important;
  left:calc(var(--v85-hole-x) - (var(--v85-hole-radius) * .65))!important;
  top:calc(var(--v85-hole-y) - (var(--v85-hole-radius) * .74))!important;
  background:var(--v85-logo-mark) center/contain no-repeat!important;
  opacity:.18!important;
  filter:drop-shadow(0 0 8px rgba(153,226,249,.24))!important;
  mix-blend-mode:screen!important;
}

/* Restaurar también la lógica de contraste de V78 en paneles claros/oscuros. */
body.v73-home #servicios,
body.v73-home #musica,
body.v73-home #nosotros{
  color:#0b1f29!important;
}
body.v73-home #servicios .head h2,
body.v73-home #musica .head h2,
body.v73-home #nosotros .head h2{
  color:#0b1f29!important;
}
body.v73-home #servicios .head .lead,
body.v73-home #musica .head .lead,
body.v73-home #nosotros .head .lead{
  color:#667b84!important;
}
body.v73-home #servicios .kicker,
body.v73-home #musica .kicker,
body.v73-home #nosotros .kicker{
  color:#0d5678!important;
}
body.v73-home #trabajos,
body.v73-home #infraestructura,
body.v73-home #contacto{
  color:#fff!important;
}
body.v73-home #trabajos .head h2,
body.v73-home #infraestructura .head h2,
body.v73-home #trabajos .kicker,
body.v73-home #infraestructura .kicker{
  color:#fff!important;
}
body.v73-home #trabajos .head .lead,
body.v73-home #infraestructura .head .lead{
  color:rgba(255,255,255,.62)!important;
}

/* Páginas internas: el tipo de panel vuelve a decidir el contraste, como V78. */
body.v73-internal .v75-cutout-panel.v75-light{
  color:#0b1f29!important;
}
body.v73-internal .v75-cutout-panel.v75-light h1,
body.v73-internal .v75-cutout-panel.v75-light h2,
body.v73-internal .v75-cutout-panel.v75-light h3,
body.v73-internal .v75-cutout-panel.v75-light .kicker{
  color:#0b1f29!important;
}
body.v73-internal .v75-cutout-panel.v75-light>.wrap>p,
body.v73-internal .v75-cutout-panel.v75-light .section-lead,
body.v73-internal .v75-cutout-panel.v75-light .portfolio-heading p{
  color:#667b84!important;
}
body.v73-internal .v75-cutout-panel.v75-dark{
  color:#fff!important;
}
body.v73-internal .v75-cutout-panel.v75-dark h1,
body.v73-internal .v75-cutout-panel.v75-dark h2,
body.v73-internal .v75-cutout-panel.v75-dark h3{
  color:#fff!important;
}

@media(max-width:700px){
  body.v73-cinema .v75-cutout-panel{
    --v85-hole-radius:145px;
  }
  body.v73-home #servicios.v75-cutout-panel,
  body.v73-home #musica.v75-cutout-panel,
  body.v73-home #nosotros.v75-cutout-panel,
  body.v73-home #contacto.v75-cutout-panel{
    --v85-hole-x:34px;
    --v85-hole-y:calc(100% - 8px);
  }
  body.v73-home #trabajos.v75-cutout-panel,
  body.v73-home #infraestructura.v75-cutout-panel,
  body.v73-internal main .v75-cutout-panel{
    --v85-hole-x:calc(100% - 34px);
    --v85-hole-y:calc(100% - 8px);
  }
}

/* =====================================================================
   DIFUSOR V86 · CORRECCIÓN DEFINITIVA AUDITADA
   Referencia de contenedor: Cotizar proyecto V78 = rgba(6,19,27,.28)
   Referencia de tarjeta: Infraestructura V78 = rgba(7,21,29,.88)
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. CONTENEDORES · COLOR APROBADO, SIN ALTERACIÓN POR EL HALO
   --------------------------------------------------------------------- */
body.v73-cinema .v75-cutout-panel.v75-light,
body.v73-cinema .v75-cutout-panel.v75-dark,
body.v73-cinema .v75-cutout-panel.v75-contact{
  --v75-surface:rgba(6,19,27,.28)!important;
}
body.v73-cinema .v75-panel-surface{
  background:rgba(6,19,27,.28)!important;
  -webkit-backdrop-filter:blur(12px) saturate(110%)!important;
  backdrop-filter:blur(12px) saturate(110%)!important;
}

/* Header con la misma transparencia aprobada */
body.v73-cinema .nav{
  background:rgba(6,19,27,.28)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  -webkit-backdrop-filter:blur(12px) saturate(110%)!important;
  backdrop-filter:blur(12px) saturate(110%)!important;
}
body.v73-cinema .nav.v73-scrolled{
  background:rgba(6,19,27,.20)!important;
}

/* Todos los paneles son transparentes como caja externa: sólo la superficie
   enmascarada dibuja color + halo. No existe borde rectangular independiente. */
body.v73-home main>section.v75-cutout-panel:not(.hero):not(.v73-reel-window),
body.v73-internal main .v75-cutout-panel{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  isolation:isolate!important;
}

/* ---------------------------------------------------------------------
   2. CÍRCULO DENTRO DEL CONTENEDOR + HALO ÚNICO PANEL/CÍRCULO
   --------------------------------------------------------------------- */
body.v73-cinema .v75-cutout-panel{
  --v86-hole-r:clamp(115px,12vw,175px);
  --v86-hole-x:calc(100% - var(--v86-hole-r) - 26px);
  --v86-hole-y:calc(100% - var(--v86-hole-r) - 26px);
}
body.v73-home #servicios.v75-cutout-panel,
body.v73-home #musica.v75-cutout-panel,
body.v73-home #nosotros.v75-cutout-panel,
body.v73-home #contacto.v75-cutout-panel{
  --v86-hole-x:calc(var(--v86-hole-r) + 26px);
}
body.v73-home #trabajos.v75-cutout-panel,
body.v73-home #infraestructura.v75-cutout-panel,
body.v73-internal main .v75-cutout-panel{
  --v86-hole-x:calc(100% - var(--v86-hole-r) - 26px);
}

body.v73-cinema .v75-panel-surface{
  /* El círculo queda COMPLETAMENTE dentro del panel */
  -webkit-mask-image:radial-gradient(
    circle var(--v86-hole-r) at var(--v86-hole-x) var(--v86-hole-y),
    transparent 0 calc(var(--v86-hole-r) - 1px),
    #000 calc(var(--v86-hole-r) + 1px) 100%
  )!important;
  -webkit-mask-repeat:no-repeat!important;
  -webkit-mask-size:100% 100%!important;
  -webkit-mask-position:0 0!important;
  -webkit-mask-composite:source-over!important;
  mask-image:radial-gradient(
    circle var(--v86-hole-r) at var(--v86-hole-x) var(--v86-hole-y),
    transparent 0 calc(var(--v86-hole-r) - 1px),
    #000 calc(var(--v86-hole-r) + 1px) 100%
  )!important;
  mask-repeat:no-repeat!important;
  mask-size:100% 100%!important;
  mask-position:0 0!important;
  mask-composite:add!important;

  /* MISMA SILUETA = mismo halo exterior + borde completo del círculo */
  filter:
    drop-shadow(0 0 .8px rgba(218,248,255,.96))
    drop-shadow(0 0 6px rgba(135,221,248,.62))
    drop-shadow(0 0 16px rgba(85,188,224,.35))
    drop-shadow(0 0 34px rgba(67,160,197,.19))
    drop-shadow(0 18px 42px rgba(0,0,0,.15))!important;
}

/* No hay ninguna segunda capa rectangular de halo */
body.v73-cinema .v75-cutout-panel::before,
body.v73-cinema .v75-cutout-panel::after{
  box-shadow:none!important;
  border:0!important;
}
body.v73-cinema .v75-cutout-panel::after{
  content:none!important;
  display:none!important;
}

/* Logo Difusor centrado dentro de la ventana; no altera el hueco ni su halo */
body.v73-cinema .v85-hole-mark{
  left:var(--v86-hole-x)!important;
  top:var(--v86-hole-y)!important;
  width:calc(var(--v86-hole-r) + 54px)!important;
  height:auto!important;
  aspect-ratio:1!important;
  transform:translate(-50%,-50%)!important;
  background:var(--v85-logo-mark) center/contain no-repeat!important;
  opacity:.20!important;
  filter:drop-shadow(0 0 9px rgba(157,228,250,.24))!important;
  mix-blend-mode:screen!important;
}

/* ---------------------------------------------------------------------
   3. TARJETAS · EXACTAMENTE INFRAESTRUCTURA V78
   --------------------------------------------------------------------- */
body.v73-home #servicios .service,
body.v73-home #musica .music-card,
body.v73-home #nosotros .milestone,
body.v73-home #infraestructura .tech-item,
body.v73-home #contacto .quote-benefits>div,
body.v73-internal .portfolio-card,
body.v73-internal .grid3 .card,
body.v73-internal .steps .step,
body.v73-internal .service-card,
body.v73-internal .use-card,
body.v73-internal .process-card,
body.v73-internal .infra-card,
body.v73-internal .infra-detail{
  background:rgba(7,21,29,.88)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.v73-home #trabajos .card-media,
body.v73-internal .portfolio-card{
  background:rgba(7,21,29,.88)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}

/* Con todos los contenedores oscuros, los encabezados deben conservar lectura */
body.v73-home #servicios,
body.v73-home #trabajos,
body.v73-home #musica,
body.v73-home #nosotros,
body.v73-home #infraestructura,
body.v73-home #contacto,
body.v73-internal .v75-cutout-panel{
  color:#fff!important;
}
body.v73-home #servicios .head h2,
body.v73-home #trabajos .head h2,
body.v73-home #musica .head h2,
body.v73-home #nosotros .head h2,
body.v73-home #infraestructura .head h2,
body.v73-internal .v75-cutout-panel h1,
body.v73-internal .v75-cutout-panel h2,
body.v73-internal .v75-cutout-panel h3{
  color:#fff!important;
}
body.v73-home #servicios .head .lead,
body.v73-home #trabajos .head .lead,
body.v73-home #musica .head .lead,
body.v73-home #nosotros .head .lead,
body.v73-home #infraestructura .head .lead,
body.v73-internal .v75-cutout-panel>.wrap>p,
body.v73-internal .v75-cutout-panel .section-lead{
  color:rgba(255,255,255,.70)!important;
}
body.v73-home #servicios .kicker,
body.v73-home #trabajos .kicker,
body.v73-home #musica .kicker,
body.v73-home #nosotros .kicker,
body.v73-home #infraestructura .kicker{
  color:#8fd1ec!important;
}

/* ---------------------------------------------------------------------
   4. BOTONES DE CIERRE · MISMO BOTÓN DE EXPLORAR PORTAFOLIO
   --------------------------------------------------------------------- */
body.v73-home .service-entry,
body.v73-home .portfolio-entry,
body.v73-home .music-entry,
body.v73-home .about-entry,
body.v73-home .infra-entry{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  margin:22px 0 0!important;
  padding:0!important;
}
body.v73-home .service-entry .cta,
body.v73-home .portfolio-entry .cta,
body.v73-home .music-entry .cta,
body.v73-home .about-entry .text-action,
body.v73-home .infra-entry .cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(100%,320px)!important;
  min-width:0!important;
  min-height:48px!important;
  padding:0 22px!important;
  margin:0 auto!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:999px!important;
  background:rgba(7,21,29,.62)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  box-shadow:0 9px 24px rgba(0,0,0,.12)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
}
body.v73-home .service-entry .cta:hover,
body.v73-home .portfolio-entry .cta:hover,
body.v73-home .music-entry .cta:hover,
body.v73-home .about-entry .text-action:hover,
body.v73-home .infra-entry .cta:hover{
  background:rgba(12,42,55,.78)!important;
  border-color:rgba(141,214,239,.52)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.16),0 0 20px rgba(99,196,229,.11)!important;
}

/* ---------------------------------------------------------------------
   5. PORTAFOLIO · SIN CONTENEDOR TRANSPARENTE DETRÁS/ENCIMA DE VIDEOS
   --------------------------------------------------------------------- */
body.v73-internal .portfolio-section{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
}
body.v73-internal .portfolio-section>.v75-panel-surface,
body.v73-internal .portfolio-section>.v85-hole-mark{
  display:none!important;
}
body.v73-internal .portfolio-section>.wrap{
  position:relative!important;
  z-index:2!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.v73-internal .portfolio-tools{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Tarjetas del Portafolio = lenguaje de Trabajos Home */
body.v73-internal .portfolio-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  position:relative!important;
  z-index:3!important;
}
body.v73-internal .portfolio-card{
  position:relative!important;
  aspect-ratio:16/10.4!important;
  min-height:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
}
body.v73-internal .portfolio-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
body.v73-internal .portfolio-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  padding:0!important;
}
body.v73-internal .portfolio-info{
  position:absolute!important;
  z-index:3!important;
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  padding:18px 18px 16px!important;
  background:linear-gradient(180deg,transparent 18%,rgba(2,8,11,.22) 48%,rgba(2,8,11,.92) 100%)!important;
}
body.v73-internal .portfolio-info h3{color:#fff!important}
body.v73-internal .portfolio-info p{color:rgba(255,255,255,.82)!important}

/* ---------------------------------------------------------------------
   6. REPRODUCTOR · AIRE UNIFORME ALREDEDOR DEL VIDEO
   --------------------------------------------------------------------- */
.project-viewer-v80 .project-viewer-media{
  margin:20px!important;
  width:auto!important;
  min-width:0!important;
  align-self:center!important;
}
.project-viewer-v80 .project-viewer-copy{
  margin:20px 20px 20px 0!important;
}

@media(max-width:1100px){
  body.v73-internal .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:850px){
  .project-viewer-v80 .project-viewer-media{margin:14px!important}
  .project-viewer-v80 .project-viewer-copy{margin:0 14px 14px!important}
}
@media(max-width:700px){
  body.v73-cinema .v75-cutout-panel{
    --v86-hole-r:92px;
    --v86-hole-y:calc(100% - var(--v86-hole-r) - 16px);
  }
  body.v73-home #servicios.v75-cutout-panel,
  body.v73-home #musica.v75-cutout-panel,
  body.v73-home #nosotros.v75-cutout-panel,
  body.v73-home #contacto.v75-cutout-panel{
    --v86-hole-x:calc(var(--v86-hole-r) + 16px);
  }
  body.v73-home #trabajos.v75-cutout-panel,
  body.v73-home #infraestructura.v75-cutout-panel,
  body.v73-internal main .v75-cutout-panel{
    --v86-hole-x:calc(100% - var(--v86-hole-r) - 16px);
  }
  body.v73-internal .portfolio-grid{grid-template-columns:1fr!important}
}

/* Contacto no suma una segunda capa: el panel exterior ES el contenedor aprobado */
body.v73-home #contacto .contact-box,
body.v73-home #contacto .quote-box{
  background:transparent!important;
  border:0!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}

/* CTAs internos de cierre con la misma geometría del botón Explorar portafolio */
body.v73-internal .portfolio-cta-actions .cta,
body.v73-internal .infra-cta-section .cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(100%,320px)!important;
  min-width:0!important;
  min-height:48px!important;
  padding:0 22px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:999px!important;
  background:rgba(7,21,29,.62)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  box-shadow:0 9px 24px rgba(0,0,0,.12)!important;
}


/* =====================================================================
   DIFUSOR V87 · HEADER = CONTENEDORES / HALO CONTINUO / ORDEN EDITORIAL
   ===================================================================== */

:root{
  /* ÚNICA fuente de color/transparencia para header + todos los paneles */
  --v87-header-panel-bg:rgba(6,19,27,.28);
  --v87-header-panel-border:rgba(255,255,255,.10);
  --v87-card-bg:rgba(7,21,29,.88);
  --v87-card-border:rgba(255,255,255,.12);
  --v87-halo-core:rgba(151,226,249,.62);
  --v87-halo-mid:rgba(93,194,227,.34);
  --v87-halo-wide:rgba(73,159,193,.17);
}

/* ---------------------------------------------------------------------
   1. HEADER Y TODOS LOS CONTENEDORES: EXACTAMENTE EL MISMO MATERIAL
   --------------------------------------------------------------------- */
body.v73-cinema .nav,
body.v73-cinema .nav.v73-scrolled{
  background:var(--v87-header-panel-bg)!important;
  border-bottom:1px solid var(--v87-header-panel-border)!important;
  -webkit-backdrop-filter:blur(12px) saturate(110%)!important;
  backdrop-filter:blur(12px) saturate(110%)!important;
}
body.v73-cinema .v75-cutout-panel.v75-light,
body.v73-cinema .v75-cutout-panel.v75-dark,
body.v73-cinema .v75-cutout-panel.v75-contact{
  --v75-surface:var(--v87-header-panel-bg)!important;
}
body.v73-cinema .v75-panel-surface{
  background:var(--v87-header-panel-bg)!important;
  -webkit-backdrop-filter:blur(12px) saturate(110%)!important;
  backdrop-filter:blur(12px) saturate(110%)!important;
}

/* La caja exterior NO dibuja borde ni color. Toda la forma vive en la máscara. */
body.v73-home main>section.v75-cutout-panel:not(.hero):not(.v73-reel-window),
body.v73-internal main .v75-cutout-panel{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  isolation:isolate!important;
}

/* ---------------------------------------------------------------------
   2. CÍRCULO EXACTAMENTE EN LA ESQUINA + HALO CONTINUO
   El centro queda a un radio de ambos bordes: el círculo es tangente a
   la esquina y permanece 100% dentro del panel.
   --------------------------------------------------------------------- */
body.v73-cinema .v75-cutout-panel{
  --v87-hole-r:clamp(118px,12vw,178px);
  --v87-hole-y:calc(100% - var(--v87-hole-r));
  --v87-hole-x:calc(100% - var(--v87-hole-r));
}
body.v73-home #musica.v75-cutout-panel,
body.v73-home #servicios.v75-cutout-panel,
body.v73-home #nosotros.v75-cutout-panel,
body.v73-home #contacto.v75-cutout-panel{
  --v87-hole-x:var(--v87-hole-r);
}
body.v73-home #trabajos.v75-cutout-panel,
body.v73-home #infraestructura.v75-cutout-panel,
body.v73-internal main .v75-cutout-panel{
  --v87-hole-x:calc(100% - var(--v87-hole-r));
}

body.v73-cinema .v75-panel-surface{
  /* agujero circular dentro de la misma superficie */
  -webkit-mask-image:radial-gradient(
    circle var(--v87-hole-r) at var(--v87-hole-x) var(--v87-hole-y),
    transparent 0 calc(var(--v87-hole-r) - 1px),
    #000 calc(var(--v87-hole-r) + 1px) 100%
  )!important;
  -webkit-mask-repeat:no-repeat!important;
  -webkit-mask-size:100% 100%!important;
  -webkit-mask-position:0 0!important;
  mask-image:radial-gradient(
    circle var(--v87-hole-r) at var(--v87-hole-x) var(--v87-hole-y),
    transparent 0 calc(var(--v87-hole-r) - 1px),
    #000 calc(var(--v87-hole-r) + 1px) 100%
  )!important;
  mask-repeat:no-repeat!important;
  mask-size:100% 100%!important;
  mask-position:0 0!important;

  /* El halo nace del alfa de ESTA MISMA superficie. Por eso recorre tanto
     el perímetro exterior como la circunferencia del agujero. */
  filter:
    drop-shadow(0 0 1px var(--v87-halo-core))
    drop-shadow(0 0 7px var(--v87-halo-mid))
    drop-shadow(0 0 18px var(--v87-halo-wide))!important;
}

/* Marca Difusor centrada dentro de la ventana */
body.v73-cinema .v85-hole-mark{
  left:calc(var(--v87-hole-x) - (var(--v87-hole-r) * .62))!important;
  top:calc(var(--v87-hole-y) - (var(--v87-hole-r) * .70))!important;
  width:calc(var(--v87-hole-r) * 1.24)!important;
  height:calc(var(--v87-hole-r) * 1.40)!important;
  opacity:.17!important;
  filter:drop-shadow(0 0 9px rgba(150,225,248,.24))!important;
}

/* ---------------------------------------------------------------------
   3. TARJETAS: mantener el color de Infraestructura V78
   --------------------------------------------------------------------- */
body.v73-home #servicios .service,
body.v73-home #musica .music-card,
body.v73-home #nosotros .milestone,
body.v73-home #infraestructura .tech-item,
body.v73-internal .portfolio-card,
body.v73-internal .grid3 .card,
body.v73-internal .steps .step,
body.v73-internal .infra-card,
body.v73-internal .infra-detail{
  background:var(--v87-card-bg)!important;
  border-color:var(--v87-card-border)!important;
}

/* ---------------------------------------------------------------------
   4. BOTONES DE CIERRE: CLON VISUAL DEL BOTÓN EXPLORAR PORTAFOLIO
   --------------------------------------------------------------------- */
body.v73-home #servicios .service-entry .cta,
body.v73-home #trabajos .portfolio-entry .portfolio-open,
body.v73-home #musica .music-entry .cta,
body.v73-home #nosotros .about-entry .text-action,
body.v73-home #infraestructura .infra-entry .cta,
body.v73-internal .portfolio-cta-actions .cta,
body.v73-internal .infra-cta-section .cta{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  min-width:min(100%,320px)!important;
  min-height:48px!important;
  padding:0 22px!important;
  margin:22px auto 0!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:999px!important;
  background:rgba(7,21,29,.62)!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  text-decoration:none!important;
  box-shadow:0 9px 24px rgba(0,0,0,.12)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
}
body.v73-home #servicios .service-entry,
body.v73-home #trabajos .portfolio-entry,
body.v73-home #musica .music-entry,
body.v73-home #nosotros .about-entry,
body.v73-home #infraestructura .infra-entry,
body.v73-internal .portfolio-cta-actions{
  display:flex!important;
  width:100%!important;
  justify-content:center!important;
  align-items:center!important;
}
body.v73-home #servicios .service-entry .cta:hover,
body.v73-home #trabajos .portfolio-entry .portfolio-open:hover,
body.v73-home #musica .music-entry .cta:hover,
body.v73-home #nosotros .about-entry .text-action:hover,
body.v73-home #infraestructura .infra-entry .cta:hover,
body.v73-internal .portfolio-cta-actions .cta:hover,
body.v73-internal .infra-cta-section .cta:hover{
  background:rgba(12,42,55,.78)!important;
  border-color:rgba(141,214,239,.52)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.16),0 0 20px rgba(99,196,229,.11)!important;
  transform:translateY(-2px)!important;
}

/* ---------------------------------------------------------------------
   5. TRABAJOS + MÚSICA: MÁS GRANDES SIN ROMPER LA COMPOSICIÓN
   --------------------------------------------------------------------- */
body.v73-home #trabajos>.wrap,
body.v73-home #musica>.wrap{
  width:min(1500px,calc(100% - 40px))!important;
  max-width:none!important;
}
body.v73-home #trabajos .featured-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}
body.v73-home #trabajos .featured-grid .card-media,
body.v73-home #trabajos .featured-grid .card-media.tall{
  grid-column:auto!important;
  grid-row:auto!important;
  aspect-ratio:16/11.2!important;
  border-radius:18px!important;
}
body.v73-home #trabajos .featured-grid .card-copy{
  padding:20px 20px 18px!important;
}
body.v73-home #trabajos .featured-grid .card-copy h3{
  font-size:clamp(25px,2.35vw,38px)!important;
}
body.v73-home #trabajos .featured-grid .card-copy p{
  font-size:clamp(10.5px,1vw,14px)!important;
}

body.v73-home #musica .music-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
}
body.v73-home #musica .music-card{
  border-radius:14px!important;
}
body.v73-home #musica .music-info{
  min-height:132px!important;
  padding:14px 15px 14px!important;
}
body.v73-home #musica .music-info h3,
body.v73-home #musica .music-card:nth-child(1) .music-info h3,
body.v73-home #musica .music-card:nth-child(2) .music-info h3{
  font-size:15.5px!important;
}
body.v73-home #musica .music-info p{
  font-size:9.5px!important;
  line-height:1.48!important;
}
body.v73-home #musica .music-info span{
  font-size:8.3px!important;
}

/* ---------------------------------------------------------------------
   6. NUEVO ORDEN: TRABAJOS / MÚSICA / SERVICIOS / DIFUSOR / INFRA
   --------------------------------------------------------------------- */
body.v73-home #trabajos .v73-section-number::first-letter,
body.v73-home #musica .v73-section-number::first-letter,
body.v73-home #servicios .v73-section-number::first-letter{ }

@media(max-width:1180px){
  body.v73-home #musica .music-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1050px){
  body.v73-home #trabajos .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body.v73-home #musica .music-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  body.v73-cinema .v75-cutout-panel{
    --v87-hole-r:92px;
    --v87-hole-y:calc(100% - var(--v87-hole-r));
  }
  body.v73-home #musica.v75-cutout-panel,
  body.v73-home #servicios.v75-cutout-panel,
  body.v73-home #nosotros.v75-cutout-panel,
  body.v73-home #contacto.v75-cutout-panel{
    --v87-hole-x:var(--v87-hole-r);
  }
  body.v73-home #trabajos.v75-cutout-panel,
  body.v73-home #infraestructura.v75-cutout-panel,
  body.v73-internal main .v75-cutout-panel{
    --v87-hole-x:calc(100% - var(--v87-hole-r));
  }
  body.v73-home #trabajos .featured-grid{grid-template-columns:1fr!important}
  body.v73-home #trabajos .featured-grid .card-media,
  body.v73-home #trabajos .featured-grid .card-media.tall{aspect-ratio:16/10!important}
}
@media(max-width:520px){
  body.v73-home #trabajos>.wrap,
  body.v73-home #musica>.wrap{width:calc(100% - 22px)!important}
  body.v73-home #musica .music-grid{grid-template-columns:1fr!important}
}

/* =====================================================================
   DIFUSOR V88 · DEPURACIÓN MATERIAL / HALO / CÍRCULO EN ESQUINA
   ===================================================================== */

:root{
  /* Una sola referencia real: header y panel comparten el mismo material */
  --v88-glass-bg:rgba(6,19,27,.28);
  --v88-glass-blur:12px;
  --v88-glass-sat:110%;
  --v88-halo-core:rgba(195,241,255,.90);
  --v88-halo-mid:rgba(126,218,247,.58);
  --v88-halo-wide:rgba(76,173,210,.28);
}

/* 1 · HEADER Y CONTENEDOR = EXACTAMENTE EL MISMO COLOR + TRANSPARENCIA */
body.v73-cinema .nav,
body.v73-cinema .nav.v73-scrolled,
body.v73-cinema .v75-panel-surface{
  background:var(--v88-glass-bg)!important;
  -webkit-backdrop-filter:blur(var(--v88-glass-blur)) saturate(var(--v88-glass-sat))!important;
  backdrop-filter:blur(var(--v88-glass-blur)) saturate(var(--v88-glass-sat))!important;
}
body.v73-cinema .nav,
body.v73-cinema .nav.v73-scrolled{
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
body.v73-cinema .v75-cutout-panel.v75-light,
body.v73-cinema .v75-cutout-panel.v75-dark,
body.v73-cinema .v75-cutout-panel.v75-contact{
  --v75-surface:var(--v88-glass-bg)!important;
}

/* Nada debajo o encima puede volver a teñir el panel */
body.v73-home main>section.v75-cutout-panel:not(.hero):not(.v73-reel-window),
body.v73-internal main .v75-cutout-panel{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  isolation:isolate!important;
}

/* 2 · CÍRCULO INCORPORADO A LA ESQUINA
   El centro queda a .70R de los dos bordes: el círculo corta la esquina,
   por lo tanto el rectángulo deja de tener esa esquina y pasa al arco. */
body.v73-cinema .v75-cutout-panel{
  --v88-hole-r:clamp(122px,12.4vw,184px);
  --v88-hole-y:calc(100% - (var(--v88-hole-r) * .70));
  --v88-hole-x:calc(100% - (var(--v88-hole-r) * .70));
}
body.v73-home #musica.v75-cutout-panel,
body.v73-home #servicios.v75-cutout-panel,
body.v73-home #nosotros.v75-cutout-panel,
body.v73-home #contacto.v75-cutout-panel{
  --v88-hole-x:calc(var(--v88-hole-r) * .70);
}
body.v73-home #trabajos.v75-cutout-panel,
body.v73-home #infraestructura.v75-cutout-panel,
body.v73-internal main .v75-cutout-panel{
  --v88-hole-x:calc(100% - (var(--v88-hole-r) * .70));
}

/* La superficie conserva SOLO el material; sin filtro de luz que altere su tono */
body.v73-cinema .v75-panel-surface{
  -webkit-mask-image:radial-gradient(
    circle var(--v88-hole-r) at var(--v88-hole-x) var(--v88-hole-y),
    transparent 0 calc(var(--v88-hole-r) - 1px),
    #000 calc(var(--v88-hole-r) + 1px) 100%
  )!important;
  mask-image:radial-gradient(
    circle var(--v88-hole-r) at var(--v88-hole-x) var(--v88-hole-y),
    transparent 0 calc(var(--v88-hole-r) - 1px),
    #000 calc(var(--v88-hole-r) + 1px) 100%
  )!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:100% 100%!important;
  mask-size:100% 100%!important;
  -webkit-mask-position:0 0!important;
  mask-position:0 0!important;
  filter:none!important;
}

/* 3 · HALO INDEPENDIENTE DEL COLOR
   Esta capa casi transparente copia exactamente la misma forma enmascarada.
   Su drop-shadow dibuja el perímetro exterior Y el arco completo del círculo,
   sin aclarar el material del panel. */
body.v73-cinema .v75-cutout-panel::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:rgba(255,255,255,.006)!important;
  -webkit-mask-image:radial-gradient(
    circle var(--v88-hole-r) at var(--v88-hole-x) var(--v88-hole-y),
    transparent 0 calc(var(--v88-hole-r) - 1px),
    #000 calc(var(--v88-hole-r) + 1px) 100%
  )!important;
  mask-image:radial-gradient(
    circle var(--v88-hole-r) at var(--v88-hole-x) var(--v88-hole-y),
    transparent 0 calc(var(--v88-hole-r) - 1px),
    #000 calc(var(--v88-hole-r) + 1px) 100%
  )!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:100% 100%!important;
  mask-size:100% 100%!important;
  -webkit-mask-position:0 0!important;
  mask-position:0 0!important;
  filter:
    drop-shadow(0 0 1px var(--v88-halo-core))
    drop-shadow(0 0 6px var(--v88-halo-mid))
    drop-shadow(0 0 17px var(--v88-halo-wide))
    drop-shadow(0 0 34px rgba(66,153,190,.14))!important;
  opacity:1!important;
}

/* Marca dentro de la ventana, reposicionada al nuevo círculo */
body.v73-cinema .v85-hole-mark{
  left:calc(var(--v88-hole-x) - (var(--v88-hole-r) * .60))!important;
  top:calc(var(--v88-hole-y) - (var(--v88-hole-r) * .68))!important;
  width:calc(var(--v88-hole-r) * 1.20)!important;
  height:calc(var(--v88-hole-r) * 1.36)!important;
  opacity:.15!important;
  filter:drop-shadow(0 0 8px rgba(150,225,248,.20))!important;
}

@media(max-width:700px){
  body.v73-cinema .v75-cutout-panel{
    --v88-hole-r:94px;
    --v88-hole-y:calc(100% - (var(--v88-hole-r) * .68));
  }
  body.v73-home #musica.v75-cutout-panel,
  body.v73-home #servicios.v75-cutout-panel,
  body.v73-home #nosotros.v75-cutout-panel,
  body.v73-home #contacto.v75-cutout-panel{
    --v88-hole-x:calc(var(--v88-hole-r) * .68);
  }
  body.v73-home #trabajos.v75-cutout-panel,
  body.v73-home #infraestructura.v75-cutout-panel,
  body.v73-internal main .v75-cutout-panel{
    --v88-hole-x:calc(100% - (var(--v88-hole-r) * .68));
  }
}


/* =====================================================================
   DIFUSOR V91 · CÍRCULO LOGO INTEGRADO / GEOMETRÍA DIÁMETRO / COLOR V88
   ===================================================================== */
:root{
  --v91-glass-bg:rgba(6,19,27,.28);
  --v91-halo-core:rgba(195,241,255,.92);
  --v91-halo-mid:rgba(126,218,247,.62);
  --v91-halo-wide:rgba(76,173,210,.30);
  --v91-logo:url('../media/difusor_simbolo_circular.png');
}

/* Reafirma el color aprobado del header y los contenedores */
body.v73-cinema .nav,
body.v73-cinema .nav.v73-scrolled,
body.v73-cinema .v75-panel-surface{
  background:var(--v91-glass-bg)!important;
}
body.v73-cinema .v75-cutout-panel.v75-light,
body.v73-cinema .v75-cutout-panel.v75-dark,
body.v73-cinema .v75-cutout-panel.v75-contact{
  --v75-surface:var(--v91-glass-bg)!important;
}

/* Geometría por diámetro en la esquina:
   el diámetro une los dos puntos que tocan las dos caras del contenedor,
   dejando media circunferencia hacia adentro. */
body.v73-cinema .v75-cutout-panel{
  --v91-hole-r:clamp(122px,12.4vw,184px);
  --v91-corner-factor:.70710678;
  --v91-hole-y:calc(100% - (var(--v91-hole-r) * var(--v91-corner-factor)));
  --v91-hole-x:calc(100% - (var(--v91-hole-r) * var(--v91-corner-factor)));
}
body.v73-home #musica.v75-cutout-panel,
body.v73-home #servicios.v75-cutout-panel,
body.v73-home #nosotros.v75-cutout-panel,
body.v73-home #contacto.v75-cutout-panel{
  --v91-hole-x:calc(var(--v91-hole-r) * var(--v91-corner-factor));
}
body.v73-home #trabajos.v75-cutout-panel,
body.v73-home #infraestructura.v75-cutout-panel,
body.v73-internal main .v75-cutout-panel{
  --v91-hole-x:calc(100% - (var(--v91-hole-r) * var(--v91-corner-factor)));
}

body.v73-cinema .v75-panel-surface{
  -webkit-mask-image:radial-gradient(
    circle var(--v91-hole-r) at var(--v91-hole-x) var(--v91-hole-y),
    transparent 0 calc(var(--v91-hole-r) - 1px),
    #000 calc(var(--v91-hole-r) + 1px) 100%
  )!important;
  mask-image:radial-gradient(
    circle var(--v91-hole-r) at var(--v91-hole-x) var(--v91-hole-y),
    transparent 0 calc(var(--v91-hole-r) - 1px),
    #000 calc(var(--v91-hole-r) + 1px) 100%
  )!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:100% 100%!important;
  mask-size:100% 100%!important;
  -webkit-mask-position:0 0!important;
  mask-position:0 0!important;
  filter:none!important;
}

/* Halo continuo en TODO el contorno del panel + mordida circular */
body.v73-cinema .v75-cutout-panel::before{content:none!important;display:none!important;}
body.v73-cinema .v75-cutout-panel::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:rgba(255,255,255,.007)!important;
  -webkit-mask-image:radial-gradient(
    circle var(--v91-hole-r) at var(--v91-hole-x) var(--v91-hole-y),
    transparent 0 calc(var(--v91-hole-r) - 1px),
    #000 calc(var(--v91-hole-r) + 1px) 100%
  )!important;
  mask-image:radial-gradient(
    circle var(--v91-hole-r) at var(--v91-hole-x) var(--v91-hole-y),
    transparent 0 calc(var(--v91-hole-r) - 1px),
    #000 calc(var(--v91-hole-r) + 1px) 100%
  )!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:100% 100%!important;
  mask-size:100% 100%!important;
  -webkit-mask-position:0 0!important;
  mask-position:0 0!important;
  filter:
    drop-shadow(0 0 1px var(--v91-halo-core))
    drop-shadow(0 0 6px var(--v91-halo-mid))
    drop-shadow(0 0 16px var(--v91-halo-wide))
    drop-shadow(0 0 30px rgba(66,153,190,.14))!important;
  opacity:1!important;
}

/* El círculo es ahora el símbolo real de Difusor, con sus detalles */
body.v73-cinema .v85-hole-mark{
  left:calc(var(--v91-hole-x) - var(--v91-hole-r))!important;
  top:calc(var(--v91-hole-y) - var(--v91-hole-r))!important;
  width:calc(var(--v91-hole-r) * 2)!important;
  height:calc(var(--v91-hole-r) * 2)!important;
  border-radius:50%!important;
  pointer-events:none!important;
  z-index:2!important;
  opacity:1!important;
  background:var(--v91-logo) center/contain no-repeat!important;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 6px rgba(174,234,248,.20));
}

/* Mantener el contenido sobre el halo */
body.v73-cinema .v75-panel-surface{z-index:0!important;}
body.v73-cinema .v75-cutout-panel>.wrap,
body.v73-cinema .v75-cutout-panel>.contact-box,
body.v73-cinema .v75-cutout-panel>.v73-section-number,
body.v73-cinema .v75-cutout-panel>.work-bg{position:relative;z-index:3;}

@media(max-width:700px){
  body.v73-cinema .v75-cutout-panel{
    --v91-hole-r:94px;
    --v91-hole-y:calc(100% - (var(--v91-hole-r) * var(--v91-corner-factor)));
  }
  body.v73-home #musica.v75-cutout-panel,
  body.v73-home #servicios.v75-cutout-panel,
  body.v73-home #nosotros.v75-cutout-panel,
  body.v73-home #contacto.v75-cutout-panel{
    --v91-hole-x:calc(var(--v91-hole-r) * var(--v91-corner-factor));
  }
  body.v73-home #trabajos.v75-cutout-panel,
  body.v73-home #infraestructura.v75-cutout-panel,
  body.v73-internal main .v75-cutout-panel{
    --v91-hole-x:calc(100% - (var(--v91-hole-r) * var(--v91-corner-factor)));
  }
}

/* =====================================================================
   DIFUSOR V92 · SIN CÍRCULOS / CONTENEDORES UN POCO MÁS OSCUROS
   ===================================================================== */
:root{
  --v92-panel-bg:rgba(6,19,27,.34);
  --v92-halo-core:rgba(195,241,255,.86);
  --v92-halo-mid:rgba(126,218,247,.52);
  --v92-halo-wide:rgba(76,173,210,.24);
}

/* Header se mantiene como referencia aprobada; sólo oscurecemos paneles */
body.v73-cinema .v75-cutout-panel.v75-light,
body.v73-cinema .v75-cutout-panel.v75-dark,
body.v73-cinema .v75-cutout-panel.v75-contact{
  --v75-surface:var(--v92-panel-bg)!important;
}
body.v73-cinema .v75-panel-surface{
  background:var(--v92-panel-bg)!important;
  -webkit-backdrop-filter:blur(12px) saturate(110%)!important;
  backdrop-filter:blur(12px) saturate(110%)!important;

  /* eliminar por completo cualquier perforación/círculo */
  -webkit-mask-image:none!important;
  mask-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  filter:none!important;
}

/* eliminar cualquier marca o círculo heredado */
body.v73-cinema .v85-hole-mark,
body.v73-cinema .v85-hole-mark::before,
body.v73-cinema .v85-hole-mark::after{
  display:none!important;
  content:none!important;
  opacity:0!important;
}

/* mantener halo sólo alrededor del contenedor rectangular */
body.v73-home main>section.v75-cutout-panel:not(.hero):not(.v73-reel-window),
body.v73-internal main .v75-cutout-panel{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  isolation:isolate!important;
}

body.v73-cinema .v75-cutout-panel::before{
  content:none!important;
  display:none!important;
}
body.v73-cinema .v75-cutout-panel::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:rgba(255,255,255,.006)!important;
  -webkit-mask:none!important;
  mask:none!important;
  filter:
    drop-shadow(0 0 1px var(--v92-halo-core))
    drop-shadow(0 0 6px var(--v92-halo-mid))
    drop-shadow(0 0 16px var(--v92-halo-wide))
    drop-shadow(0 0 30px rgba(66,153,190,.12))!important;
  opacity:1!important;
}

/* asegurar contenido por encima del halo */
body.v73-cinema .v75-panel-surface{z-index:0!important;}
body.v73-cinema .v75-cutout-panel>.wrap,
body.v73-cinema .v75-cutout-panel>.contact-box,
body.v73-cinema .v75-cutout-panel>.v73-section-number,
body.v73-cinema .v75-cutout-panel>.work-bg{
  position:relative!important;
  z-index:2!important;
}

/* =====================================================================
   DIFUSOR V93 · DEPURACIÓN PÁGINA/SECCIÓN TRABAJOS
   Base oficial: V92. Sólo se modifica Trabajos.
   ===================================================================== */

/* 1 · Quitar rótulos editoriales que quedaban fuera/al borde del contenedor */
body.v73-home #trabajos::before,
body.v73-home #trabajos::after{
  content:none!important;
  display:none!important;
}
body.v73-home #trabajos > .v73-section-number{
  display:none!important;
}

/* 2 · Dar aire homogéneo a la grilla dentro del contenedor */
body.v73-home #trabajos > .wrap{
  width:min(1420px,calc(100% - 96px))!important;
  max-width:none!important;
  margin-inline:auto!important;
}
body.v73-home #trabajos .featured-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:1fr!important;
  gap:22px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  margin:0 auto!important;
}
body.v73-home #trabajos .featured-grid .card-media,
body.v73-home #trabajos .featured-grid .card-media.tall{
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  aspect-ratio:16/10.25!important;
  margin:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
body.v73-home #trabajos .featured-grid .card-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}

/* 3 · Mantener una composición ordenada en resoluciones menores: no dejar 2+1 */
@media(max-width:900px){
  body.v73-home #trabajos > .wrap{
    width:min(720px,calc(100% - 48px))!important;
  }
  body.v73-home #trabajos .featured-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  body.v73-home #trabajos .featured-grid .card-media,
  body.v73-home #trabajos .featured-grid .card-media.tall{
    aspect-ratio:16/9.8!important;
  }
}
@media(max-width:520px){
  body.v73-home #trabajos > .wrap{
    width:calc(100% - 28px)!important;
  }
}

/* =====================================================================
   DIFUSOR V94 · SIN TEXTOS LATERALES EN HOME
   ===================================================================== */
body.v73-home #musica::before,
body.v73-home #servicios::before,
body.v73-home #nosotros::before,
body.v73-home #infraestructura::before{
  content:none!important;
  display:none!important;
}


/* =====================================================================
   DIFUSOR V95 · LIMPIEZA EXTERIOR DE CONTENEDORES
   ===================================================================== */

/* No debe existir ningún rótulo editorial/texto fuera del borde izquierdo
   de los contenedores del Home. Los data-v73-word también fueron eliminados
   del HTML para evitar que reglas heredadas puedan reconstruirlos. */
body.v73-home main>section:not(.hero):not(.v73-reel-window)::before{
  content:none!important;
  display:none!important;
}

/* Los pseudo-elementos usados como halo NO deben contener texto. */
body.v73-home main>section.v75-cutout-panel::after{
  font-size:0!important;
  color:transparent!important;
  text-indent:-9999px!important;
}

/* Infraestructura: eliminar la huincha negra larga detrás del botón.
   El contenedor del CTA queda neutro; sólo permanece el botón. */
body.v73-home #infraestructura .infra-entry{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  width:100%!important;
  padding:0!important;
  margin:22px 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.v73-home #infraestructura .infra-entry::before,
body.v73-home #infraestructura .infra-entry::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}