*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f3ed;color:#171717;font-family:Arial,Helvetica,sans-serif}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#111;color:#fff;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;letter-spacing:.08em;font-size:12px}.brand b{display:block;font-family:Georgia,serif;font-size:17px}.mark{width:38px;height:38px;border:1px solid #c9aa72;border-radius:50%;display:grid;place-items:center;font:italic 24px Georgia;color:#c9aa72}nav{display:flex;gap:5px}nav button,.cart{border:0;background:transparent;color:#ddd;padding:12px;cursor:pointer}.cart{border:1px solid #666;border-radius:99px}.cart span{background:#c9aa72;color:#111;border-radius:99px;padding:3px 7px}.hero{min-height:650px;background:#111;color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:4vw 7vw;gap:5vw}.hero small,.catalog small{color:#b6945f;letter-spacing:.22em}.hero h1{font:64px/1 Georgia,serif;margin:18px 0}.hero em{color:#c9aa72;font-weight:normal}.hero p{color:#aaa;max-width:510px;line-height:1.7}.cta{display:inline-block;margin-top:20px;padding:15px 24px;background:#c9aa72;color:#111;text-decoration:none;font-weight:bold}.heroPic{height:540px;background-size:cover;background-position:center top;border-radius:2px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:24px;background:#e8e0d3;color:#5d5143;font-size:13px}.catalog{padding:80px 6vw}.title{display:flex;align-items:end;justify-content:space-between;gap:20px}.title h2{font:44px Georgia,serif;margin:8px 0}.title input{width:280px;padding:14px 16px;border:1px solid #ccc;background:#fff}.chips{display:flex;gap:8px;margin:28px 0;flex-wrap:wrap}.chips button{padding:10px 17px;border:1px solid #ccc;background:transparent;border-radius:99px;cursor:pointer}.chips .active{background:#111;color:#fff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:#fff;cursor:pointer;position:relative}.card .photo{height:390px;background:#eee center top/cover no-repeat}.card .info{padding:18px}.card .cat{font-size:10px;letter-spacing:.15em;color:#8c704a}.card h3{font:21px Georgia,serif;margin:8px 0}.card p{font-size:12px;color:#777}.add{width:100%;padding:13px;border:0;background:#111;color:#fff;cursor:pointer}.overlay{position:fixed;inset:0;background:#000a;z-index:50;display:grid;place-items:center;padding:25px}.hidden{display:none}.modal{background:#fff;width:min(900px,96vw);max-height:92vh;overflow:auto;position:relative}.x{position:absolute;right:12px;top:10px;border:0;background:#fff;font-size:30px;z-index:2}.detail{display:grid;grid-template-columns:1.2fr 1fr}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;background:#eee}.gallery img{width:100%;height:520px;object-fit:cover;object-position:top}.detailText{padding:45px}.detailText h2{font:38px Georgia,serif}.detailText label{display:block;margin:20px 0 8px;font-size:12px}.detailText select{width:100%;padding:12px}.detailText button{margin-top:24px;width:100%;padding:15px;background:#111;color:#fff;border:0}.drawer{position:fixed;right:-430px;top:0;width:min(430px,92vw);height:100vh;background:#fff;z-index:70;transition:.3s;display:flex;flex-direction:column}.drawer.open{right:0}.shade{display:none;position:fixed;inset:0;background:#0008;z-index:60}.shade.open{display:block}.drawerHead{display:flex;justify-content:space-between;padding:24px;border-bottom:1px solid #ddd}.drawerHead button{border:0;background:none;font-size:25px}.drawer #cartItems{padding:20px;overflow:auto;flex:1}.ci{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #eee}.ci img{width:70px;height:90px;object-fit:cover}.ci button{border:0;background:none;color:#8a6c45}.drawerFoot{padding:20px;border-top:1px solid #ddd}.drawerFoot p{font-size:12px;color:#777}.drawerFoot button{width:100%;padding:15px;background:#1f9d55;color:#fff;border:0;font-weight:bold}footer{background:#0d0d0d;color:#aaa;padding:50px 6vw;display:flex;justify-content:space-between;align-items:center} @media(max-width:900px){nav{display:none}.hero{grid-template-columns:1fr;padding:55px 6vw}.hero h1{font-size:48px}.heroPic{height:470px}.grid{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr}.gallery img{height:420px}.benefits{grid-template-columns:1fr;gap:10px}.title{align-items:stretch;flex-direction:column}.title input{width:100%}}@media(max-width:560px){header{height:68px}.hero{min-height:auto}.hero h1{font-size:42px}.heroPic{height:410px}.catalog{padding:55px 16px}.grid{grid-template-columns:1fr 1fr;gap:10px}.card .photo{height:255px}.card .info{padding:12px}.card h3{font-size:17px}.gallery{grid-template-columns:1fr}.gallery img{height:auto}.detailText{padding:28px}.title h2{font-size:36px}footer{flex-direction:column;gap:20px;text-align:center}}
.brandLogo{display:block;width:150px;height:54px;overflow:hidden}.brandLogo img{width:100%;height:100%;object-fit:contain;display:block}header .brandLogo{width:145px;height:54px}footer .brandLogo{width:190px;height:80px}@media(max-width:560px){header .brandLogo{width:120px;height:46px}}
/* Correcciones ModaConnect */
.headActions{display:flex;align-items:center;gap:8px}.adminBtn{border:1px solid #c9aa72;background:transparent;color:#c9aa72;padding:11px 15px;border-radius:99px;cursor:pointer}.stock{font-size:12px;font-weight:bold;color:#317a48;margin-top:8px}.stock.out,.red{color:#b73535}.price{font:700 18px Georgia,serif;margin-top:6px}.add:disabled,.detailText button:disabled{background:#999;cursor:not-allowed}.accessoryPhoto{background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}.gallery.accessoryGallery{display:block;background:#f4f4f4}.gallery.accessoryGallery img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;object-position:center;margin:auto}.detailPrice{font-size:18px}.adminModal{width:min(1050px,96vw)}.adminWrap{padding:45px}.adminTop{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #ddd;padding-bottom:20px}.adminTop h2{font:34px Georgia,serif;margin:5px 0}.adminTop p{color:#777;margin:0}.primary{background:#111!important;color:#fff!important;border:0!important;padding:13px 18px!important;cursor:pointer}.adminList{margin-top:22px}.adminRow{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.adminRow img{width:72px;height:86px;object-fit:contain;background:#f2f2f2}.adminInfo{display:flex;flex-direction:column;gap:4px}.adminInfo span{font-size:12px;color:#777}.adminActions{display:flex;gap:7px}.adminActions button,.formButtons button{padding:9px 13px;border:1px solid #ccc;background:#fff;cursor:pointer}.adminActions .danger{color:#b73535}.productForm{margin:22px 0;padding:22px;background:#f6f3ed;border:1px solid #ddd}.productForm.hidden{display:none}.productForm h3{font:26px Georgia,serif;margin-top:0}.formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.formGrid label{font-size:12px;font-weight:bold}.formGrid input,.formGrid select,.formGrid textarea{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #ccc;background:#fff}.formGrid textarea{min-height:90px;resize:vertical}.formGrid .wide{grid-column:1/-1}.formGrid small{display:block;color:#777;margin-top:5px}.previewImgs{display:flex;gap:8px;overflow:auto;margin:15px 0}.previewImgs img{height:100px;width:80px;object-fit:contain;background:#fff}.formButtons{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:700px){.adminBtn{font-size:0;padding:10px}.adminBtn:after{content:'⚙';font-size:18px}.adminWrap{padding:28px 16px}.adminTop{align-items:flex-start;flex-direction:column}.adminRow{grid-template-columns:58px 1fr}.adminRow img{width:58px;height:72px}.adminActions{grid-column:2}.formGrid{grid-template-columns:1fr}.formGrid .wide{grid-column:auto}}
/* Guía informativa en inicio */
.styleGuide{padding:72px 6vw;background:#efe9df}.styleGuideHead{text-align:center;max-width:760px;margin:0 auto 32px}.styleGuideHead small{color:#8c704a;letter-spacing:.22em}.styleGuideHead h2{font:42px Georgia,serif;margin:10px 0}.styleGuideHead p{color:#6e665c;line-height:1.6}.styleGuideGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1180px;margin:auto}.styleInfoCard{padding:0;border:0;background:#111;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 12px 35px #0002}.styleInfoCard img{display:block;width:100%;height:650px;object-fit:contain;background:#171513}.styleInfoCard span{display:block;padding:14px 18px;color:#e4c99b;letter-spacing:.08em;font-size:12px}.infoModal{width:min(900px,96vw);background:#111;padding:0;overflow:auto}.infoModal .x{position:fixed;right:max(3vw,18px);top:18px;background:#fff;border-radius:50%;width:42px;height:42px;line-height:36px}.infoModal img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:auto}
@media(max-width:900px){.styleGuideGrid{grid-template-columns:1fr}.styleInfoCard img{height:auto;max-height:none}.styleGuideHead h2{font-size:36px}}
@media(max-width:560px){.styleGuide{padding:50px 16px}.styleGuideHead h2{font-size:31px}.styleGuideGrid{gap:18px}.styleInfoCard span{padding:12px}}

/* Portada Bonny's Collection */
.heroCover{min-height:680px;display:flex;align-items:center;position:relative;background-image:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.52) 34%,rgba(0,0,0,.08) 64%,rgba(0,0,0,0) 100%),url("images/portada-bonnys.jpg");background-size:cover;background-position:center center;padding:5vw 7vw}
.heroCover .heroContent{position:relative;z-index:2;max-width:540px}.heroCover .heroContent p{color:#e3e3e3;text-shadow:0 1px 2px #000}.heroCover .heroContent h1{text-shadow:0 2px 12px #000}
@media(max-width:900px){.heroCover{min-height:620px;background-position:58% center;padding:55px 6vw}.heroCover .heroContent{max-width:470px}}
@media(max-width:560px){.heroCover{min-height:560px;background-position:62% center}.heroCover:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.18)}.heroCover .heroContent{max-width:330px}}
/* Portada final aprobada: mostrar composición completa */
.heroCover{min-height:0;aspect-ratio:3/2;background-image:url("images/portada-bonnys.jpg");background-size:100% 100%;background-repeat:no-repeat;background-position:center;padding:0;display:block}
.heroCover .heroContent{display:none}
@media(max-width:900px){.heroCover{min-height:0;aspect-ratio:3/2;background-position:center;padding:0}}
@media(max-width:560px){.heroCover{min-height:0;aspect-ratio:3/2;background-position:center;background-size:100% 100%}.heroCover:before{display:none}}

/* Portada final aprobada: una sola navegación real; la imagen no contiene cintas de menú. */
.heroCover{position:relative}
.heroCatalogLink{position:absolute;z-index:5;left:4.2%;top:68%;width:13.5%;height:7%;display:block}
@media(max-width:560px){.heroCatalogLink{left:0;top:0;width:100%;height:100%}}