@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#101010;--panel:#191919;--line:#343434;--cream:#f3f0e9;--muted:#a4a29d;--red:#ed432f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}.topline{height:5px;background:var(--red)}.site-header{height:88px;max-width:1280px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;gap:13px;align-items:center;color:inherit;text-decoration:none}.brand-mark{font:900 38px/.8 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px}.slash{color:var(--red)}.brand-words{display:flex;flex-direction:column;gap:3px}.brand-words strong{font:800 18px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:1.1px}.brand-words small{font:700 9px/1.2 'DM Sans',sans-serif;letter-spacing:1.7px;color:var(--muted)}.parent-link{font-size:12px;font-weight:700;color:var(--cream);text-decoration:none;border-bottom:1px solid #777;padding-bottom:5px}.parent-link:hover{color:var(--red)}.hero{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:560px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);max-width:1600px;margin:auto}.hero-content{padding:76px 0 76px max(5vw,calc((100vw - 1150px)/2));z-index:1}.eyebrow,.section-kicker{font-size:11px;font-weight:800;letter-spacing:2.5px;color:var(--red)}.live-dot{display:inline-block;background:var(--red);width:7px;height:7px;border-radius:50%;margin-right:9px}.hero h1{font:900 clamp(70px,8.7vw,138px)/.78 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1.5px;margin:33px 0 27px}.hero h1 em{font-style:normal;color:var(--red)}.period{color:var(--cream)}.intro{max-width:470px;font-size:15px;line-height:1.75;color:#c6c4bf;margin:0 0 35px}.search-shell{max-width:535px}.search-shell>label{font-size:11px;font-weight:800;letter-spacing:2px}.search-input-wrap{margin-top:11px;background:#f4f1e9;border:2px solid #f4f1e9;height:62px;display:flex;align-items:center;gap:14px;padding:0 17px;transition:border-color .2s}.search-input-wrap:focus-within{border-color:var(--red)}.search-input-wrap svg{height:22px;width:22px;color:#222;flex-shrink:0}.search-input-wrap input{font:600 17px 'DM Sans',sans-serif;min-width:0;width:100%;border:0;background:transparent;outline:0;color:#171717}.search-input-wrap input::placeholder{color:#777}.clear{background:transparent;border:0;font-size:27px;cursor:pointer;color:#333}.search-foot{display:flex;justify-content:space-between;gap:10px;margin-top:11px;font-size:10px;color:#8e8b86}.search-foot span:last-child{font-size:9px;font-weight:800;letter-spacing:1px}.hero-art{position:relative;min-height:540px;background:radial-gradient(ellipse at 50% 45%,#3c2926 0%,#191716 55%,#101010 75%);overflow:hidden}.hero-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent,transparent 30px,#ffffff05 31px,#ffffff05 32px)}.record{position:absolute;border-radius:50%;aspect-ratio:1;background:repeating-radial-gradient(circle at center,#121212 0,#121212 3px,#252525 4px,#121212 6px);border:2px solid #292929;box-shadow:18px 28px 50px #0009}.record-back{width:400px;top:24px;left:36%;transform:rotate(-10deg)}.record-front{width:440px;top:92px;left:10%;display:grid;place-items:center;transform:rotate(-19deg)}.record-front:after{content:"";position:absolute;inset:12px;border:1px solid #444;border-radius:50%}.record-label{width:40%;aspect-ratio:1;border-radius:50%;background:var(--red);color:#18110e;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:rotate(19deg);z-index:1}.record-label span{font:800 12px 'Barlow Condensed';letter-spacing:3px}.record-label strong{font:900 37px/.85 'Barlow Condensed';margin:8px 0}.record-label small{font:700 9px 'DM Sans'}.hero-art-text{position:absolute;bottom:20px;right:35px;font:900 55px/.8 'Barlow Condensed';color:#ffffff12;text-align:right}.catalog{max-width:1200px;margin:auto;padding:74px 25px 50px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;padding-bottom:35px}.section-head h2{font:900 clamp(37px,5vw,61px)/.95 'Barlow Condensed';margin:15px 0 8px}.section-head p{color:var(--muted);margin:0;font-size:13px}.stat{text-align:right;flex-shrink:0}.stat strong{display:block;font:900 68px/.85 'Barlow Condensed';color:var(--red)}.stat span{font-size:10px;font-weight:800;letter-spacing:1.6px}.toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0}.results-line{font-size:12px;color:var(--muted)}.results-line b{color:var(--cream)}.filters{display:flex;align-items:center;gap:12px}.filters label{font-size:11px;color:var(--muted)}.filters select{color:var(--cream);background:#222;border:1px solid #454545;border-radius:0;padding:10px;font:600 12px 'DM Sans';max-width:155px}.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#343434;border:1px solid #343434;margin-top:25px}.disc{background:#181818;padding:22px;min-height:175px;display:flex;flex-direction:column;transition:background .15s}.disc:hover{background:#24201e}.disc-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.disc-code{font-size:10px;letter-spacing:1.5px;color:#8b8986}.disc-icon{font-size:23px;color:var(--red)}.disc h3{font:800 27px/1 'Barlow Condensed';letter-spacing:.3px;margin:19px 0 7px;overflow-wrap:anywhere}.disc p{margin:0 0 17px;font-size:13px;color:#c1bdb8;line-height:1.45;overflow-wrap:anywhere}.disc-bottom{margin-top:auto;border-top:1px solid #333;padding-top:12px;display:flex;justify-content:space-between;gap:6px;align-items:center}.disc-status{font-size:10px;color:#aaa}.disc-qty{font-size:10px;color:#888}.pager{text-align:center;margin-top:35px}.pager button,.empty button{border:1px solid var(--red);background:var(--red);color:#161616;font:800 13px 'DM Sans';letter-spacing:.8px;padding:16px 30px;cursor:pointer}.pager button:hover,.empty button:hover{background:#fa6a57}.empty{text-align:center;padding:80px 20px}.empty-icon{font-size:54px;color:var(--red)}.empty h3{font:900 32px 'Barlow Condensed';margin:14px 0}.empty p{color:var(--muted);font-size:14px;margin-bottom:25px}.notice{max-width:1150px;margin:0 auto 85px;background:#211d1a;border-left:3px solid var(--red);display:flex;gap:16px;padding:22px 24px}.notice-icon{border:1px solid var(--red);border-radius:50%;color:var(--red);width:22px;height:22px;display:grid;place-items:center;font-size:13px;flex-shrink:0}.notice strong{font-size:13px}.notice p{color:#b7b0aa;font-size:12px;line-height:1.7;margin:6px 0 0}footer{border-top:1px solid var(--line);padding:35px max(5vw,calc((100vw - 1150px)/2));display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap}.footer-brand{font:900 24px 'Barlow Condensed'}.footer-brand span{color:var(--red)}footer p,footer small{font-size:11px;color:var(--muted)}footer p{max-width:290px;line-height:1.5}@media(max-width:950px){.hero{grid-template-columns:1fr}.hero-content{padding:60px 6% 70px}.hero-art{position:absolute;right:-250px;top:0;bottom:0;width:600px;opacity:.18;pointer-events:none}.hero h1{font-size:clamp(76px,12vw,125px)}.results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.site-header{height:76px;padding:0 18px}.brand-mark{font-size:31px}.brand-words strong{font-size:15px}.brand-words small{font-size:7px;letter-spacing:1px}.parent-link{font-size:10px;max-width:95px;text-align:right}.hero{min-height:auto}.hero-content{padding:65px 20px 64px}.hero h1{font-size:clamp(65px,15vw,94px);margin:30px 0 25px}.intro{font-size:14px}.search-input-wrap{height:58px}.search-foot span:last-child{display:none}.catalog{padding:57px 16px 40px}.section-head{align-items:end}.section-head h2{font-size:38px}.stat strong{font-size:47px}.stat span{font-size:8px;letter-spacing:.5px}.toolbar{align-items:start}.filters{gap:5px}.filters label{display:none}.filters select{max-width:126px;font-size:11px}.results{grid-template-columns:1fr}.disc{min-height:145px;padding:20px}.disc h3{font-size:26px}.notice{margin:0 16px 55px}footer{padding:28px 20px;gap:8px;display:block}footer p{margin:12px 0}}

/* Identidad oficial Discos a Toda Raja */
.brand-logo{display:block;width:clamp(148px,19vw,225px);height:auto;object-fit:contain}
.hero-logo{display:block;width:min(100%,520px);height:auto;margin:-42px 0 18px;object-fit:contain}
@media(max-width:950px){.hero-logo{width:min(100%,440px);margin:-24px 0 20px}}
@media(max-width:560px){.brand-logo{width:158px}.hero-logo{width:100%;margin:-18px 0 14px}.site-header{height:86px}}

/* Consultas y encargos */
.disc-action{background:transparent;color:#ff7866;border:1px solid #a44337;padding:9px 12px;font:800 11px 'DM Sans';cursor:pointer}.disc-action:hover,.secondary-action:hover{background:#ed432f;color:#111}.disc-bottom{flex-wrap:wrap}.order-banner{max-width:1150px;margin:25px auto 65px;padding:35px;background:linear-gradient(115deg,#341713,#171717 65%);border:1px solid #73352e;display:flex;justify-content:space-between;align-items:center;gap:25px}.order-banner h2{font:900 clamp(32px,5vw,55px)/.95 'Barlow Condensed';margin:14px 0}.order-banner p{font-size:14px;color:#cfc5bf;line-height:1.65;max-width:540px}.order-banner button,.secondary-action{background:#ed432f;border:1px solid #ed432f;color:#151515;font-weight:900;padding:16px 23px;cursor:pointer;white-space:normal}.secondary-action{display:block;margin:24px auto 0}.order-banner button{min-width:180px}dialog{width:min(96vw,540px);max-height:92dvh;background:#191919;color:#f3f0e9;border:1px solid #854035;padding:0;box-shadow:0 20px 90px #000c}dialog::backdrop{background:#000c}.order-form{padding:25px;display:flex;flex-direction:column;gap:9px}.form-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.form-top h2{font:900 43px/.95 'Barlow Condensed';margin:12px 0}.close-modal{background:transparent;border:0;color:white;font-size:32px;cursor:pointer}.order-form>p{font-size:12px;line-height:1.55;color:#c7bdb7;margin:2px 0 14px}.order-form label{font-size:12px;font-weight:700;margin-top:8px}.order-form input:not([type=checkbox]),.order-form textarea{background:#252525;border:1px solid #555;border-radius:0;color:white;padding:13px;font:14px 'DM Sans';width:100%}.order-form input:focus,.order-form textarea:focus{outline:2px solid #ed432f}.order-form input[type=file]{font-size:12px}.consent{display:flex;gap:10px;align-items:start;line-height:1.5;font-weight:400!important}.consent input{margin-top:3px}.order-form>button[type=submit]{background:#ed432f;color:#141414;border:0;padding:16px;font-weight:900;margin-top:8px;cursor:pointer}.order-form>button:disabled{opacity:.6;cursor:wait}.order-form .form-feedback{font-size:12px;color:#f3f0e9;margin:7px 0 0}.empty{padding:50px 15px}.empty .secondary-action{margin-top:15px}@media(max-width:650px){.order-banner{margin:20px 16px 45px;padding:24px;display:block}.order-banner button{width:100%;margin-top:14px}.order-form{padding:19px}}

/* Botón WhatsApp en resultados */
a.whatsapp-action{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;min-height:42px;padding:10px 14px;background:#228b54;color:#fff;border-radius:5px;font-size:12px;font-weight:800;letter-spacing:.02em;transition:background .2s}
a.whatsapp-action:hover,a.whatsapp-action:focus-visible{background:#176d40;color:#fff}

/* Portadas externas: tamaño constante, carga diferida y alternativa sin imagen */
.disc-cover{width:124px;height:124px;margin:12px 0 0;position:relative;overflow:hidden;border:1px solid #393939;background:linear-gradient(135deg,#282222,#151515);display:grid;place-items:center}
.disc-cover-placeholder{font:900 45px/1 Georgia,serif;color:#a03a32;opacity:.75}
.disc-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.disc-cover.has-cover .disc-cover-placeholder{display:none}
.cover-credit{position:absolute;bottom:0;left:0;right:0;background:#090909d9;color:#eee;text-decoration:none;font-size:9px;padding:5px 3px;text-align:center;opacity:0;transition:opacity .15s}
.disc-cover:hover .cover-credit,.disc-cover:focus-within .cover-credit{opacity:1}
@media(max-width:560px){.disc-cover{width:116px;height:116px}.cover-credit{opacity:1}}

/* Fichas limpias: carátula, artista, álbum y un único botón de contacto. */
.disc-top,.disc-code,.disc-icon,.disc-status{display:none!important}
.disc-bottom{display:block;border-top:0;padding-top:10px}
.disc-action.whatsapp-action{display:block;width:100%;text-align:center;background:#009b78;color:#fff;border:1px solid #ed432f;border-radius:5px;padding:14px 9px;font-weight:900;text-decoration:none;line-height:1.35}
.disc-action.whatsapp-action:hover{background:#007c60;color:#fff}
.disc h3{margin-top:17px}

/* Logo animado: electricidad sutil, sin cambiar la imagen original */
.logo-electric{position:relative;isolation:isolate;width:min(100%,540px);margin:-42px 0 18px;}
.logo-electric .hero-logo{position:relative;z-index:2;width:100%;height:auto;margin:0;filter:drop-shadow(0 0 8px rgba(235,27,17,.3));animation:logo-charge 5.8s ease-in-out infinite;}
.electric-halo{position:absolute;z-index:0;inset:20% 9%;border-radius:50%;background:radial-gradient(ellipse,rgba(235,18,14,.21),rgba(210,15,8,.08) 43%,transparent 72%);filter:blur(20px);animation:halo-pulse 4.3s ease-in-out infinite;pointer-events:none;}
.electric-bolt{position:absolute;z-index:3;width:19%;height:4px;opacity:0;pointer-events:none;background:#ff3d25;box-shadow:0 0 5px #fff,0 0 13px #ff2110,0 0 24px #ef1c10;clip-path:polygon(0 45%,42% 0,33% 46%,100% 50%,45% 100%,55% 58%);transform:rotate(-23deg);}
.bolt-one{left:2%;top:33%;animation:spark-one 6.1s linear infinite;}
.bolt-two{right:1%;top:31%;transform:rotate(25deg);animation:spark-two 7.3s linear infinite;}
.bolt-three{right:20%;bottom:19%;width:12%;transform:rotate(-9deg);animation:spark-three 8.4s linear infinite;}
@keyframes logo-charge{0%,88%,94%,100%{filter:drop-shadow(0 0 8px rgba(235,27,17,.3));transform:translate(0,0)}89%{filter:drop-shadow(0 0 17px rgba(255,34,20,.72));transform:translate(1px,0)}90%{transform:translate(-1px,0)}91%{transform:translate(1px,1px)}92%{transform:translate(0,0)}}
@keyframes halo-pulse{0%,100%{opacity:.45;transform:scale(.98)}50%{opacity:.85;transform:scale(1.07)}}
@keyframes spark-one{0%,31%,34%,100%{opacity:0}31.5%,32.2%{opacity:.9}32.7%{opacity:.1}33%{opacity:.7}}
@keyframes spark-two{0%,60%,63%,100%{opacity:0}60.4%,61%{opacity:.95}61.6%{opacity:.1}62%{opacity:.7}}
@keyframes spark-three{0%,77%,79%,100%{opacity:0}77.3%,78%{opacity:.85}}
@media(max-width:950px){.logo-electric{width:min(100%,460px);margin:-24px 0 20px}}
@media(max-width:560px){.logo-electric{width:100%;margin:-18px 0 14px}}
@media(prefers-reduced-motion:reduce){.logo-electric .hero-logo,.electric-halo,.electric-bolt{animation:none!important}.electric-bolt{display:none}}