.about-hero{position:relative;margin:0 auto var(--spacing-xl) auto;padding:var(--spacing-xl) var(--spacing-ml);text-align:center}.about-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(circle at center,var(--accent-300),var(--accent-300),var(--accent-200),transparent 97%);-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 77%,transparent);mask-image:linear-gradient(transparent,#000 18%,#000 77%,transparent);pointer-events:none;opacity:.63}.about-hero-subtitle{font-family:var(--ff-italics);font-style:italic;font-size:var(--fz-xl);color:var(--primary-900)}.about-intro{padding-block:var(--spacing-l);margin-block-end:var(--spacing-xl)}.about-intro-content{max-width:65ch;margin-inline:auto;padding-inline:var(--spacing-m)}.about-intro-text{padding:var(--spacing-l);background-color:var(--secondary-100);font-size:var(--fz-ml);line-height:1.75;text-align:center;border-radius:var(--radius-m);border-block-start:var(--border-width-m) solid var(--accent-400);box-shadow:inset 0 2px 8px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight),var(--shadow-3)}.about-intro-text span:first-of-type{font-family:var(--ff-medium)}.about-intro-text span:last-of-type{display:inline-block;font-family:var(--ff-bold);font-weight:700}.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:var(--spacing-l);padding:var(--spacing-l) var(--spacing-m);margin-block-end:var(--spacing-xl)}.feature-card{position:relative;background-color:color-mix(in hsl,var(--secondary-100) 70%,transparent 30%);border-radius:var(--radius-m);padding:var(--spacing-l);border:var(--border-width-s) solid var(--secondary-400);box-shadow:var(--shadow-1);transition:translate var(--trs-s),box-shadow var(--trs-s),border-color var(--trs-s);overflow:hidden;cursor:default}.feature-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--accent-100),var(--accent-400) 80%,var(--accent-100));scale:0 1;transform-origin:center;opacity:0;transition:scale var(--trs-m),opacity var(--trs-s)}.feature-card:hover{translate:0 3.5px;box-shadow:none;border-color:var(--accent-300)}.feature-card:hover:before{scale:1 1;opacity:1}.feature-card:hover .feature-card-icon{scale:1.125;rotate:2.75deg;translate:21% 0;background-color:var(--accent-600)}.feature-card-icon{position:relative;height:64px;width:64px;margin-inline-start:var(--spacing-ms);border-radius:var(--radius-m);background-color:var(--secondary-500);transition:scale var(--trs-s),rotate var(--trs-l),translate var(--trs-l),background-color var(--trs-l)}.feature-card-icon.advice{mask:url(/ep-sonido-iluminacion/phone.svg) center / contain no-repeat}.feature-card-icon.technical{mask:url(/ep-sonido-iluminacion/tool.svg) center / contain no-repeat}.feature-card-icon.experience{mask:url(/ep-sonido-iluminacion/users.svg) center / contain no-repeat}.feature-card-title{font-size:var(--fz-l);color:var(--primary-900);margin-block-end:var(--spacing-m);font-weight:600;font-variation-settings:"wght" 600}.feature-card-description{font-size:var(--fz-ml)}@media only screen and (max-width: 900px){.about-hero-subtitle{font-size:var(--fz-l)}.about-intro-text{font-size:var(--fz-m)}.feature-card-title{font-size:var(--fz-l)}.feature-card-description{font-size:var(--fz-m)}}@media screen and (max-width: 500px){.about-hero{margin:0 auto var(--spacing-ml) auto}}@media only screen and (max-width: 450px){.about-hero-subtitle{font-size:var(--fz-mll)}.about-intro-text{font-size:var(--fz-ms)}.feature-card-title{font-size:var(--fz-ml)}.feature-card-description{font-size:var(--fz-ms)}}