/*
Theme Name: Creaciones Dereck
Theme URI: https://creacionesdereck.com/
Author: Diseño personalizado
Description: Tema de catálogo para productos personalizados, grabado láser y muebles para restaurantes. Compatible con WooCommerce.
Version: 1.6.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: creaciones-dereck
*/
:root{--black:#0b0d10;--panel:#14171c;--gold:#d4af37;--goldlight:#ffe39a;--txt:#f6f5f1;--muted:#aeb4be;--line:#303339;--white:#fff;--radius:17px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#222;background:#faf9f7;font:16px/1.65 system-ui,-apple-system,'Segoe UI',sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}img{max-width:100%;height:auto}button,a{transition:all .2s ease}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.wrap{width:min(1200px,calc(100% - 36px));margin:auto}.topline{background:var(--gold);color:#161616;text-align:center;padding:7px 12px;font-size:12px;font-weight:800;letter-spacing:.11em}.header{background:var(--black);color:var(--txt);position:sticky;top:0;z-index:50;border-bottom:1px solid #292c31}.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brandmark{height:50px;width:50px;display:grid;place-items:center;border:2px solid var(--gold);border-radius:14px;color:var(--gold);font-size:25px;font-weight:1000;line-height:1}.brandname{line-height:1.05;letter-spacing:.025em;font-size:21px;font-weight:1000}.brandname span{display:block;color:var(--gold)}.brandname small{display:block;color:#a5a7ad;letter-spacing:.16em;font-size:8px;font-weight:650;margin-top:7px}.nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:750}.nav a:hover{color:var(--gold)}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 19px;border-radius:9px;font-weight:850;font-size:13px;border:1px solid transparent;cursor:pointer}.header-cta,.btn-gold{background:var(--gold);color:#171717}.header-cta:hover,.btn-gold:hover{background:#f0c959;transform:translateY(-2px)}.btn-line{border-color:#85858a;color:white;background:#12141880}.btn-line:hover{border-color:var(--gold);color:var(--gold)}.mobile-menu{display:none;background:transparent;color:white;border:1px solid #5b5e63;border-radius:7px;padding:7px 12px;cursor:pointer}.hero{color:var(--txt);background:radial-gradient(circle at 80% 40%,#503b21 0%,transparent 35%),linear-gradient(115deg,#080a0e 15%,#15171b 75%,#0b0c0f);position:relative;overflow:hidden}.hero:after{content:'';position:absolute;right:-100px;bottom:-210px;width:560px;height:560px;border:1px solid #d4af3742;border-radius:50%;box-shadow:0 0 0 70px #d4af3708,0 0 0 150px #d4af3706;pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:610px;gap:40px;padding:55px 0}.eyebrow{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;margin:0 0 17px}.hero h1{font-size:clamp(38px,5.5vw,75px);line-height:1.035;letter-spacing:-.05em;margin:0 0 20px;font-weight:950}.hero h1 em{font-style:normal;color:var(--gold)}.hero p.desc{font-size:18px;color:#c6c7cd;max-width:570px;margin:0 0 27px}.actions{display:flex;gap:13px;flex-wrap:wrap}.hero-points{display:flex;gap:27px;flex-wrap:wrap;margin-top:40px;color:#d4d4d4;font-size:12px;font-weight:700}.hero-points span:before{content:'✓';color:var(--gold);margin-right:7px}.hero-showcase{border-radius:24px;border:1px solid #6c552d;background:linear-gradient(155deg,#3b2c18,#191a1a 60%,#111215);min-height:410px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 24px 90px #0007;position:relative;overflow:hidden}.hero-showcase.has-photo{background-size:cover;background-position:center}.hero-showcase.has-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#08090bef,transparent 75%)}.hero-showcase>*{position:relative;z-index:1}.laser-art{position:absolute!important;z-index:0!important;left:12%;top:12%;width:76%;height:51%;border:2px solid #cca348;border-radius:14px;transform:perspective(380px) rotateX(16deg) rotateY(-13deg);box-shadow:0 0 34px #d4af375c,inset 0 0 38px #c88c2b58}.laser-art:after{content:'D';font-weight:950;font-size:125px;color:#ffd98a;display:grid;place-items:center;height:100%;text-shadow:0 0 35px #c99443}.hero-showcase.has-photo .laser-art{display:none}.showcase-kicker{font-size:10px;color:var(--gold);font-weight:850;letter-spacing:.16em}.hero-showcase strong{font-size:26px;line-height:1.2}.showcase-desc{font-size:13px;color:#ddd;margin:5px 0 0}.benefits{background:#fff;border-bottom:1px solid #ede7dd}.benefits .wrap{display:flex;justify-content:space-between;gap:16px;padding:21px 0}.benefit{font-size:12px;font-weight:800;color:#2b2c2e;display:flex;align-items:center;gap:9px}.benefit b{color:#a27b19;font-size:20px}.section{padding:82px 0}.heading{text-align:center;max-width:760px;margin:0 auto 34px}.overline{color:#a17d25;font-size:12px;letter-spacing:.18em;font-weight:900;text-transform:uppercase}.heading h2,.side-text h2{font-size:clamp(28px,3.3vw,43px);line-height:1.15;letter-spacing:-.035em;margin:8px 0 13px;color:#181a1e}.heading p{color:#646971;margin:0}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.cat-card{min-height:205px;background:#181b20;color:white;border-radius:15px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;border:1px solid #34383e}.cat-card:before{content:'';background:radial-gradient(circle at 80% 0,#d4af3750,transparent 60%);position:absolute;inset:0}.cat-icon{font-size:32px;position:absolute;top:25px;left:25px}.cat-card h3{font-size:19px;position:relative;z-index:1;margin:0}.cat-card span.linktext{color:var(--gold);font-size:12px;font-weight:850;position:relative;z-index:1}.cat-card:hover{transform:translateY(-5px);border-color:var(--gold)}.products-bg{background:#f0eee8}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.prod{background:white;border:1px solid #e5e2dc;border-radius:13px;overflow:hidden}.prod .img{aspect-ratio:1/1;background:linear-gradient(135deg,#efe3c7,#d5cec0);display:grid;place-items:center;color:#8a6a21;font-size:72px;overflow:hidden}.prod .img img{width:100%;height:100%;object-fit:cover}.prod .details{padding:15px 15px 19px}.prod h3{font-size:15px;line-height:1.3;margin:0 0 8px;color:#212329}.prod .price{color:#99751e;font-weight:850;font-size:15px}.prod .small-action{display:block;margin-top:13px;color:#111;font-size:12px;font-weight:900}.empty-products{grid-column:1/-1;background:#fff;border:1px dashed #bca15c;border-radius:14px;padding:32px;text-align:center}.feature{display:grid;grid-template-columns:1fr 1fr;background:#121417;color:white;border-radius:20px;overflow:hidden}.feature-art{min-height:360px;background:linear-gradient(135deg,#2c2417,#a27e40 85%);display:grid;place-items:center;font-size:120px;position:relative;background-size:cover;background-position:center}.feature-art:not(.has-photo):after{content:'MUEBLES A MEDIDA';position:absolute;bottom:22px;left:25px;font-size:12px;color:#fff;font-weight:900;letter-spacing:.18em}.side-text{padding:60px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.side-text h2{color:white}.side-text p{color:#c0c0c4}.side-text ul{list-style:none;padding:0;margin:0 0 25px}.side-text li:before{content:'✓';color:var(--gold);margin-right:10px}.contact{background:#101216;color:white}.contact .heading h2{color:white}.contact .heading p{color:#b7b9c0}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contact-card{padding:25px;border:1px solid #333a41;border-radius:12px;background:#181b21}.contact-card h3{margin:0 0 7px;color:var(--gold)}.contact-card p{margin:0;color:#ddd;overflow-wrap:anywhere}.footer{background:#090a0d;color:#acafb6;padding:26px 0;font-size:12px}.footer .wrap{display:flex;justify-content:space-between;gap:20px}.floating-wa{position:fixed;bottom:22px;right:22px;background:#20bf69;color:white;padding:14px 18px;box-shadow:0 8px 25px #0005;border-radius:100px;z-index:40;font-weight:850;font-size:13px}.page-body{padding:70px 0;min-height:50vh}.page-body h1{font-size:42px;line-height:1.15}.page-body .entry{max-width:950px}.woocommerce ul.products li.product{background:white;border:1px solid #ddd;border-radius:12px;padding:12px!important}.woocommerce div.product .product_title{font-weight:900}.woocommerce a.button,.woocommerce button.button,.woocommerce button.button.alt,.woocommerce a.button.alt{background:var(--gold);color:#151515;border-radius:7px}.woocommerce a.button:hover,.woocommerce button.button:hover{background:#efc95e;color:#151515}.woocommerce .woocommerce-breadcrumb{margin-bottom:20px}@media(max-width:900px){.header-inner{min-height:72px}.mobile-menu{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px;background:#111;flex-direction:column;align-items:stretch;border-bottom:1px solid #444}.nav.open{display:flex}.hero-grid{grid-template-columns:1fr;gap:20px;padding:50px 0}.hero-showcase{min-height:340px}.benefits .wrap{flex-wrap:wrap;justify-content:center}.categories{grid-template-columns:repeat(2,1fr)}.products{grid-template-columns:repeat(2,1fr)}.feature{grid-template-columns:1fr}.side-text{padding:36px}.contact-grid{grid-template-columns:1fr}.footer .wrap{flex-wrap:wrap}}@media(max-width:550px){.brandname{font-size:16px}.brandmark{width:40px;height:40px;font-size:21px}.header-cta{display:none}.hero h1{font-size:41px}.hero p.desc{font-size:16px}.hero-points{gap:12px}.hero-showcase{min-height:280px}.section{padding:58px 0}.categories{grid-template-columns:1fr 1fr;gap:10px}.cat-card{min-height:170px;padding:15px}.cat-icon{top:10px;left:15px;font-size:25px}.cat-card h3{font-size:15px}.products{gap:10px}.prod .details{padding:12px}.prod .img{font-size:42px}.footer .wrap{display:block}}

/* CREACIONES DERECK: redes sociales editables */
.cd-socials{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.cd-social-icon{width:43px;height:43px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;border:1px solid #d4af3755;background:#1b1d22;color:#fff;transition:transform .18s,border-color .18s,box-shadow .18s}
.cd-social-icon:hover,.cd-social-icon:focus-visible{transform:translateY(-3px);border-color:#d4af37;box-shadow:0 7px 20px #d4af3733}
.cd-social-whatsapp{background:#168f51}.cd-social-facebook{background:#1765c8}.cd-social-instagram{background:linear-gradient(35deg,#ed9b33,#e32f76,#8435bb)}.cd-social-tiktok{background:#101113}
.cd-social-icon svg{display:block}.cd-socials-header{gap:7px}.cd-socials-header .cd-social-icon{width:34px;height:34px}.cd-socials-header .cd-social-icon svg{width:19px;height:19px}
.cd-footer-social{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cd-footer-social strong{color:#d4af37;font-size:11px;letter-spacing:.07em}.cd-footer-social .cd-social-icon{width:36px;height:36px}
.cd-contact-social{margin:32px auto 0;text-align:center;border:1px solid #5c4822;background:#17191f;padding:25px 15px;border-radius:16px;max-width:770px}.cd-contact-social h3{margin:0;color:#d4af37;font-size:24px}.cd-contact-social p{margin:8px auto 19px;color:#d1d1d1}.cd-contact-social .cd-social-icon{width:57px;height:57px}.cd-contact-social .cd-social-icon svg{width:28px;height:28px}
@media(max-width:1050px){.cd-socials-header{display:none}}
@media(max-width:550px){.cd-footer-social{justify-content:center;margin-bottom:15px}.cd-contact-social .cd-social-icon{width:52px;height:52px}}

/* V4: menú legible y consistente */
.nav a{display:inline-flex;align-items:center;min-height:40px}.nav a:first-child{color:var(--gold)}@media(max-width:900px){.nav a{padding:10px 14px;width:100%;border-bottom:1px solid #353535}.nav{max-height:calc(100dvh - 110px);overflow-y:auto}.cd-socials-header{display:none}}