.services-middle-section{padding:var(--spacing-l)}.service-card-wrapper{height:fit-content;width:fit-content;margin-block:var(--spacing-l)}.service-card-wrapper:hover .service-card{box-shadow:var(--shadow-3);border-color:var(--card-accent-three)}.service-card-wrapper:hover .service-card .service-card-icon{transform:scale(1.13)}.service-card-wrapper:hover .service-card[data-service=social] .service-card-icon,.service-card-wrapper:hover .service-card[data-service=corporate] .service-card-icon,.service-card-wrapper:hover .service-card[data-service=live] .service-card-icon{background-position:100%}.service-card{opacity:0;translate:-35px 0;will-change:transform;-webkit-font-smoothing:subpixel-antialiased;transform-style:preserve-3d;display:grid;grid-template-columns:3fr 1fr;background-color:var(--primary-50-shared);border:var(--border-width-m) solid var(--primary-100);border-radius:var(--radius-l);padding:var(--spacing-l);box-shadow:var(--shadow-2);transition:border-color var(--trs-m),box-shadow .2s,opacity var(--trs-m),translate var(--trs-m);gap:var(--spacing-m);cursor:default}.service-card[data-service=social]{--card-accent-start: var(--accent-200);--card-accent-two: var(--accent-300);--card-accent-three: var(--accent-400);--card-accent-end: var(--accent-500)}.service-card[data-service=corporate]{--card-accent-start: var(--primary-200);--card-accent-two: var(--primary-300);--card-accent-three: var(--primary-400);--card-accent-end: var(--primary-500)}.service-card[data-service=live]{--card-accent-start: var(--secondary-200);--card-accent-two: var(--secondary-300);--card-accent-three: var(--secondary-400);--card-accent-end: var(--secondary-500)}.service-card[data-service=social] .service-card-icon{filter:saturate(1.4)}.service-card[data-service=corporate] .service-card-icon{filter:saturate(1.5);height:82px;width:82px}.service-card[data-service=live] .service-card-icon{filter:saturate(1.3)}.service-card.intersected-card{opacity:1;translate:0 0}.service-card.entering-transform{transition:transform .15s,border-color var(--trs-m),box-shadow .2s,opacity var(--trs-m),translate var(--trs-m)}.service-card-header{display:flex;flex-direction:column;justify-content:space-around;align-items:stretch;gap:var(--spacing-ml);margin-block-end:var(--spacing-m)}.h3-icon{display:flex;align-items:center;gap:var(--spacing-ml);margin-inline-end:var(--spacing-l)}.service-card-icon{position:relative;height:64px;width:64px;flex-shrink:0;background-image:linear-gradient(133deg,var(--card-accent-end),var(--card-accent-end),var(--card-accent-start),var(--card-accent-three),var(--card-accent-three),var(--card-accent-two),var(--card-accent-start));background-size:230% 230%;background-position:0%;transition:transform var(--trs-s),background-position var(--trs-l)}.service-card-icon[data-icon=party]{mask:url(/ep-sonido-iluminacion/party.svg) center / contain no-repeat}.service-card-icon[data-icon=light1]{mask:url(/ep-sonido-iluminacion/light1.svg) center / contain no-repeat;translate:0 9px}.service-card-icon[data-icon=light2]{mask:url(/ep-sonido-iluminacion/light2.svg) center / contain no-repeat}.service-card-icon[data-icon=place1]{mask:url(/ep-sonido-iluminacion/place1.svg) center / contain no-repeat}.service-card-icon[data-icon=place2]{mask:url(/ep-sonido-iluminacion/place2.svg) center / contain no-repeat}.service-card-icon[data-icon=conference]{mask:url(/ep-sonido-iluminacion/conference.svg) center / contain no-repeat}.service-card-icon[data-icon=music]{mask:url(/ep-sonido-iluminacion/music.svg) center / contain no-repeat}.service-card-icon[data-icon=speaker]{mask:url(/ep-sonido-iluminacion/speaker.svg) center / contain no-repeat}.service-card-title{font-size:var(--fz-xl);font-weight:650;font-feature-settings:"wght" 650;flex:1}.service-card-description{font-size:var(--fz-ml);color:var(--primary-900);max-width:45ch;margin-block-start:0;line-height:1.8}.service-card-details{padding:var(--spacing-m);background:var(--secondary-50);border:var(--border-width-s) solid var(--card-accent-start);border-inline-start:3px dashed var(--card-accent-two);border-radius:0 var(--radius-m) var(--radius-m) 0}.service-card-details-title{font-family:var(--ff-base);font-size:var(--fz-m);color:var(--primary-900);margin-block-end:var(--spacing-m)}.service-card-list{display:flex;flex-direction:column;gap:var(--spacing-s);margin-block-end:var(--spacing-m)}.service-card-list li{font-family:var(--ff-medium);font-size:var(--fz-s);color:var(--primary-800);padding-inline-start:calc(.375ch + var(--spacing-ml));position:relative;min-height:1.5lh}.service-card-list li:before{content:"✔";position:absolute;inset:0 auto auto 0;color:var(--card-accent-end);font-size:var(--fz-mll);translate:0 -.25lh}.service-card-note{font-family:var(--ff-extra-bold);font-size:var(--fz-s);color:var(--primary-700);font-style:italic;margin:0;text-align:center}@media screen and (max-width: 1100px){.service-card{grid-template-columns:2fr 1fr}}@media screen and (max-width: 900px){.service-card{grid-template-columns:1fr}.service-card-description{max-width:unset}.service-card-details{border-inline-start:var(--border-width-s) solid var(--card-accent-start);border-block-start:3px dashed var(--card-accent-two);border-radius:0 0 var(--radius-m) var(--radius-m)}}@media screen and (max-width: 700px){.service-card-icon{height:48px;width:48px}.service-card[data-service=corporate] .service-card-icon{height:64px;width:64px}.h3-icon{gap:var(--spacing-m);margin-inline-end:var(--spacing-s)}.service-card-title{font-size:var(--fz-l)}.service-card-description{font-size:var(--fz-ms);line-height:1.6}}@media screen and (max-width: 500px){.services-middle-section{padding:var(--spacing-l) var(--spacing-m)}.service-card{padding:var(--spacing-ml)}.service-card-icon{height:36px;width:36px}.service-card[data-service=corporate] .service-card-icon{height:52px;width:52px}.h3-icon{gap:var(--spacing-s);margin-inline-end:0}.service-card-title{font-size:var(--fz-ml)}.service-card-description{font-size:var(--fz-s);line-height:1.5}.service-card-details-title{font-size:var(--fz-ms)}.service-card-list li{font-size:var(--fz-s)}.service-card-list li:before{font-size:var(--fz-m)}.service-card-note{font-size:var(--fz-s)}}@media screen and (max-width: 350px){.service-card{padding:var(--spacing-m)}.h3-icon{flex-wrap:wrap}.service-card-title{font-size:var(--fz-m)}.service-card-details-title{font-size:var(--fz-s)}.service-card-list li{font-size:var(--fz-xs);padding-inline-start:calc(1.375ch + var(--spacing-m))}.service-card-list li:before{font-size:var(--fz-ms)}.service-card-note{font-size:var(--fz-xs)}}