/* El isotipo gira hacia el cursor y el verde le marca el volumen. */
.logo-3d {
    --giro-x: 0deg;
    --giro-y: 0deg;
    --brillo-x: 50%;
    --brillo-y: 40%;

    position: relative;
    width: clamp(11rem, 23vw, 24rem);
    margin-bottom: clamp(-2.75rem, calc(-3.6 * var(--vh-estable, 1vh)), -1.4rem);
    aspect-ratio: 674.49 / 340;
    perspective: 1000px;
}

.logo-3d__escena {
    position: absolute;
    inset: 0;
    transform-style: preserve-3d;
    transform: rotateX(var(--giro-x)) rotateY(var(--giro-y));
    will-change: transform;
}

.logo-3d__isotipo {
    width: 100%;
    height: 100%;
    fill: var(--color-blanco);
    filter: drop-shadow(0 22px 34px rgba(0, 0, 0, 0.5));
}

.logo-3d__brillo {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at var(--brillo-x) var(--brillo-y), rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 22%),
        radial-gradient(circle at var(--brillo-x) var(--brillo-y), rgba(129, 161, 152, 0) 20%, rgba(28, 52, 46, 0.62) 95%);
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20674.49%20340%22%20fill%3D%22%23ffffff%22%3E%20%3Cpath%20d%3D%22M279.63%2C302.46c41.49%2C26.7%2C90.53%2C32.8%2C136.41%2C12.88%2C9.71-4.22%2C21.23-10.13%2C27.37-18.86.21-1.47-5.55-6.89-6.89-8.49-13.33-15.89-25.61-32.56-36.75-50.07-34.67%2C21.79-84.42%2C12.82-101.19-26.73-11.64-27.44-3.97-58.96%2C15.82-80.38l-.55-73.7h-.02c-.56-.58-7.17%2C2.99-8.35%2C3.6-43.32%2C22.35-79.2%2C60.54-85.03%2C110.79-1.2%2C10.38-.33%2C19.89-3.26%2C30.12-10.78%2C37.6-50.25%2C56.09-86.91%2C43.78-49.57-16.64-55.43-80.14-21.73-115.15l-.8-75.39c-.8-1.22-6.11%2C1.39-7.51%2C1.99C.57%2C99.52-19.48%2C240.88%2C73.11%2C302.58c35.74%2C23.81%2C88.27%2C33.53%2C127.26%2C12.4%2C18.66-10.11%2C30.9-24.9%2C44.22-40.89%2C11.2%2C9.97%2C22.4%2C20.23%2C35.04%2C28.37Z%22%2F%3E%20%3Cpath%20d%3D%22M484.92%2C328.04h86.5c-.42-2.37-3.2-3.51-4.74-4.99-18.36-17.57-35.73-36.37-52.29-55.64-28.54-33.22-66.3-73.66-36.88-119.23%2C20.04-31.05%2C63.71-35.33%2C92.98-14.75%2C5.38%2C3.78%2C9.58%2C8.68%2C14.59%2C12.69l75.91-1.39c-18.53-47.98-58.64-82.19-109.58-91.25-70.17-12.47-132.99%2C22.65-151.17%2C92.52-14.45%2C55.53%2C4.59%2C90.3%2C38.24%2C131.68%2C14.39%2C17.7%2C29.55%2C35.01%2C46.44%2C50.36Z%22%2F%3E%20%3C%2Fsvg%3E") center / 100% 100% no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20674.49%20340%22%20fill%3D%22%23ffffff%22%3E%20%3Cpath%20d%3D%22M279.63%2C302.46c41.49%2C26.7%2C90.53%2C32.8%2C136.41%2C12.88%2C9.71-4.22%2C21.23-10.13%2C27.37-18.86.21-1.47-5.55-6.89-6.89-8.49-13.33-15.89-25.61-32.56-36.75-50.07-34.67%2C21.79-84.42%2C12.82-101.19-26.73-11.64-27.44-3.97-58.96%2C15.82-80.38l-.55-73.7h-.02c-.56-.58-7.17%2C2.99-8.35%2C3.6-43.32%2C22.35-79.2%2C60.54-85.03%2C110.79-1.2%2C10.38-.33%2C19.89-3.26%2C30.12-10.78%2C37.6-50.25%2C56.09-86.91%2C43.78-49.57-16.64-55.43-80.14-21.73-115.15l-.8-75.39c-.8-1.22-6.11%2C1.39-7.51%2C1.99C.57%2C99.52-19.48%2C240.88%2C73.11%2C302.58c35.74%2C23.81%2C88.27%2C33.53%2C127.26%2C12.4%2C18.66-10.11%2C30.9-24.9%2C44.22-40.89%2C11.2%2C9.97%2C22.4%2C20.23%2C35.04%2C28.37Z%22%2F%3E%20%3Cpath%20d%3D%22M484.92%2C328.04h86.5c-.42-2.37-3.2-3.51-4.74-4.99-18.36-17.57-35.73-36.37-52.29-55.64-28.54-33.22-66.3-73.66-36.88-119.23%2C20.04-31.05%2C63.71-35.33%2C92.98-14.75%2C5.38%2C3.78%2C9.58%2C8.68%2C14.59%2C12.69l75.91-1.39c-18.53-47.98-58.64-82.19-109.58-91.25-70.17-12.47-132.99%2C22.65-151.17%2C92.52-14.45%2C55.53%2C4.59%2C90.3%2C38.24%2C131.68%2C14.39%2C17.7%2C29.55%2C35.01%2C46.44%2C50.36Z%22%2F%3E%20%3C%2Fsvg%3E") center / 100% 100% no-repeat;
    transform: translateZ(1px);
    pointer-events: none;
}