/*
Theme Name: Grado — Portada Rebelde
Description: Portada personalizada con banner, productos WooCommerce y guías. El tema Grado original se conserva sin cambios.
Template: grado
Version: 1.0.0
Requires PHP: 7.4
Text Domain: grado-portada
*/
@import url('../grado/style.css');

body.home .ticker{display:none}
body.home .top{background:#14171b;color:#fff;border:0}
body.home.admin-bar .top{top:32px}
body.home .top .wrap{height:86px}
body.home .top .logo img{max-height:60px}
body.home .site-footer{margin-top:0}
.rebel-banner{display:block;background:#14171b;text-decoration:none;position:relative}
.rebel-banner img{display:block;width:100%;height:auto;max-width:1600px;margin:0 auto}
.rebel-intro{text-align:center;padding:34px 20px 30px}
.rebel-intro p{margin:0;font-size:clamp(16px,1.8vw,22px);font-weight:500}
.rebel-intro p+p{font-size:16px;color:var(--muted);font-weight:400;margin-top:7px}
.rebel-section{padding:0 0 50px}
.rebel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rebel-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;padding:20px;display:flex;flex-direction:column;min-width:0}
.rebel-card h3{font-family:var(--display);font-size:21px;line-height:1.2;letter-spacing:-.025em;margin:17px 0 10px;font-weight:600}
.rebel-card h3 a{text-decoration:none}
.rebel-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 20px}
.rebel-product-photo{height:245px;background:#fff;display:grid;place-items:center;overflow:hidden;border-radius:14px}
.rebel-product-photo img{height:100%;width:100%;object-fit:contain}
.rebel-product-price{margin-top:auto;padding:12px 0 20px;font-family:var(--display);font-size:23px;font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.rebel-product-price small{font-size:14px;font-weight:600;letter-spacing:0}
.rebel-product-price del{font-size:15px;color:var(--muted)}
.rebel-product-price ins{text-decoration:none}
.rebel-card .rebel-add{display:block;background:#fff;color:var(--ink);border:1px solid var(--ink);border-radius:999px;padding:12px 15px;text-align:center;font:600 14px var(--body);text-decoration:underline;line-height:1.3;transition:background .16s,color .16s,border-color .16s;cursor:pointer}
.rebel-card .rebel-add:hover{background:#fff;color:var(--ink);transform:none;border-color:var(--ink)}
.rebel-card .rebel-add:active,.rebel-card .rebel-add.loading,.rebel-card .rebel-add.added{background:#f64b32;color:#fff;border-color:#f64b32;text-decoration:none}
.rebel-card .added_to_cart{font-size:13px;text-align:center;margin-top:10px}
.rebel-placeholder{height:245px;background:#f1f2f4;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#929aa4}
.rebel-placeholder strong{font:400 52px var(--display);letter-spacing:-3px}
.rebel-placeholder span{font:10px var(--mono);letter-spacing:.1em}
.rebel-soon{margin-top:auto;font:12px var(--mono);color:var(--muted);padding:15px 0}
.rebel-head{margin:10px 0 26px}
.rebel-kicker{font:11px var(--mono);letter-spacing:.13em;color:#d83d27;text-transform:uppercase;display:block}
.rebel-head h2{margin:10px 0 0;font-size:clamp(28px,3.5vw,40px)}
.rebel-blog-image{aspect-ratio:16/9;border-radius:14px;overflow:hidden;position:relative;background:#14171b;display:block}
.rebel-blog-image>img{width:100%;height:100%;object-fit:cover;display:block}
.rebel-blog-image.rebel-diptych>img{position:absolute;width:200%;max-width:none;height:100%;object-fit:cover;left:0;top:0}
.rebel-blog-image.rebel-diptych.static>img{left:-100%}
.rebel-blog-card .rebel-kicker{margin-top:19px;font-size:10px}
.rebel-blog-card h3{margin-top:9px}
.rebel-meta{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px;font:11px var(--mono);color:var(--muted)}
.rebel-meta a{text-decoration:none}
.rebel-blog-bottom{text-align:center;margin:30px 0 0}
.rebel-blog-button{display:inline-flex;align-items:center;gap:24px;background:#14171b;color:#fff;border-radius:999px;padding:9px 10px 9px 25px;font:600 15px var(--body);text-decoration:none;box-shadow:0 8px 22px #14171b12}
.rebel-blog-button span{background:#f64b32;display:grid;place-items:center;width:45px;height:45px;border-radius:50%;font-size:26px;transition:transform .2s}
.rebel-blog-button:hover span{transform:rotate(45deg)}
@media(max-width:900px){.rebel-product-photo,.rebel-placeholder{height:200px}.rebel-card{padding:16px}.rebel-card h3{font-size:19px}}
@media(max-width:650px){.rebel-grid{grid-template-columns:1fr}.rebel-product-photo,.rebel-placeholder{height:260px}.rebel-card{padding:22px}.rebel-section{padding-bottom:35px}.rebel-intro p+p{font-size:14px}.rebel-blog-button{font-size:13px;gap:14px;padding-left:18px}.rebel-banner img{min-height:0}.rebel-product-price{padding-top:8px}body.home.admin-bar .top{top:46px}}
@media(prefers-reduced-motion:reduce){.rebel-blog-button span,.rebel-add{transition:none!important}}
body.home .top .icon-btn{color:#14171b}