/* España DTF · cabecera y pie comunes (misma imagen que la portada) */
.m-top,.m-nav,.m-foot,.m-strip{--m-bg:#0d0e14;--m-line:rgba(255,255,255,.09);--m-tx:#f6f5f2;--m-mu:#b7b6c2;--m-mg:#e6007e;--m-mg2:#ff4fb0;
  --m-grad:linear-gradient(90deg,#e6007e,#8a3ffc 22%,#2f7bff 40%,#19c3c0 58%,#4fd44f 74%,#b5e81f 88%,#ffd400);font-family:"Barlow",system-ui,sans-serif}
.m-top{background:#000;color:#e9e9ef;font-size:14px;font-weight:600;text-align:center;padding:9px 16px;letter-spacing:.01em}
.m-top b{color:var(--m-mg2)}
.m-nav{position:sticky;top:0;z-index:60;background:rgba(13,14,20,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--m-line)}
.m-nav .m-in{max-width:1400px;margin:0 auto;padding:0 24px;height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.m-logo{display:flex;align-items:center;text-decoration:none;flex:none}
.m-logo img{height:52px;width:auto;display:block}
.m-menu{display:flex;align-items:center;gap:4px}
.m-menu a{color:#e4e3ea;text-decoration:none;font-weight:600;font-size:15.5px;padding:10px 12px;border-radius:8px;transition:background .15s,color .15s}
.m-menu a:hover{background:rgba(255,255,255,.07);color:#fff}
.m-menu a[aria-current=page]{color:#fff;background:rgba(230,0,126,.18);box-shadow:inset 0 0 0 1px rgba(255,79,176,.45)}
.m-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;background:var(--m-mg);color:#fff!important;font-weight:700;font-size:15px;text-decoration:none;flex:none;box-shadow:0 8px 22px -10px rgba(230,0,126,.8)}
.m-cta:hover{background:#ff1a92}
.m-burger{display:none;width:46px;height:46px;border:0;border-radius:10px;background:rgba(255,255,255,.08);cursor:pointer;position:relative;flex:none}
.m-burger span,.m-burger span:before,.m-burger span:after{position:absolute;left:12px;right:12px;height:2px;background:#fff;border-radius:2px;content:"";transition:transform .2s,opacity .2s}
.m-burger span{top:22px}.m-burger span:before{top:-7px;left:0;right:0}.m-burger span:after{top:7px;left:0;right:0}
.m-nav.open .m-burger span{background:transparent}.m-nav.open .m-burger span:before{transform:translateY(7px) rotate(45deg)}.m-nav.open .m-burger span:after{transform:translateY(-7px) rotate(-45deg)}
.m-menu a:focus-visible,.m-cta:focus-visible,.m-burger:focus-visible,.m-logo:focus-visible{outline:3px solid var(--m-mg2);outline-offset:2px}
.m-grad{height:4px;background:linear-gradient(90deg,#e6007e,#8a3ffc 22%,#2f7bff 40%,#19c3c0 58%,#4fd44f 74%,#b5e81f 88%,#ffd400)}
@media(max-width:1100px){
  .m-burger{display:block}
  .m-menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 18px;background:#0d0e14;border-bottom:1px solid var(--m-line);box-shadow:0 20px 40px -20px rgba(0,0,0,.7)}
  .m-nav.open .m-menu{display:flex}
  .m-menu a{padding:14px 12px;font-size:17px;border-bottom:1px solid var(--m-line);border-radius:0}
}
@media(max-width:720px){
  .m-top{font-size:12.5px;padding:7px 10px}
  .m-nav .m-in{height:64px;padding:0 14px;gap:10px}
  .m-logo img{height:42px}
  .m-cta{min-height:42px;padding:0 13px;font-size:14px}
}
/* Pie */
.m-foot{background:var(--m-bg);color:var(--m-mu);padding:56px 0 26px;font-size:15px}
.m-foot .m-in{max-width:1180px;margin:0 auto;padding:0 24px}
.m-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}
.m-foot img{display:block;width:220px;height:auto;margin:0 0 16px}
.m-foot h4{margin:0 0 12px;color:#fff;font:700 15px/1.2 "Barlow Condensed","Barlow",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.m-foot a{display:block;color:var(--m-mu);text-decoration:none;padding:5px 0}
.m-foot a:hover{color:#fff}
.m-foot p{margin:0 0 10px;line-height:1.55}
.m-copy{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:36px;padding-top:20px;border-top:1px solid var(--m-line);font-size:13.5px;color:#8d8c99}
@media(max-width:860px){.m-cols{grid-template-columns:1fr 1fr}.m-cols>div:first-child{grid-column:1/-1}}
@media(max-width:480px){.m-cols{grid-template-columns:1fr}}

@media(max-width:1100px){.m-cta{margin-left:auto}}
