/* CADILAC - Intro V25. El petalo termina siendo el pico rojo del isotipo real. */
html.cad-intro-active,body.cad-intro-active{overflow:hidden!important}
#cadilacBrandIntro{position:fixed;inset:0;z-index:2147483647;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;opacity:1;visibility:visible;transition:opacity .65s ease,visibility .65s ease}
#cadilacBrandIntro.cad-intro-out{opacity:0;visibility:hidden;pointer-events:none}
.cad-intro-stage{position:relative;width:min(92vw,760px);height:min(82vh,620px);display:flex;align-items:center;justify-content:center}
.cad-petal{position:absolute;z-index:12;top:0;left:0;width:66px;height:154px;display:block!important;opacity:1;background:radial-gradient(ellipse at 31% 19%,rgba(255,255,255,.58) 0%,rgba(255,255,255,.16) 22%,transparent 46%),radial-gradient(ellipse at 72% 72%,rgba(105,10,8,.38) 0%,rgba(105,10,8,.10) 40%,transparent 68%),linear-gradient(145deg,#ff5a48 0%,#ef3b30 24%,#E5332B 48%,#c9211c 73%,#7b120d 100%);clip-path:path('M 29 2 C 39 5 51 17 57 33 C 64 50 65 72 60 94 C 56 112 46 131 34 148 C 31 152 29 154 28 153 C 24 146 15 138 10 126 C 4 112 2 94 4 75 C 6 54 11 35 18 21 C 22 12 25 6 29 2 Z');border-radius:48% 52% 58% 42% / 30% 36% 64% 70%;transform-origin:49% 50%;box-shadow:0 22px 30px rgba(165,25,22,.16),0 6px 12px rgba(229,51,43,.10);will-change:transform,opacity,filter,border-radius;overflow:hidden}
.cad-petal:before{content:"";position:absolute;left:9px;top:8px;width:42px;height:132px;border-radius:72% 28% 62% 38% / 42% 35% 65% 58%;background:linear-gradient(112deg,rgba(255,219,211,.36),rgba(255,255,255,.05) 42%,rgba(96,7,6,.24));transform:rotate(-8deg) skewX(-4deg)}
.cad-petal:after{content:"";position:absolute;left:29px;top:12px;width:24px;height:127px;border-left:1.8px solid rgba(255,226,220,.60);border-radius:80% 0 0 65%;transform:rotate(9deg) skewX(-7deg);opacity:.88}
.cad-intro-mark{position:absolute;left:50%;top:50%;width:150px;height:150px;opacity:0;will-change:transform,opacity,filter}
.cad-intro-mark img{display:block;width:100%;height:100%;object-fit:contain}
.cad-intro-mark-base{z-index:10;transform:translate(-50%,-50%) scale(.72);filter:blur(2.2px)}
.cad-intro-mark-full{z-index:11;transform:translate(-50%,-50%) scale(1)}
.cad-intro-mark.cad-mark-fade{opacity:0!important;transform:translate(-50%,-50%) scale(1.035)!important;filter:blur(1px)!important;transition:opacity .24s ease,transform .24s ease,filter .24s ease}
.cad-intro-logo{position:absolute;z-index:13;left:50%;top:50%;width:min(68vw,430px);transform:translate(-50%,-50%) scale(.94);opacity:0;filter:blur(2px);transition:opacity .36s ease,filter .36s ease,transform .36s cubic-bezier(.2,.75,.25,1)}
.cad-intro-logo img{display:block;width:100%;height:auto}
.cad-intro-logo.cad-show{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1)}
.cad-skip{position:absolute;z-index:20;right:22px;bottom:20px;border:0;background:transparent;color:#8a8a8a;font:500 12px "Segoe UI",Arial,sans-serif;cursor:pointer;padding:8px 10px;opacity:.72}.cad-skip:hover{color:#575756;opacity:1}
@media(max-width:600px){.cad-intro-stage{height:min(80vh,560px)}.cad-petal{width:48px;height:118px}.cad-intro-mark{width:112px;height:112px}.cad-intro-logo{width:min(80vw,340px)}.cad-skip{right:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.cad-petal{display:block!important}.cad-intro-mark,.cad-intro-logo{filter:none}}