/*
Theme Name: Quiet Rebels Completo
Theme URI: https://quietrebels.com
Author: Quiet Rebels
Description: Tema starter para Quiet Rebels. Crea automáticamente páginas base, menú, home tipo mockup, diario, sostenibilidad, contacto, tienda inicial y estilos de marca.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: quiet-rebels
*/

:root{
  --qr-cream:#F7F1E8;
  --qr-cream-2:#FFF9EF;
  --qr-navy:#06284A;
  --qr-blue:#1657B8;
  --qr-clay:#D84A2B;
  --qr-mustard:#D8B51F;
  --qr-olive:#A6AA7D;
  --qr-ink:#171717;
  --qr-muted:#6c675f;
  --qr-line:rgba(6,40,74,.14);
  --qr-white:#fff;
  --qr-radius:0;
  --qr-max:1240px;
  --qr-space:clamp(28px,5vw,72px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--qr-cream);
  color:var(--qr-ink);
  font-family:Inter, Manrope, Arial, sans-serif;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:4px}
img{max-width:100%;height:auto;display:block}
button,input,textarea,select{font:inherit}

.qr-container{width:min(var(--qr-max),calc(100% - 40px));margin-inline:auto}
.qr-topbar{background:var(--qr-navy);color:#fff;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.qr-topbar .qr-container{display:flex;justify-content:space-between;gap:16px;padding:8px 0;align-items:center}
.qr-topbar-right{display:flex;gap:20px;align-items:center}

.qr-header{background:rgba(247,241,232,.94);border-bottom:1px solid var(--qr-line);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}
.admin-bar .qr-header{top:32px}
.qr-header-inner{display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:24px;padding:22px 0}
.qr-logo{font-family:Arial Black, Impact, sans-serif;color:var(--qr-navy);font-size:34px;line-height:.84;letter-spacing:-.05em;text-transform:uppercase;display:inline-block}
.qr-logo span{display:block}
.qr-nav{display:flex;justify-content:center;gap:34px;align-items:center;font-size:13px;text-transform:uppercase;letter-spacing:.13em;font-weight:800}
.qr-nav ul{display:flex;gap:34px;list-style:none;margin:0;padding:0;align-items:center;justify-content:center;flex-wrap:wrap}
.qr-actions{display:flex;gap:18px;align-items:center;font-size:22px;color:var(--qr-navy)}
.qr-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;position:relative}
.qr-cart-count{position:absolute;right:-9px;top:-9px;width:18px;height:18px;border-radius:99px;background:#000;color:#fff;font-size:10px;display:grid;place-items:center;font-weight:800}

.qr-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--qr-line)}
.qr-hero-inner{min-height:620px;display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center;padding:62px 0 46px;position:relative;z-index:2}
.qr-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.15em;font-weight:900;color:var(--qr-clay);margin:0 0 16px}
.qr-title{font-family:Arial Black, Impact, sans-serif;font-size:clamp(58px,9vw,116px);line-height:.82;letter-spacing:-.075em;color:var(--qr-navy);margin:0 0 22px;text-transform:uppercase;text-wrap:balance}
.qr-handline{display:block;width:min(460px,80%);height:4px;background:var(--qr-navy);margin:16px 0 22px;transform:rotate(-1.2deg)}
.qr-subtitle{font-family:Georgia,serif;font-size:clamp(21px,2.4vw,31px);line-height:1.15;color:var(--qr-navy);margin:0 0 30px}.qr-subtitle em{font-style:italic}
.qr-buttons{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.qr-btn{display:inline-flex;align-items:center;gap:12px;border:2px solid var(--qr-navy);padding:15px 28px;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:900;background:var(--qr-navy);color:#fff;min-height:52px}.qr-btn:hover{text-decoration:none;transform:translateY(-1px)}
.qr-btn.secondary{background:transparent;color:var(--qr-navy);border-color:transparent;border-bottom:2px solid var(--qr-navy);padding-inline:0}.qr-btn.light{background:#fff;color:var(--qr-navy);border-color:#fff}
.qr-hero-art{position:relative;min-height:520px;display:grid;align-items:end}
.qr-hero-models{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end}
.qr-model-card{background:#fbf5ec;border:1px solid var(--qr-line);min-height:420px;display:flex;align-items:flex-end;justify-content:center;padding:22px;position:relative;overflow:hidden}.qr-model-card:before{content:"";position:absolute;inset:24px 24px auto auto;width:68px;height:68px;border-radius:999px;background:var(--qr-clay)}
.qr-model-card:nth-child(2):before{background:var(--qr-mustard);left:30px;right:auto}.qr-model{width:100%;max-width:280px;aspect-ratio:3/4;background:linear-gradient(180deg,#fff 0 45%,#efe4d4 45% 100%);border-radius:120px 120px 8px 8px;display:grid;place-items:center;color:var(--qr-navy);font-weight:900;text-transform:uppercase;text-align:center;letter-spacing:.06em;padding:28px;border:1px dashed rgba(6,40,74,.24)}
.qr-model small{display:block;font-family:Georgia,serif;font-style:italic;font-weight:500;text-transform:none;letter-spacing:0;margin-top:10px;color:var(--qr-muted)}
.qr-blob{position:absolute;border-radius:44% 56% 61% 39% / 45% 39% 61% 55%;z-index:1;opacity:1}.qr-blob.blue{background:var(--qr-blue);width:280px;height:420px;right:-70px;bottom:4px}.qr-blob.mustard{background:var(--qr-mustard);width:250px;height:310px;right:120px;top:10px}.qr-blob.clay{background:var(--qr-clay);width:310px;height:240px;left:-150px;bottom:30px}.qr-doodle{position:absolute;color:var(--qr-navy);font-size:42px;font-weight:900;z-index:4}.qr-doodle.eye{left:30px;top:80px}.qr-doodle.birds{left:38%;top:70px}.qr-doodle.wave{right:30px;bottom:85px;color:#fff}

.qr-category-strip{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr .55fr;border-bottom:1px solid var(--qr-line);border-top:1px solid var(--qr-line)}
.qr-cat{min-height:164px;padding:34px 36px;border-right:1px solid var(--qr-line);background:#f9f1e7;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.qr-cat:nth-child(1){background:#c6c4a8}.qr-cat:nth-child(5){background:var(--qr-blue);color:#fff}.qr-cat h3{margin:0 0 16px;font-size:25px;line-height:1.05;text-transform:uppercase;letter-spacing:.08em}.qr-cat p{margin:0;color:var(--qr-muted);font-size:13px}.qr-cat a{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.qr-cat-ill{position:absolute;right:10px;bottom:-20px;width:150px;opacity:.9}.qr-cat:nth-child(5) .qr-cat-ill{filter:brightness(0) invert(1);opacity:.9}

.qr-benefits{background:var(--qr-cream-2);border-bottom:1px solid var(--qr-line)}
.qr-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.qr-benefit{display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:start;padding:34px 30px;border-right:1px solid var(--qr-line)}.qr-benefit:last-child{border-right:0}.qr-benefit svg{width:48px;height:48px;stroke:var(--qr-navy);stroke-width:1.8;fill:none}.qr-benefit h3{margin:0 0 6px;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.qr-benefit p{margin:0;color:var(--qr-muted);font-size:13px;line-height:1.45}

.qr-section{padding:var(--qr-space) 0;border-bottom:1px solid var(--qr-line)}
.qr-section-header{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}.qr-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--qr-clay);margin:0 0 8px}.qr-h2{font-family:Arial Black,Impact,sans-serif;color:var(--qr-navy);text-transform:uppercase;letter-spacing:-.055em;font-size:clamp(36px,5vw,68px);line-height:.88;margin:0}.qr-lead{font-family:Georgia,serif;color:var(--qr-navy);font-size:clamp(20px,2.4vw,30px);line-height:1.2;max-width:820px;margin:18px 0 0}
.qr-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.qr-product-card{background:#fff7ed;border:1px solid var(--qr-line);position:relative;overflow:hidden}.qr-product-media{aspect-ratio:1/1.12;display:grid;place-items:center;background:#f0e5d5;padding:28px}.qr-product-media img{width:82%;height:82%;object-fit:contain}.qr-product-body{padding:18px 18px 22px}.qr-product-title{margin:0 0 6px;font-weight:900;color:var(--qr-navy);font-size:18px}.qr-price{margin:0;color:var(--qr-muted);font-size:14px}.qr-pill{position:absolute;top:14px;left:14px;background:var(--qr-navy);color:#fff;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;padding:8px 10px}

.qr-story{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.qr-story-card{background:var(--qr-navy);color:#fff;padding:clamp(32px,5vw,64px);min-height:390px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.qr-story-card:after{content:"";position:absolute;right:-60px;bottom:-80px;width:240px;height:300px;background:var(--qr-blue);border-radius:50% 44% 55% 45%;opacity:.7}.qr-story-card h2{font-family:Arial Black,Impact,sans-serif;font-size:clamp(38px,5vw,72px);line-height:.88;letter-spacing:-.06em;text-transform:uppercase;margin:0 0 20px;position:relative;z-index:2}.qr-story-card p{font-family:Georgia,serif;font-size:22px;line-height:1.3;max-width:560px;position:relative;z-index:2}.qr-story-visual{background:#fff7ed;border:1px solid var(--qr-line);display:grid;place-items:center;min-height:390px;padding:30px}.qr-story-visual img{max-width:380px;width:80%}

.qr-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.qr-blog-card{background:#fff7ed;border:1px solid var(--qr-line);padding:28px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.qr-blog-card h3{font-size:25px;line-height:1.1;margin:0 0 16px;color:var(--qr-navy);letter-spacing:-.025em}.qr-blog-card p{color:var(--qr-muted);margin:0 0 18px}.qr-link{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:900;color:var(--qr-navy)}

.qr-newsletter{background:var(--qr-clay);color:#fff}.qr-newsletter-inner{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.qr-newsletter h2{font-family:Arial Black,Impact,sans-serif;font-size:clamp(40px,6vw,78px);line-height:.88;letter-spacing:-.06em;text-transform:uppercase;margin:0}.qr-newsletter p{font-family:Georgia,serif;font-size:23px;line-height:1.25}.qr-form{display:flex;gap:10px}.qr-form input{flex:1;min-height:56px;border:2px solid #fff;background:#fff;color:var(--qr-ink);padding:0 18px}.qr-form button{min-height:56px;border:2px solid var(--qr-navy);background:var(--qr-navy);color:#fff;text-transform:uppercase;letter-spacing:.12em;font-weight:900;padding:0 24px;cursor:pointer}

.qr-footer{background:var(--qr-navy);color:#fff;padding:52px 0 26px}.qr-footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:30px}.qr-footer h3,.qr-footer h4{margin:0 0 18px;text-transform:uppercase;letter-spacing:.12em}.qr-footer .qr-logo{color:#fff;margin-bottom:18px}.qr-footer p{color:rgba(255,255,255,.75);margin:0;max-width:360px}.qr-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;color:rgba(255,255,255,.78);font-size:14px}.qr-footer-bottom{border-top:1px solid rgba(255,255,255,.18);margin-top:36px;padding-top:18px;color:rgba(255,255,255,.62);font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

.qr-page{padding:var(--qr-space) 0;min-height:55vh}.qr-page-narrow{max-width:880px;margin:0 auto}.qr-page h1{font-family:Arial Black,Impact,sans-serif;color:var(--qr-navy);text-transform:uppercase;letter-spacing:-.06em;font-size:clamp(48px,7vw,92px);line-height:.88;margin:0 0 28px}.qr-page h2{color:var(--qr-navy);font-size:32px;line-height:1.1;margin:38px 0 14px}.qr-page p,.qr-page li{font-size:18px;color:#38342f}.qr-page-card{background:#fff7ed;border:1px solid var(--qr-line);padding:30px;margin:20px 0}.qr-table{width:100%;border-collapse:collapse;background:#fff7ed}.qr-table th,.qr-table td{border:1px solid var(--qr-line);padding:14px;text-align:left}.qr-table th{background:var(--qr-navy);color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.qr-notice{padding:18px 20px;background:#fff7ed;border:1px solid var(--qr-line);color:var(--qr-navy);font-weight:700}

.qr-shop-preview{display:grid;grid-template-columns:260px 1fr;gap:28px}.qr-filters{background:#fff7ed;border:1px solid var(--qr-line);padding:24px;align-self:start}.qr-filters h3{margin-top:0;color:var(--qr-navy);text-transform:uppercase;letter-spacing:.09em}.qr-filter-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.qr-filter-list a{color:var(--qr-muted)}

.qr-post-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.qr-post-card{background:#fff7ed;border:1px solid var(--qr-line);padding:28px}.qr-post-card h2{font-size:28px;line-height:1.08;margin:0 0 12px;color:var(--qr-navy)}.qr-post-card .date{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--qr-clay);font-weight:900;margin-bottom:12px}.qr-post-card .excerpt{color:var(--qr-muted);font-size:16px}.qr-single-meta{color:var(--qr-muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900;margin-bottom:22px}

.woocommerce div.product .product_title{font-family:Arial Black,Impact,sans-serif;color:var(--qr-navy);text-transform:uppercase;letter-spacing:-.04em}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{background:#fff7ed;border:1px solid var(--qr-line);padding:16px}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--qr-navy);color:#fff;border-radius:0;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--qr-blue);color:#fff}

@media (max-width:980px){
  .qr-header-inner{grid-template-columns:1fr auto}.qr-nav{grid-column:1/-1;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.qr-nav ul{justify-content:flex-start;gap:20px;flex-wrap:nowrap}.qr-hero-inner{grid-template-columns:1fr;min-height:auto}.qr-hero-art{min-height:420px}.qr-category-strip{grid-template-columns:1fr 1fr}.qr-cat:nth-child(5){grid-column:1/-1}.qr-benefit-grid,.qr-product-grid,.qr-blog-grid,.qr-post-list{grid-template-columns:1fr 1fr}.qr-story,.qr-newsletter-inner,.qr-shop-preview{grid-template-columns:1fr}.qr-footer-grid{grid-template-columns:1fr 1fr}.qr-footer-grid>div:first-child{grid-column:1/-1}
}
@media (max-width:640px){
  .qr-container{width:min(100% - 28px,var(--qr-max))}.qr-topbar .qr-container{display:block;text-align:center}.qr-topbar-right{justify-content:center;margin-top:4px}.qr-header-inner{padding:16px 0}.qr-logo{font-size:29px}.qr-actions{gap:12px}.qr-title{font-size:58px}.qr-hero-inner{padding-top:36px}.qr-hero-models{gap:12px}.qr-model-card{min-height:300px;padding:12px}.qr-model{font-size:13px;padding:18px}.qr-blob.blue{right:-160px}.qr-blob.mustard{right:30px}.qr-category-strip,.qr-benefit-grid,.qr-product-grid,.qr-blog-grid,.qr-post-list{grid-template-columns:1fr}.qr-benefit{border-right:0;border-bottom:1px solid var(--qr-line)}.qr-section-header{display:block}.qr-footer-grid{grid-template-columns:1fr}.qr-form{display:grid}.qr-page h1{font-size:48px}.qr-cat{min-height:140px;padding:28px 24px}.qr-story-card{min-height:320px}
}