/*
Theme Name: StackEcommerce
Theme URI: https://stackecommerce.com
Author: StackEcommerce
Description: Tema a medida full-width para StackEcommerce. Dirección editorial premium (Fraunces + Inter, esmeralda y oro).
Version: 1.4.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: stackecommerce
*/

:root{
	--paper:#fbfbf9; --emerald:#0b5b45; --emerald-d:#073a2d; --gold:#9a6c16; --gold-fill:#e8b84b;
	--ink:#0f1512; --ink-soft:#3b453e; --on-emerald:#eef5f0; --on-emerald-soft:#aecabe; --line:#e4e1d7;
	--font-display:"Fraunces",Georgia,serif;
	--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	--maxw:1180px;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{font-family:var(--font-body); color:var(--ink-soft); background:var(--paper); -webkit-font-smoothing:antialiased; line-height:1.65;}
a{color:inherit;}
img{max-width:100%;height:auto;}
.sc-main{display:block;width:100%;}

/* ---------------- Header ---------------- */
.sc-header{position:sticky; top:0; z-index:1000; background:rgba(251,251,249,.86); backdrop-filter:saturate(140%) blur(8px); border-bottom:1px solid var(--line); transition:background .25s ease, box-shadow .25s ease;}
.sc-header.scrolled{background:rgba(251,251,249,.97); box-shadow:0 10px 30px -20px rgba(15,21,18,.4);}
.sc-header-inner{max-width:var(--maxw); margin:0 auto; padding:16px clamp(18px,4vw,36px); display:flex; align-items:center; gap:16px;}
.sc-logo{font-family:var(--font-display); font-weight:500; font-size:1.5rem; letter-spacing:-.01em; color:var(--ink); text-decoration:none; white-space:nowrap; flex:0 0 auto;}
.sc-logo span{color:var(--emerald); font-style:italic;}
.sc-nav{margin-left:auto;}
.sc-menu{list-style:none; display:flex; gap:2px; margin:0; padding:0; flex-wrap:nowrap;}
.sc-menu li{position:relative; white-space:nowrap;}
.sc-menu a{display:block; padding:9px 13px; color:var(--ink-soft); text-decoration:none; font-weight:500; font-size:.94rem; border-radius:6px; transition:color .15s ease, background .15s ease;}
.sc-menu a:hover, .sc-menu .current-menu-item>a{color:var(--emerald); background:rgba(11,91,69,.06);}
.sc-cta{background:var(--emerald); color:#fff; text-decoration:none; font-weight:500; padding:11px 22px; border-radius:6px; font-size:.94rem; white-space:nowrap; transition:transform .2s ease, background .2s ease;}
.sc-cta:hover{transform:translateY(-2px); background:var(--emerald-d);}
.sc-burger{display:none; background:none; border:0; color:var(--ink); font-size:1.7rem; cursor:pointer; line-height:1;}
@media (max-width:920px){
	.sc-nav{position:fixed; inset:64px 0 auto 0; background:var(--paper); border-bottom:1px solid var(--line); box-shadow:0 22px 44px -26px rgba(15,21,18,.45); margin:0; padding:10px 20px 20px; display:none; z-index:999;}
	.sc-nav.open{display:block; animation:sc-slidedown .25s ease;}
	.sc-menu{flex-direction:column; gap:0;}
	.sc-menu a{padding:14px 12px; font-size:1.08rem; border-bottom:1px solid var(--line); border-radius:0;}
	.sc-menu li:last-child a{border-bottom:0;}
	.sc-cta{margin-left:auto;}
	.sc-burger{display:block; order:3;}
}
@keyframes sc-slidedown{from{opacity:0; transform:translateY(-10px);} to{opacity:1; transform:none;}}

/* ---------------- Footer ---------------- */
.sc-footer{background:var(--emerald); color:var(--on-emerald); padding:80px clamp(20px,5vw,44px) 30px;}
.sc-footer-inner{max-width:var(--maxw); margin:0 auto; display:grid; grid-template-columns:1.6fr 1fr 1fr; gap:44px;}
@media (max-width:760px){ .sc-footer-inner{grid-template-columns:1fr;} }
.sc-footer h4{font-size:.82rem; text-transform:uppercase; letter-spacing:.08em; color:var(--on-emerald-soft); margin:0 0 16px; font-weight:500;}
.sc-footer .sc-logo{font-size:1.6rem; display:inline-block; margin-bottom:14px; color:#fff;}
.sc-footer .sc-logo span{color:var(--gold-fill);}
.sc-footer p{color:var(--on-emerald-soft); margin:0 0 12px; max-width:340px;}
.sc-footer ul{list-style:none; margin:0; padding:0;}
.sc-footer ul li{margin-bottom:11px;}
.sc-footer ul a{color:var(--on-emerald); text-decoration:none; opacity:.9;}
.sc-footer ul a:hover{opacity:1; color:var(--gold-fill);}
.sc-footer-cta a{display:inline-block; margin-top:6px; background:var(--gold-fill); color:var(--emerald-d); font-weight:500; padding:11px 22px; border-radius:6px; text-decoration:none;}
.sc-footer-bottom{max-width:var(--maxw); margin:44px auto 0; padding-top:24px; border-top:1px solid rgba(255,255,255,.16); color:var(--on-emerald-soft); font-size:.86rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px;}

body.admin-bar .sc-header{top:32px;}
@media (max-width:782px){ body.admin-bar .sc-header{top:46px;} }