/* Cardenal · Sitio en Actualización · paleta corporativa */
:root{--cd-navy:#1B1F33;--cd-red:#BB1F2D;--cd-red-light:#e53532;--cd-paper:#F7F2F0;--cd-muted:#EDEFF2}
*{box-sizing:border-box}
html{min-height:100%;background:var(--cd-navy)}
body.ccm-body{margin:0;min-height:100vh;min-height:100svh;background:var(--cd-navy);font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;color:#fff;-webkit-font-smoothing:antialiased}
.ccm-page{min-height:100vh;min-height:100svh;display:flex;justify-content:center;align-items:center;padding:26px}
.ccm-frame{width:min(100%,1510px);min-height:calc(100vh - 52px);min-height:calc(100svh - 52px);border:1px solid rgba(255,255,255,.11);border-radius:22px;position:relative;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse at 83% 47%,rgba(160,31,48,.14),transparent 44%),linear-gradient(135deg,#1B1F33 0%,#25283e 62%,#1B1F33 100%);box-shadow:0 24px 85px rgba(0,0,0,.22)}
.ccm-frame:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:linear-gradient(180deg,#BB1F2D,#eb3b32 54%,#BB1F2D)}
.ccm-header{position:relative;z-index:2;padding:55px clamp(30px,7vw,105px) 20px}
.ccm-header img{display:block;width:clamp(210px,27vw,340px);height:auto}
.ccm-content{display:flex;flex:1;align-items:center;justify-content:space-between;position:relative;isolation:isolate;gap:28px;padding:65px clamp(30px,7vw,105px) 80px}
.ccm-copy{position:relative;z-index:3;max-width:720px}
.ccm-tag{display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.045);color:#e0e2ec;border-radius:999px;padding:12px 19px;font-weight:700;font-size:11px;letter-spacing:.17em;line-height:1.3}
.ccm-dot{width:8px;height:8px;display:inline-block;border-radius:100%;background:#ec443c;box-shadow:0 0 0 4px rgba(235,59,50,.14)}
.ccm-copy h1{font-weight:700;font-size:clamp(43px,5.5vw,79px);letter-spacing:-.055em;line-height:1.075;margin:33px 0 32px;text-wrap:balance;max-width:750px}
.ccm-accent-line{display:block;width:65px;height:5px;background:var(--cd-red-light);border-radius:5px;margin-bottom:32px}
.ccm-description{font-size:clamp(17px,1.55vw,21px);line-height:1.7;color:#c9ccdc;max-width:610px;margin:0}
.ccm-email{margin-top:32px;display:inline-flex;align-items:center;gap:15px;color:#fff;background:var(--cd-red);border-radius:7px;padding:15px 25px;font-weight:700;font-size:15px;text-decoration:none;transition:background .2s,transform .2s}
.ccm-email:hover,.ccm-email:focus-visible{background:#a31926;transform:translateY(-2px)}
.ccm-email:focus-visible{outline:3px solid #fff;outline-offset:4px}
.ccm-email span{font-size:21px;font-weight:400}
/* Tres engranajes SVG reales con rotación independiente (sin imagen estática). */
.ccm-art{position:relative;z-index:1;flex:0 1 470px;width:min(38vw,490px);min-width:290px;aspect-ratio:610/520;pointer-events:none;opacity:1;filter:drop-shadow(0 20px 27px rgba(0,0,0,.14))}
.ccm-gears{display:block;width:100%;height:100%;overflow:visible}
.ccm-gear{transform-origin:center center;transform-box:fill-box;will-change:transform}
.ccm-gear--large{animation:ccm-gear-clockwise 22s linear infinite}
.ccm-gear--small{animation:ccm-gear-counter 12.2s linear infinite}
.ccm-gear--medium{animation:ccm-gear-counter 16.1s linear infinite}
.ccm-gear-orbit{fill:none;stroke:#ea4441;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:9 12;opacity:.48}
.ccm-gear-orbit--dim{stroke:#b41b31;opacity:.34}
@keyframes ccm-gear-clockwise{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes ccm-gear-counter{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
.ccm-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:24px clamp(30px,7vw,105px) 31px;border-top:1px solid rgba(255,255,255,.09);font-size:13px;color:#9ea3b8;letter-spacing:.01em}
@media(max-width:900px){.ccm-content{padding-top:45px;padding-bottom:55px}.ccm-art{position:absolute;width:440px;height:auto;min-width:0;right:-165px;top:13%;opacity:.22;z-index:0}.ccm-copy{max-width:720px}}
@media(max-width:600px){.ccm-page{padding:12px}.ccm-frame{min-height:calc(100vh - 24px);min-height:calc(100svh - 24px);border-radius:14px}.ccm-frame:before{width:4px}.ccm-header{padding:31px 26px 0}.ccm-header img{width:240px;max-width:96%}.ccm-content{padding:53px 26px 76px}.ccm-copy h1{font-size:clamp(39px,9.6vw,55px);margin-top:28px;margin-bottom:30px}.ccm-tag{font-size:10px;letter-spacing:.11em;padding:11px 13px}.ccm-description{font-size:17px;line-height:1.65}.ccm-art{right:-205px;top:27%;width:400px;height:auto;opacity:.16}.ccm-footer{padding:20px 26px 24px;display:block;font-size:12px}.ccm-footer span{display:block}.ccm-footer span+span{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.ccm-email{transition:none}.ccm-email:hover{transform:none}.ccm-gear{animation:none!important;will-change:auto}}