/* Detalle de fotografías: proporciones equilibradas y compra a ancho completo. */
.product-alert{width:min(1180px,92%);margin:18px auto 0;border-left:4px solid #baff18;font-size:11px;line-height:1.5}
.product-crumb{display:flex;align-items:center;gap:9px;margin:0 0 20px;color:#7b8485;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.product-crumb a{color:#303738;transition:color .2s ease}
.product-crumb a:hover{color:#6e9200}
.product-crumb span{color:#b2b8b9}
.product-crumb b{overflow:hidden;color:#6d7577;font-weight:700;text-overflow:ellipsis;white-space:nowrap}

.product-detail{display:block;background:transparent}
.product-overview{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:20px;align-items:stretch}
.product-detail .detail-media{min-width:0;background:transparent}
.product-detail .detail-stage{height:100%;display:flex;flex-direction:column;position:relative;top:auto;border:1px solid #202627;background:#090c0d;box-shadow:0 18px 48px rgba(9,14,15,.14)}
.product-detail .detail-img{min-height:420px;flex:1;aspect-ratio:auto;background:radial-gradient(circle at 50% 42%,#293133 0,#151a1c 46%,#080b0c 100%)}
.product-detail .detail-img>img{object-fit:contain}
.product-detail .detail-img>b{top:15px;left:15px;padding:8px 10px;border-color:rgba(255,255,255,.2);font-size:7px}
.product-detail .detail-photo-meta{left:20px;right:20px;bottom:18px}
.product-detail .detail-photo-meta small{font-size:9px}
.product-detail .detail-photo-meta strong{font-size:clamp(21px,2vw,27px)}
.product-detail .detail-stage-help{display:flex;align-items:center;gap:12px;min-height:60px;margin:0;padding:13px 16px;background:#0d1112;color:#919a9c;font-size:9px}
.product-detail .detail-stage-help>i{width:7px;height:7px;flex:0 0 7px}
.product-detail .detail-stage-help span,.product-detail .detail-stage-help b{display:block}
.product-detail .detail-stage-help b{margin-bottom:3px;color:#dfe4e4;font-size:8px;letter-spacing:.12em}

.product-detail .detail-copy{padding:clamp(28px,3vw,38px);background:#fff;border-top:4px solid #baff18;box-shadow:0 18px 45px rgba(11,17,18,.08)}
.product-summary{display:flex;flex-direction:column}
.product-heading>.eyebrow{display:block;color:#727b7c;font-size:8px}
.product-heading h1,.product-detail .detail-copy h1{max-width:610px;margin:13px 0 18px;font:800 clamp(41px,4vw,51px)/.88 "Barlow Condensed";letter-spacing:-.025em;text-transform:uppercase}
.product-context{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(85px,.65fr) minmax(75px,.6fr);border:1px solid #dfe3e3;background:#f5f7f6}
.product-context>span{padding:12px;border-right:1px solid #dfe3e3}
.product-context>span:last-child{border-right:0}
.product-context small,.product-context b{display:block}
.product-context small{margin-bottom:5px;color:#858e90;font-size:7px;font-weight:800;letter-spacing:.12em}
.product-context b{overflow:hidden;color:#202627;font-size:10px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}

.product-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:15px 0;border-block:1px solid #e2e5e5}
.product-benefits>div{display:flex;align-items:center;gap:8px;padding:13px 8px;border-right:1px solid #e2e5e5}
.product-benefits>div:first-child{padding-left:0}
.product-benefits>div:last-child{padding-right:0;border-right:0}
.product-benefits i{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;background:#111617;color:#baff18;font:800 8px Inter;font-style:normal}
.product-benefits span,.product-benefits b,.product-benefits small{display:block;min-width:0}
.product-benefits b{color:#252b2c;font-size:8px;line-height:1.2;letter-spacing:.02em}
.product-benefits small{margin-top:3px;color:#858e8f;font-size:7px;line-height:1.3}

.purchase-guide{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-top:auto;padding:20px;background:#101516;color:#fff}
.purchase-guide>div>span{display:block;color:#baff18;font-size:7px;font-weight:800;letter-spacing:.14em}
.purchase-guide h2{margin:7px 0 5px;font:800 25px/.95 "Barlow Condensed"}
.purchase-guide p{max-width:330px;margin:0;color:#9ba4a5;font-size:9px;line-height:1.5}
.purchase-guide>a{display:flex;align-items:center;justify-content:center;gap:9px;min-width:105px;padding:12px 10px;border:1px solid #3b4445;color:#fff;font-size:7px;font-weight:800;white-space:nowrap}
.purchase-guide>a b{color:#baff18;font-size:15px}

.product-purchase{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(310px,.62fr);gap:18px;align-items:stretch;margin-top:20px;scroll-margin-top:20px}
.product-purchase>.smart-photo-selection:only-child,.product-purchase>.detail-set-box:only-child{grid-column:1/-1}
.product-detail .smart-photo-selection{height:100%;margin:0!important;padding:25px!important;border:1px solid #222a2b!important;border-top:4px solid #baff18!important;background:linear-gradient(145deg,#0b0f10,#111718)!important;color:#fff}
.product-detail .selection-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.product-detail .selection-header>div>span{color:#baff18;font-size:8px;font-weight:800;letter-spacing:.15em}
.product-detail .selection-header h2{margin:7px 0 0;font:800 31px/.95 "Barlow Condensed";letter-spacing:-.01em}
.product-detail .smart-total{color:#fff;font:800 32px/1 "Barlow Condensed";white-space:nowrap}
.product-detail .available-packs{gap:8px;margin:17px 0 15px}
.product-detail .available-packs>div{min-width:0;padding:11px 10px;border-color:#303839;background:rgba(255,255,255,.025)}
.product-detail .available-packs>div.active{border-color:#baff18;background:#baff18;box-shadow:0 7px 20px rgba(186,255,24,.12)}
.product-detail .smart-status{margin:14px 0 12px;padding:10px 11px;background:#151b1c;border-left:3px solid #323a3b}
.product-detail .smart-status span{color:#c7cdce;font-size:9px}
.product-detail .smart-status span b{color:#baff18;font-size:13px}
.product-detail .smart-status em{padding:6px 8px;font-size:7px;letter-spacing:.08em}
.product-detail .selector-preview-hint{margin:12px 0 9px;font-size:8px}
.product-detail .photo-selector,.product-detail .photo-selector.smart-selector{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-height:350px;padding-right:5px}
.product-detail .photo-selector label{padding:4px;border-color:#2d3536;background:#111617}
.product-detail .photo-selector label>span{height:84px}
.product-detail .photo-selector label>small{margin:5px 2px 0;font-size:7px}
.product-detail .photo-selector label>b{margin:2px 2px 1px;font-size:13px}
.product-detail .smart-help{margin:12px 0 0;color:#9aa3a4;font-size:8px}
.product-detail .smart-photo-selection>button{min-height:45px;margin-top:15px;border:0;background:#baff18;color:#101516;font-size:9px;letter-spacing:.04em;transition:background .2s ease,transform .2s ease}
.product-detail .smart-photo-selection>button:not(:disabled):hover{background:#c9ff47;transform:translateY(-1px)}
.mobile-photo-picker{display:none}

.product-detail .detail-set-box{display:flex!important;flex-direction:column;gap:0!important;height:100%;margin:0;padding:27px!important;border:1px solid #202829;border-top:4px solid #baff18;background:#101516;color:#fff}
.product-detail .detail-set-copy>span{display:block;color:#baff18;font-size:7px;font-weight:800;letter-spacing:.13em}
.product-detail .detail-set-copy h2{margin:10px 0 9px;font:800 33px/.9 "Barlow Condensed"}
.product-detail .detail-set-copy p{margin:0;color:#9ea7a8;font-size:9px;line-height:1.6}
.set-includes{display:grid;gap:10px;margin:22px 0;padding:18px 0;border-block:1px solid #293132}
.set-includes span{display:flex;align-items:center;gap:8px;color:#d2d7d8;font-size:8px}
.set-includes b{display:grid;place-items:center;width:18px;height:18px;background:#baff18;color:#111;font-size:9px}
.product-detail .detail-set-action{display:grid;gap:14px;margin-top:auto;width:100%}
.product-detail .detail-set-action>strong{display:block;color:#fff;font:800 34px/1 "Barlow Condensed";text-align:left}
.product-detail .detail-set-action>strong small{display:block;margin-bottom:5px;color:#889294;font:700 7px/1 Inter;letter-spacing:.1em}
.product-detail .detail-set-action form{width:100%;grid-column:auto!important;grid-row:auto!important}
.product-detail .detail-set-action button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%!important;min-width:0!important;min-height:45px;margin:0!important;padding:12px 14px!important;background:#baff18!important;color:#101516!important;font-size:8px!important;letter-spacing:.03em}
.product-detail .detail-set-action button span{font-size:16px}

@media(max-width:1050px){
 .product-overview{grid-template-columns:1fr 1fr}
 .product-detail .detail-img{min-height:390px}
 .product-detail .detail-copy{padding:28px}
 .product-heading h1,.product-detail .detail-copy h1{font-size:43px}
 .purchase-guide{align-items:flex-start;flex-direction:column}
 .product-purchase{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}
 .product-detail .photo-selector,.product-detail .photo-selector.smart-selector{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:850px){
 .product-overview,.product-purchase{grid-template-columns:1fr}
 .product-detail .detail-img{min-height:0;aspect-ratio:4/3}
 .product-detail .detail-copy{padding:30px}
 .purchase-guide{align-items:flex-end;flex-direction:row}
 .product-detail .detail-set-box{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(250px,.75fr)!important;gap:24px!important;align-items:center!important}
 .product-detail .detail-set-copy,.set-includes{grid-column:1!important}
 .product-detail .detail-set-action{grid-column:2!important;grid-row:1/3!important}
 .set-includes{margin-bottom:0}
 .product-detail .photo-selector,.product-detail .photo-selector.smart-selector{grid-template-columns:repeat(4,minmax(0,1fr))}
 .product-detail .photo-selector label>span{height:100px}
}
@media(max-width:620px){
 .product-crumb{margin-bottom:14px}
 .product-detail .detail-copy{padding:22px}
 .product-heading h1,.product-detail .detail-copy h1{font-size:37px}
 .product-context{grid-template-columns:1fr 1fr}
 .product-context>span:first-child{grid-column:1/-1;border-right:0;border-bottom:1px solid #dfe3e3}
 .product-benefits{grid-template-columns:1fr}
 .product-benefits>div,.product-benefits>div:first-child,.product-benefits>div:last-child{padding:10px 0;border-right:0;border-bottom:1px solid #e2e5e5}
 .product-benefits>div:last-child{border-bottom:0}
 .purchase-guide{align-items:flex-start;flex-direction:column;padding:18px}
 .purchase-guide>a{width:100%}
 .product-detail .selection-header{align-items:flex-start;flex-direction:column;gap:8px}
 .product-detail .available-packs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .product-detail .available-packs>div{display:block;padding:9px 6px;text-align:left}
 .product-detail .smart-status{align-items:flex-start;flex-direction:column;gap:7px}
 .product-detail .photo-selector,.product-detail .photo-selector.smart-selector{grid-template-columns:repeat(3,minmax(0,1fr));max-height:390px}
 .product-detail .photo-selector label>span{height:86px}
 .product-detail .detail-set-box{display:flex!important;gap:0!important;padding:23px!important}
 .product-detail .detail-set-copy,.set-includes,.product-detail .detail-set-action{grid-column:auto!important;grid-row:auto!important}
}
@media(max-width:420px){
 .product-detail .detail-stage-help{display:none}
 .product-detail .smart-photo-selection{padding:18px 14px!important}
 .product-detail .photo-selector,.product-detail .photo-selector.smart-selector{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-detail .photo-selector label>span{height:104px}
}

/* Selector táctil: solo se activa en celulares y no modifica la vista de escritorio. */
@media(max-width:620px){
 .product-detail{display:flex;flex-direction:column;gap:12px}
 .product-overview,.product-purchase{display:contents}
 .product-detail .detail-media{display:none}
 .product-detail .smart-photo-selection{order:1}
 .product-detail .product-summary{order:2}
 .product-detail .detail-set-box{order:3}
 .product-detail .detail-img{aspect-ratio:3/2}
 .product-detail .detail-stage-help{display:none}
 .product-detail .product-benefits{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:0}
 .product-detail .product-benefits>div,.product-detail .product-benefits>div:first-child,.product-detail .product-benefits>div:last-child{align-items:center;flex-direction:column;gap:6px;padding:10px 4px;border-right:1px solid #e2e5e5;border-bottom:0;text-align:center}
 .product-detail .product-benefits>div:last-child{border-right:0}
 .product-detail .product-benefits small{display:none}
 .product-detail .purchase-guide{display:none}
 .product-purchase{margin-top:12px}
 .product-detail .smart-photo-selection{padding:18px 14px 16px!important}
 .product-detail .selection-header{gap:5px;margin-bottom:12px}
 .product-detail .selection-header h2{font-size:28px}
 .product-detail .selection-header>.smart-total{display:none}
 .product-detail .available-packs{display:flex;grid-template-columns:none;gap:7px;margin:10px -2px 13px;padding:2px 2px 7px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
 .product-detail .available-packs>div{display:block;flex:0 0 128px;padding:10px!important;text-align:left;scroll-snap-align:start}
 .product-detail .smart-status{display:none}
 .mobile-photo-picker{display:block;position:sticky;top:8px;z-index:20;margin:0 -3px 14px;padding:6px;background:#090d0e;border:1px solid #31393a;box-shadow:0 14px 35px rgba(0,0,0,.38)}
 .mobile-picker-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:radial-gradient(circle,#242b2d,#090c0d 72%)}
 .mobile-picker-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.78));pointer-events:none}
 .mobile-picker-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
 .mobile-picker-image>span{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.18);font:italic 900 54px "Barlow Condensed";transform:rotate(-16deg);pointer-events:none}
 .mobile-picker-image>div{position:absolute;z-index:2;left:12px;right:12px;bottom:10px;color:#fff}
 .mobile-picker-image small,.mobile-picker-image strong{display:block}
 .mobile-picker-image small{margin-bottom:3px;color:#baff18;font-size:8px;font-weight:800;letter-spacing:.12em}
 .mobile-picker-image strong{overflow:hidden;font:800 19px/1 "Barlow Condensed";text-overflow:ellipsis;white-space:nowrap}
 .mobile-picker-summary{display:grid;grid-template-columns:minmax(72px,1fr) auto auto;gap:9px;align-items:center;padding:10px 8px}
 .mobile-picker-summary>span small,.mobile-picker-summary>span b{display:block}
 .mobile-picker-summary>span small{margin-bottom:3px;color:#858f90;font-size:6px;font-weight:800;letter-spacing:.1em}
 .mobile-picker-summary>span b{color:#fff;font-size:9px}
 .mobile-picker-summary>span b strong{color:#baff18;font-size:14px}
 .mobile-picker-summary>em{padding:6px 7px;background:#202627;color:#b7bfc0;font-size:6px;font-style:normal;font-weight:800;letter-spacing:.06em;text-align:center}
 .mobile-picker-summary>em.pack-active{background:#baff18;color:#111}
 .mobile-picker-summary .mobile-picker-price{text-align:right}
 .mobile-picker-total{font:800 21px/1 "Barlow Condensed"!important}
 .mobile-picker-submit{display:block;width:100%;min-height:44px;margin:0!important;border:0;background:#baff18!important;color:#101516!important;font-size:8px!important;font-weight:800!important;letter-spacing:.03em}
 .mobile-picker-submit:disabled{background:#303738!important;color:#7e8889!important}
 .product-detail .selector-preview-hint{margin:12px 0 9px}
 .product-detail .selector-preview-hint span{font-size:8px}
 .product-detail .photo-selector,.product-detail .photo-selector.smart-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:none;padding:0;overflow:visible}
 .product-detail .photo-selector label{padding:5px}
 .product-detail .photo-selector label>span{height:112px}
 .product-detail .photo-selector label>span i{right:7px;top:7px;width:26px;height:26px;line-height:26px}
 .product-detail .photo-selector label>small{display:block;margin-top:6px;font-size:8px}
 .product-detail .photo-selector label>b{margin-top:3px;font-size:16px}
 .product-detail .photo-selector label.is-viewing{box-shadow:inset 0 -3px #baff18}
 .product-detail .smart-help{font-size:8px;line-height:1.55}
 .desktop-selection-submit{display:none!important}
}
@media(max-width:360px){
 .mobile-picker-image{aspect-ratio:3/2}
 .mobile-picker-summary{grid-template-columns:1fr auto}
 .mobile-picker-summary>em{grid-column:1/-1;grid-row:2}
 .product-detail .photo-selector label>span{height:96px}
}

/* Encabezado del set sin una portada duplicada. */
.product-detail.product-detail--without-cover .product-summary{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);padding:0;overflow:hidden;border-top:4px solid #baff18}
.product-detail--without-cover .product-summary-main{display:flex;align-items:center;padding:clamp(27px,3vw,38px)}
.product-detail--without-cover .product-heading{width:100%}
.product-detail--without-cover .product-heading h1{max-width:760px;margin-bottom:22px;font-size:clamp(42px,4.5vw,58px)}
.product-detail--without-cover .product-context{max-width:720px}
.product-detail--without-cover .product-summary-side{display:flex;min-width:0;flex-direction:column;border-left:1px solid #e1e5e5;background:#f8faf9}
.product-detail--without-cover .product-benefits{margin:0;padding:14px 22px;background:#fff;border-top:0}
.product-detail--without-cover .purchase-guide{min-height:145px;margin:0;padding:24px 25px}
.product-detail--without-cover .purchase-guide h2{font-size:28px}
.product-detail--without-cover .purchase-guide p{max-width:390px}

@media(max-width:980px){
 .product-detail.product-detail--without-cover .product-summary{grid-template-columns:1fr}
 .product-detail--without-cover .product-summary-side{border-top:1px solid #e1e5e5;border-left:0}
 .product-detail--without-cover .purchase-guide{min-height:0}
}

@media(max-width:620px){
 body.photo-page main{padding-bottom:86px}
 .product-detail.product-detail--without-cover .product-summary{padding:0}
 .product-detail--without-cover .product-summary-main{padding:22px}
 .product-detail--without-cover .product-heading h1{margin-bottom:17px;font-size:37px}
 .product-detail--without-cover .product-summary-side{border-top:0}
 .product-detail--without-cover .product-benefits{padding:9px 16px}
 .product-detail--without-cover .mobile-photo-picker{position:relative;top:auto}
 .product-detail--without-cover .mobile-picker-submit{position:fixed;z-index:75;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;width:auto!important;min-height:56px!important;margin:0!important;border:1px solid #d7ff69!important;box-shadow:0 13px 38px rgba(0,0,0,.42);font-size:9px!important;letter-spacing:.055em!important;transition:opacity .18s ease,transform .18s ease,background .18s ease!important}
 .product-detail--without-cover .mobile-picker-submit:not(:disabled):active{transform:translateY(1px)}
 body.drawer-open .product-detail--without-cover .mobile-picker-submit{opacity:0;pointer-events:none;transform:translateY(12px)}
 .product-detail--without-cover .product-purchase>.detail-set-box:only-child .detail-set-action button{position:fixed!important;z-index:75;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;width:auto!important;min-height:56px!important;box-shadow:0 13px 38px rgba(0,0,0,.42)}
 body.drawer-open .product-detail--without-cover .product-purchase>.detail-set-box:only-child .detail-set-action button{opacity:0;pointer-events:none}
 .product-detail--without-cover .photo-selector,.product-detail--without-cover .photo-selector.smart-selector{grid-template-columns:minmax(0,1fr)!important;gap:12px}
 .product-detail--without-cover .photo-selector label{width:100%;padding:6px}
 .product-detail--without-cover .photo-selector label>span{width:100%;height:auto!important;aspect-ratio:auto}
 .product-detail--without-cover .photo-selector label>small{display:block;margin:8px 4px 0;font-size:9px}
 .product-detail--without-cover .photo-selector label>b{margin:4px;font-size:19px}
}

@media(max-width:390px){
 .product-detail--without-cover .product-summary-main{padding:18px}
 .product-detail--without-cover .product-heading h1{font-size:33px}
 .product-detail--without-cover .mobile-picker-submit{right:9px;bottom:calc(8px + env(safe-area-inset-bottom));left:9px;min-height:53px!important}
}

/* Fotografías amplias en el selector de escritorio. */
@media(min-width:851px){
 .product-detail--without-cover .photo-selector,
 .product-detail--without-cover .photo-selector.smart-selector{
  display: block;
  columns: 2;
  column-gap: 14px;
  max-height:min(76vh,820px);
  padding:3px 9px 3px 3px;
  scroll-snap-type:y proximity;
 }
 .product-detail--without-cover .photo-selector label{
  display: inline-block;
  width: 100%;
  margin-bottom: 14px;
  break-inside: avoid;
  padding:7px;
  scroll-snap-align:start;
 }
 .product-detail--without-cover .photo-selector label>span{
  width:100%;
  height:auto;
  aspect-ratio:auto;
 }
 .product-detail--without-cover .photo-selector label>span i{
  top:9px;
  right:9px;
  width:30px;
  height:30px;
  font-size:14px;
  line-height:30px;
 }
 .product-detail--without-cover .photo-selector label>small{
  margin:8px 4px 0;
  font-size:9px;
 }
 .product-detail--without-cover .photo-selector label>b{
  margin:4px 4px 2px;
  font-size:18px;
 }
}

.product-detail--without-cover .photo-selector,
.product-detail--without-cover .photo-selector.smart-selector {
  display: block !important;
  columns: 2;
  column-gap: 14px;
}
.product-detail--without-cover .photo-selector label {
  display: inline-block;
  width: 100%;
  margin-bottom: 14px;
  break-inside: avoid;
  height: auto;
}
.product-detail--without-cover .photo-selector label>span {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  display: block;
}
.product-detail--without-cover .photo-selector label>span img {
  position: static !important;
  display: block;
}
@media (max-width: 620px) {
  .product-detail--without-cover .photo-selector,
  .product-detail--without-cover .photo-selector.smart-selector {
    columns: 1;
  }
}

.product-detail--without-cover .photo-selector,
.product-detail--without-cover .photo-selector.smart-selector {
  max-height: none !important;
  overflow: visible !important;
}