/* /promociones (nov 2026) */
.pm-hero{padding:34px 0 8px}.pm-hero h1{font:800 clamp(32px,4.4vw,48px)/1.1 var(--head);color:var(--navy);margin:10px 0 8px}
.pm-slides{padding:10px 0 40px}
.pm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
@media(max-width:980px){.pm-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.pm-grid{grid-template-columns:1fr}}
.pm-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}
.pm-card--feat{border:2px solid var(--teal);box-shadow:0 30px 60px -34px rgba(26,188,156,.6)}
.pm-badge{position:absolute;top:-12px;left:22px;background:var(--teal);color:#fff;font:700 12px var(--head);padding:4px 10px;border-radius:999px}
.pm-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.pm-cat{font:800 12px var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.pm-disc{text-align:right;font:800 28px/1 var(--head);color:#fff;padding:10px 12px;border-radius:14px;background:var(--pmg,linear-gradient(125deg,#0E9B80,#1ABC9C 55%,#2C82C9))}
.pm-disc small{display:block;font:600 11px var(--font);opacity:.9;margin-top:3px}
.pm-c-hosting{--pmg:linear-gradient(125deg,#1d4ed8,#2C82C9 50%,#22c1e0)}.pm-c-correo{--pmg:linear-gradient(125deg,#be185d,#e11d74 45%,#f472b6)}
.pm-c-sitios{--pmg:linear-gradient(125deg,#4c1d95,#7c3aed 50%,#c026d3)}.pm-c-dominios{--pmg:linear-gradient(125deg,#0E9B80,#1ABC9C 55%,#2C82C9)}
.pm-card h3{font:800 19px/1.3 var(--head);color:var(--navy);margin:14px 0 6px}
.pm-desc{font-size:14px;color:var(--ink2);flex:1}.pm-desc p{margin:0 0 6px}.pm-desc ul{padding-left:18px;margin:0 0 6px}
.pm-when{font-size:12.5px;margin:12px 0}.pm-when--danger{color:#b42318;font-weight:700}.pm-when--warning{color:#a16207}.pm-when--ok{color:var(--ink2)}
.pm-code{display:flex;align-items:center;gap:8px;border:1.5px dashed #c9d2dd;border-radius:12px;padding:8px 8px 8px 12px;margin-bottom:12px;background:#FAFBFC}
.pm-code span{font-size:11.5px;color:var(--ink2);text-transform:uppercase;letter-spacing:.06em}.pm-code b{flex:1;font:800 15px ui-monospace,Menlo,monospace;color:var(--navy);overflow-wrap:anywhere}
.pm-code button{border:0;background:var(--navy);color:#fff;border-radius:9px;padding:7px 12px;font:700 13px var(--head);cursor:pointer}
.pm-go{width:100%;text-align:center}
.pm-legal{text-align:center;font-size:12.5px;color:var(--ink2);margin:20px auto 0;max-width:800px}.pm-legal a{color:var(--teal-d)}