/* One Dress 2026 — visual refresh only. Keeps existing CI3 flows, IDs and JS hooks. */
:root{
  --od-bg:#090709;
  --od-bg-soft:#100c0f;
  --od-card:#151014;
  --od-card-2:#1b151a;
  --od-border:#382832;
  --od-pink:#c97793;
  --od-pink-2:#df9bb2;
  --od-text:#f8f3f5;
  --od-muted:#a79da2;
  --od-black:#050405;
}

body.onedress-site{
  margin:0;
  background:var(--od-bg)!important;
  color:var(--od-text)!important;
  font-family:'DM Sans',sans-serif!important;
  font-size:16px;
  line-height:1.55;
}
body.onedress-site p,
body.onedress-site div,
body.onedress-site span,
body.onedress-site label,
body.onedress-site h5,
body.onedress-site h6{color:inherit}
body.onedress-site h1,
body.onedress-site h2,
body.onedress-site h3,
body.onedress-site .logo{font-family:'Playfair Display',serif}
body.onedress-site a{transition:.25s ease}

.od-promo-bar{
  position:relative;
  z-index:1035;
  width:100%;
  padding:9px 20px;
  background:var(--od-pink);
  color:#fff!important;
  text-align:center;
  font-size:12px;
  font-weight:600;
  letter-spacing:2.6px;
  text-transform:uppercase;
}

body.onedress-site .top-header{
  max-width:none;
  padding:22px 5vw;
  background:#080708;
  border-bottom:1px solid rgba(255,255,255,.08);
}
body.onedress-site .top-header .row{max-width:1440px;margin:auto}
body.onedress-site .logo{
  color:#fff!important;
  font-size:34px;
  font-weight:400;
  letter-spacing:9px;
  line-height:1;
}
body.onedress-site .logo small{
  margin-top:10px;
  color:var(--od-pink-2)!important;
  font-family:'DM Sans',sans-serif;
  font-size:11px;
  font-weight:500;
  letter-spacing:4px;
}
body.onedress-site .social-icons a{color:#fff!important;opacity:.85}
body.onedress-site .social-icons a:hover{color:var(--od-pink)!important;opacity:1}

body.onedress-site .navbar{
  position:sticky;
  top:0;
  z-index:1030;
  padding:0;
  background:rgba(8,7,8,.96)!important;
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
body.onedress-site .navbar .container{max-width:1440px}
body.onedress-site .navbar-nav{padding:7px 0;flex-wrap:wrap;justify-content:center}
body.onedress-site .nav-link{
  color:#d8d1d5!important;
  font-size:12px;
  font-weight:500;
  letter-spacing:1.7px;
  padding:12px 6px!important;
}
body.onedress-site .nav-link:hover{color:var(--od-pink-2)!important}
body.onedress-site .navbar-toggler{border-color:rgba(255,255,255,.2)}
body.onedress-site .navbar-toggler-icon{filter:invert(1)}

.od-hero{
  position:relative;
  min-height:650px;
  margin:0!important;
  border-radius:0!important;
  background-position:center 30%;
  background-size:cover;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
}
body.onedress-site .hero-overlay::before{
  background:linear-gradient(90deg,rgba(5,4,5,.93) 0%,rgba(5,4,5,.72) 40%,rgba(5,4,5,.18) 76%),linear-gradient(0deg,rgba(5,4,5,.55),transparent 58%)!important;
}
.od-hero-content{
  position:relative;
  z-index:2;
  width:min(680px,80%);
  padding:72px max(5vw,48px) 76px;
}
.od-eyebrow{
  margin-bottom:20px;
  color:var(--od-pink-2)!important;
  font-size:12px;
  font-weight:500;
  letter-spacing:4px;
}
.od-eyebrow span{display:inline-block;width:42px;height:1px;background:var(--od-pink);vertical-align:middle;margin-right:12px}
.od-hero h1{
  margin:0 0 22px;
  color:#fff!important;
  font-size:clamp(52px,6vw,94px);
  font-weight:600;
  line-height:.96;
  letter-spacing:-2px;
  text-shadow:0 5px 35px rgba(0,0,0,.42)!important;
}
.od-hero h1 em{color:var(--od-pink-2)!important;font-weight:400}
.od-hero-copy{max-width:560px;color:#d8d0d4!important;font-size:18px}
.od-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.od-btn-primary,.btn-gold,.btn-one-dress{
  background:var(--od-pink)!important;
  border:1px solid var(--od-pink)!important;
  color:#fff!important;
  border-radius:2px!important;
  font-weight:600!important;
  letter-spacing:2px!important;
  text-transform:uppercase;
}
.od-btn-primary:hover,.btn-gold:hover,.btn-one-dress:hover{background:var(--od-pink-2)!important;border-color:var(--od-pink-2)!important;color:#090709!important}
.od-btn-secondary{
  background:rgba(9,7,9,.4)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  color:#fff!important;
  border-radius:2px!important;
  font-weight:500;
  letter-spacing:1.8px;
}
.od-btn-secondary:hover{border-color:var(--od-pink)!important;color:var(--od-pink-2)!important}
.od-rating-badge{
  position:absolute!important;
  z-index:3!important;
  right:5vw;
  top:42px;
  min-width:160px;
  padding:18px 20px;
  border:1px solid rgba(201,119,147,.55);
  background:rgba(12,9,11,.72);
  backdrop-filter:blur(10px);
  text-align:center;
  border-radius:5px;
}
.od-rating-badge strong{display:block;color:var(--od-pink-2)!important;font-family:'Playfair Display',serif;font-size:26px;font-weight:400}
.od-rating-badge small{display:block;color:#b9adb2!important;font-size:9px;letter-spacing:2px}

body.onedress-site .container.py-5{position:relative}
body.onedress-site .category-card{border-radius:0;background:#111;box-shadow:0 14px 35px rgba(0,0,0,.28)}
body.onedress-site .category-card img{height:460px}
body.onedress-site .category-overlay{
  padding:16px 12px;
  background:linear-gradient(0deg,rgba(9,7,9,.96),rgba(9,7,9,.18))!important;
  text-align:left;
}
body.onedress-site .category-overlay span{font-family:'DM Sans',sans-serif;color:#fff!important;font-weight:500;letter-spacing:2.5px}
body.onedress-site .category-card:hover .category-overlay{background:linear-gradient(0deg,rgba(201,119,147,.9),rgba(9,7,9,.12))!important}

body.onedress-site .section-dark{
  background:var(--od-bg-soft)!important;
  color:var(--od-text)!important;
  border:1px solid var(--od-border)!important;
  border-radius:4px!important;
  box-shadow:none!important;
}
body.onedress-site #proceso{border-left:0!important;border-right:0!important;border-radius:0!important}
body.onedress-site #proceso h2,
body.onedress-site #testimonios h2{
  font-family:'Playfair Display',serif;
  color:#fff!important;
  font-size:clamp(36px,4vw,56px);
  font-weight:500!important;
}
body.onedress-site .text-warning{color:var(--od-pink-2)!important}
body.onedress-site .material-symbols-outlined.text-warning{color:var(--od-pink)!important}
body.onedress-site .form-label{color:var(--od-pink-2)!important;font-weight:600;letter-spacing:1.4px;text-transform:uppercase}
body.onedress-site .form-select,
body.onedress-site .form-control{
  background:#0b090a!important;
  color:#fff!important;
  border:1px solid #49343f!important;
  min-height:48px;
  border-radius:2px!important;
}
body.onedress-site .form-select:focus,body.onedress-site .form-control:focus{border-color:var(--od-pink)!important;box-shadow:0 0 0 .2rem rgba(201,119,147,.12)!important}

body.onedress-site .card-dark{
  height:100%;
  background:var(--od-card)!important;
  border:1px solid rgba(201,119,147,.22)!important;
  border-radius:2px!important;
  overflow:hidden;
  box-shadow:0 12px 36px rgba(0,0,0,.24);
}
body.onedress-site .card-dark .card-body{background:linear-gradient(180deg,#171116,#110d10);color:#fff!important}
body.onedress-site .card-dark .card-body h5{font-family:'Playfair Display',serif;color:#fff!important;font-size:23px;font-weight:500!important}
body.onedress-site .card-dark .card-body p{color:#9d9297!important}
body.onedress-site .card-dark .btn-dark{margin-top:18px;background:transparent!important;border:1px solid var(--od-pink)!important;color:var(--od-pink-2)!important;border-radius:2px!important}
body.onedress-site .card-dark .btn-dark:hover{background:var(--od-pink)!important;color:#fff!important}
body.onedress-site .price-label{font-size:11px;color:#a99ea3!important;text-transform:uppercase;letter-spacing:1.8px}

body.onedress-site .p-4.p-md-5.mb-4.rounded.text-body-emphasis.bg-body-secondary{
  margin:0!important;
  border-radius:0!important;
  background:linear-gradient(110deg,#0a0809,#1b1016)!important;
  border-bottom:1px solid var(--od-border);
}
body.onedress-site .p-4.p-md-5.mb-4.rounded.text-body-emphasis.bg-body-secondary h1{color:#fff!important;font-weight:500}

.od-newsletter{padding:90px 0;background:#100b0f;border-top:1px solid var(--od-border);border-bottom:1px solid var(--od-border)}
.od-newsletter-inner{max-width:850px;margin:auto;text-align:center}
.od-newsletter h2{color:#fff!important;font-size:clamp(38px,5vw,64px);font-weight:600;line-height:1.05}
.od-newsletter h2 em{color:var(--od-pink-2)!important;font-weight:400}
.od-newsletter p{color:#81777c!important;margin:18px 0 34px;font-size:17px}
.od-newsletter-form{max-width:720px;margin:auto;display:flex}
.od-newsletter-form input{flex:1;min-width:0;background:#0b090a;border:1px solid #49343f;color:#fff;padding:18px 22px;font-size:16px;outline:0}
.od-newsletter-form input:focus{border-color:var(--od-pink)}
.od-newsletter-form button{border:1px solid var(--od-pink);background:var(--od-pink);color:#fff;padding:0 34px;font-size:13px;font-weight:700;letter-spacing:2px}

body.onedress-site .footer-main{background:#050405!important;color:#cfc5ca!important}
body.onedress-site .footer-main .footer-title{color:#fff!important;letter-spacing:2px;font-size:13px}
body.onedress-site .footer-main p{color:#8e8589!important}
body.onedress-site .footer-main strong{color:#fff!important}
body.onedress-site .footer-bottom{border-top:1px solid rgba(255,255,255,.07)}

body.onedress-site .assistant-btn{background:var(--od-pink)!important;box-shadow:0 10px 30px rgba(201,119,147,.3)}
body.onedress-site .assistant-panel{background:#0e0a0d!important;border-color:var(--od-border)!important}
body.onedress-site .assistant-header{background:#090709!important}
body.onedress-site .assistant-header h6{color:var(--od-pink-2)!important}
body.onedress-site .chat-user{background:var(--od-pink)!important;color:#fff!important}
body.onedress-site .btn-outline-warning{border-color:var(--od-pink)!important;color:var(--od-pink-2)!important}
body.onedress-site .btn-outline-warning:hover{background:var(--od-pink)!important;color:#fff!important}
body.onedress-site .offcanvas{background:#0a0809!important}
body.onedress-site .accordion-item,body.onedress-site .accordion-button{background:#0a0809!important;color:#fff!important;border-color:var(--od-border)!important}

body.onedress-site .mobile-filter-bar{bottom:72px;background:rgba(8,6,8,.94)!important;border-top:1px solid var(--od-border)!important}
.od-mobile-nav{
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:1080;
  height:72px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  background:rgba(5,4,5,.98);
  border-top:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
}
.od-mobile-link,.od-mobile-button{
  border:0;
  background:transparent;
  color:#746b70!important;
  text-decoration:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  padding:4px 2px;
}
.od-mobile-link span,.od-mobile-button span{font-size:25px;color:inherit!important;line-height:1}
.od-mobile-link small,.od-mobile-button small{font-size:8px;letter-spacing:.9px;color:inherit!important}
.od-mobile-link.active{color:var(--od-pink-2)!important}
.od-mobile-link:hover,.od-mobile-button:hover{color:var(--od-pink)!important}

@media (max-width:991.98px){
  body.onedress-site{padding-bottom:72px!important}
  .od-promo-bar{font-size:10px;letter-spacing:2px;padding:8px 12px;line-height:1.4}
  body.onedress-site .top-header{padding:16px 18px}
  body.onedress-site .top-header .col-4:first-child{display:none}
  body.onedress-site .top-header .col-4:nth-child(2){width:100%}
  body.onedress-site .top-header .col-4:nth-child(3){display:none!important}
  body.onedress-site .logo{font-size:27px;letter-spacing:8px}
  body.onedress-site .logo small{display:none}
  body.onedress-site .navbar{position:relative}
  body.onedress-site .navbar .container{justify-content:center}
  body.onedress-site .navbar-toggler{position:absolute;left:18px;top:-61px;z-index:2}
  body.onedress-site .navbar-collapse{background:#0a0809;margin:0 -12px;padding:15px}
  .od-hero{min-height:720px;background-position:center top}
  body.onedress-site .hero-overlay::before{background:linear-gradient(0deg,rgba(5,4,5,.96) 0%,rgba(5,4,5,.68) 42%,rgba(5,4,5,.10) 78%)!important}
  .od-hero-content{width:100%;padding:0 26px 62px}
  .od-hero h1{font-size:clamp(50px,12vw,70px);letter-spacing:-1.5px}
  .od-rating-badge{right:22px;top:34px;min-width:138px;padding:13px 14px}
  .od-rating-badge strong{font-size:23px}
  body.onedress-site .category-card img{height:340px}
}

@media (max-width:575.98px){
  .od-hero{min-height:690px}
  .od-hero-content{padding:0 20px 48px}
  .od-eyebrow{font-size:10px;letter-spacing:3px}
  .od-hero h1{font-size:52px;line-height:.98}
  .od-hero-copy{font-size:14px;max-width:340px;color:#aaa0a5!important}
  .od-hero-actions{gap:9px;margin-top:22px}
  .od-btn-primary,.od-btn-secondary{font-size:11px;padding:12px 15px}
  .od-rating-badge{top:24px;right:16px;min-width:124px}
  .od-rating-badge strong{font-size:20px}
  body.onedress-site .container.py-5{padding-top:34px!important;padding-bottom:34px!important}
  body.onedress-site .category-card img{height:285px}
  body.onedress-site .category-overlay{padding:12px 10px}
  body.onedress-site .category-overlay span{font-size:10px!important;letter-spacing:1.5px}
  body.onedress-site #proceso{padding-top:55px!important;padding-bottom:55px!important}
  .od-newsletter{padding:65px 20px}
  .od-newsletter h2{font-size:41px}
  .od-newsletter p{font-size:14px}
  .od-newsletter-form{flex-direction:column;gap:10px}
  .od-newsletter-form input,.od-newsletter-form button{min-height:54px;width:100%}
  body.onedress-site .footer-main .row>div{text-align:center!important}
  body.onedress-site .assistant-btn{bottom:88px;right:18px;width:52px;height:52px}
  body.onedress-site .assistant-panel{bottom:150px}
}

/* =========================================================
   HOME CATÁLOGO 2026 — catalog-first / ecommerce UX
   ========================================================= */
.od-catalog-home{
  padding:44px 0 64px;
  background:var(--od-bg);
}
.od-catalog-shell{max-width:1480px!important}
.od-catalog-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:30px;
}
.od-catalog-kicker{
  display:block;
  margin-bottom:7px;
  color:var(--od-pink-2)!important;
  font-size:11px;
  font-weight:600;
  letter-spacing:3px;
}
.od-catalog-heading h1{
  margin:0;
  color:#fff!important;
  font-size:clamp(42px,5vw,72px);
  font-weight:600;
  line-height:1;
  letter-spacing:-1.6px;
}
.od-catalog-heading h1 em{color:var(--od-pink-2)!important;font-weight:400}
.od-catalog-heading p{max-width:690px;margin:13px 0 0;color:#a79da2!important;font-size:15px}
.od-how-link{color:#e7dde1!important;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:1.4px;white-space:nowrap}
.od-how-link span{color:var(--od-pink-2)!important;margin-left:6px}

.od-search-panel{display:flex;gap:10px;margin-bottom:18px}
.od-search-main{
  flex:1;
  min-height:58px;
  display:flex;
  align-items:center;
  background:#120e11;
  border:1px solid #3e2d36;
  transition:.2s ease;
}
.od-search-main:focus-within{border-color:var(--od-pink);box-shadow:0 0 0 3px rgba(201,119,147,.08)}
.od-search-main>.material-symbols-outlined{margin-left:17px;color:#bbaeb4!important;font-size:24px}
.od-search-main input{flex:1;min-width:0;height:56px;padding:0 14px;border:0;outline:0;background:transparent;color:#fff;font-family:'DM Sans',sans-serif;font-size:15px}
.od-search-main input::placeholder{color:#71676c}
.od-search-btn,.od-open-filters{
  border:0;
  background:var(--od-pink);
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:1.7px;
  padding:0 26px;
}
.od-open-filters{display:flex;align-items:center;justify-content:center;gap:6px;min-width:112px}

.od-quick-row{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:12px;margin:10px 0}
.od-quick-label{color:#746a6f!important;font-size:10px;font-weight:700;letter-spacing:1.8px}
.od-chip-scroll{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:none}
.od-chip-scroll::-webkit-scrollbar{display:none}
.od-chip,.od-size-chip{
  flex:0 0 auto;
  border:1px solid #3a2c33;
  background:#100d0f;
  color:#b8aeb3;
  min-height:36px;
  padding:7px 15px;
  border-radius:999px;
  font-size:12px;
  font-weight:500;
  white-space:nowrap;
  transition:.18s ease;
}
.od-size-chip{min-width:42px;padding:7px 12px}
.od-chip:hover,.od-size-chip:hover,.od-chip.active,.od-size-chip.active{border-color:var(--od-pink);background:rgba(201,119,147,.12);color:#fff}

.od-desktop-filters{
  grid-template-columns:1fr 1.35fr 1fr 1fr auto;
  gap:10px;
  align-items:end;
  margin:22px 0 28px;
  padding:18px;
  border:1px solid #2c2228;
  background:#0d0a0c;
}
.od-desktop-filters label{display:block;margin:0 0 7px;color:#a898a0!important;font-size:9px;font-weight:700;letter-spacing:1.7px}
.od-desktop-filters .form-select{min-height:46px!important;font-size:13px}
.od-filter-submit{height:46px;border:1px solid var(--od-pink);background:var(--od-pink);color:#fff;padding:0 24px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:1.6px}
.od-filter-submit .material-symbols-outlined{font-size:18px}

.od-catalog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:34px 0 18px;padding-top:26px;border-top:1px solid rgba(255,255,255,.08)}
.od-catalog-toolbar h2{margin:0;color:#fff!important;font-family:'DM Sans',sans-serif!important;font-size:22px;font-weight:600}
.od-catalog-toolbar span{display:block;margin-top:4px;color:#776d72!important;font-size:11px}
.od-random-btn{display:flex;align-items:center;gap:7px;border:1px solid #493640;background:transparent;color:#d9ccd1;padding:10px 14px;font-size:10px;font-weight:700;letter-spacing:1.4px}
.od-random-btn .material-symbols-outlined{margin:0;color:var(--od-pink-2)!important;font-size:18px}

.od-product-card{height:100%;background:#100d0f;border:1px solid transparent;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.od-product-card:hover{transform:translateY(-3px);border-color:#3e2d36;box-shadow:0 15px 35px rgba(0,0,0,.28)}
.od-product-photo{position:relative;display:block;overflow:hidden;background:#161216;aspect-ratio:3/4;text-decoration:none}
.od-product-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.od-product-card:hover .od-product-photo img{transform:scale(1.025)}
.od-product-view{position:absolute;right:9px;bottom:9px;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(7,5,6,.8);backdrop-filter:blur(6px);color:#fff!important;font-size:13px;opacity:.92}
.od-product-info{padding:13px 13px 14px}
.od-product-name{display:block;min-height:25px;color:#fff!important;text-decoration:none;font-family:'Playfair Display',serif;font-size:19px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.od-product-meta{margin-top:5px;color:#766d72!important;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none}
.od-product-prices{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-top:14px}
.od-product-prices small{display:block;margin-bottom:2px;color:#887c82!important;font-size:8px;font-weight:700;letter-spacing:1.4px}
.od-product-prices strong{display:block;color:#fff!important;font-size:15px;font-weight:600}
.od-sale-price{text-align:right}
.od-sale-price strong{color:var(--od-pink-2)!important}
.od-product-actions{display:grid;grid-template-columns:1fr 42px;gap:7px;margin-top:13px}
.od-product-detail,.od-product-whatsapp{height:40px;display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--od-pink);font-size:9px;font-weight:700;letter-spacing:1.4px}
.od-product-detail{color:#fff!important;background:var(--od-pink)}
.od-product-detail:hover{background:var(--od-pink-2);border-color:var(--od-pink-2);color:#090709!important}
.od-product-whatsapp{color:var(--od-pink-2)!important;background:transparent;font-size:18px}
.od-product-whatsapp:hover{background:rgba(201,119,147,.12)}
.od-empty-state{text-align:center;padding:70px 20px;border:1px dashed #3b2d34;background:#0f0c0e}
.od-empty-state .material-symbols-outlined{color:var(--od-pink-2)!important;font-size:48px}
.od-empty-state h3{margin-top:10px;color:#fff!important;font-size:24px}

.od-trust-strip{padding:22px 0;border-top:1px solid #2a2025;border-bottom:1px solid #2a2025;background:#0e0a0d}
.od-trust-strip .container{max-width:1120px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;text-align:center}
.od-trust-strip strong{display:block;color:#fff!important;font-family:'Playfair Display',serif;font-size:21px;font-weight:500}
.od-trust-strip span{display:block;margin-top:2px;color:#7f7479!important;font-size:9px;text-transform:uppercase;letter-spacing:1.5px}

.od-process{padding:85px 0;background:#0a0809}
.od-section-head{margin-bottom:36px}
.od-section-head>span{display:block;margin-bottom:7px;color:var(--od-pink-2)!important;font-size:10px;font-weight:700;letter-spacing:2.5px}
.od-section-head h2{margin:0;color:#fff!important;font-size:clamp(35px,4vw,54px);line-height:1.05}
.od-section-head h2 em{color:var(--od-pink-2)!important;font-weight:400}
.od-process-card{height:100%;position:relative;padding:28px;border:1px solid #2f242a;background:#100c0f}
.od-process-card b{position:absolute;right:20px;top:16px;color:#3c3036!important;font-family:'Playfair Display',serif;font-size:32px;font-weight:400}
.od-process-card>.material-symbols-outlined{color:var(--od-pink-2)!important;font-size:31px}
.od-process-card h3{margin:28px 0 8px;color:#fff!important;font-size:27px}
.od-process-card p{margin:0;color:#8e8388!important;font-size:13px}
.od-clientas{max-width:1200px!important}
.od-video-card{position:relative;background:#110d10;padding:8px;border:1px solid #2d2228}
.od-video-card video{display:block;aspect-ratio:3/4;object-fit:cover;background:#050405}
.od-video-card>span{position:absolute;left:18px;bottom:18px;color:var(--od-pink-2)!important;font-size:12px;letter-spacing:2px}

@media (max-width:991.98px){
  .od-catalog-home{padding:24px 0 44px}
  .od-catalog-heading{align-items:flex-start;margin-bottom:20px}
  .od-catalog-heading h1{font-size:47px}
  .od-catalog-heading p{font-size:13px}
  .od-how-link{display:none}
  .od-quick-row{grid-template-columns:1fr;gap:6px;margin:14px 0}
  .od-quick-label{font-size:9px}
  .od-catalog-toolbar{margin-top:24px}
  .od-product-grid{--bs-gutter-x:.65rem;--bs-gutter-y:.65rem}
}

@media (max-width:575.98px){
  .od-catalog-home{padding-top:18px}
  .od-catalog-shell{padding-left:12px!important;padding-right:12px!important}
  .od-catalog-kicker{font-size:9px;letter-spacing:2px}
  .od-catalog-heading h1{font-size:38px;letter-spacing:-.8px}
  .od-catalog-heading p{margin-top:9px;font-size:12px;line-height:1.45}
  .od-search-panel{gap:7px;margin-bottom:12px}
  .od-search-main{min-height:50px}
  .od-search-main input{height:48px;padding:0 9px;font-size:12px}
  .od-search-main>.material-symbols-outlined{margin-left:12px;font-size:21px}
  .od-search-btn{padding:0 13px;font-size:9px;letter-spacing:1.1px}
  .od-open-filters{min-width:51px;padding:0;font-size:0}
  .od-open-filters .material-symbols-outlined{font-size:22px}
  .od-chip,.od-size-chip{min-height:33px;padding:6px 12px;font-size:10px}
  .od-size-chip{min-width:38px}
  .od-catalog-toolbar{margin:20px 0 12px;padding-top:18px}
  .od-catalog-toolbar h2{font-size:17px}
  .od-catalog-toolbar span{font-size:9px}
  .od-random-btn{padding:8px 10px;font-size:0}
  .od-random-btn .material-symbols-outlined{font-size:20px}
  .od-product-info{padding:9px 9px 10px}
  .od-product-name{font-size:15px;min-height:20px}
  .od-product-meta{font-size:8px;margin-top:4px}
  .od-product-prices{margin-top:10px}
  .od-product-prices small{font-size:7px}
  .od-product-prices strong{font-size:12px}
  .od-product-actions{grid-template-columns:1fr 36px;gap:5px;margin-top:9px}
  .od-product-detail,.od-product-whatsapp{height:35px}
  .od-product-detail{font-size:7px;letter-spacing:1px}
  .od-product-whatsapp{font-size:16px}
  .od-product-view{width:29px;height:29px;right:7px;bottom:7px;font-size:11px}
  .od-trust-strip .container{grid-template-columns:repeat(2,1fr);gap:18px 8px}
  .od-process{padding:55px 0}
  .od-process-card{padding:22px}
}


/* =========================================================
   One Dress 2026 v1.3 — menu fix + product UX + related
   ========================================================= */
.od-site-header{position:sticky;top:0;z-index:1030;background:rgba(7,6,7,.97);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}
.od-nav-shell{height:84px;max-width:1440px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:center;position:relative}
.od-nav-brand{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#fff!important;line-height:1}
.od-nav-brand strong{font-family:'Playfair Display',serif;font-size:31px;font-weight:400;letter-spacing:8px;color:#fff!important}
.od-nav-brand small{margin-top:9px;font-size:9px;font-weight:600;letter-spacing:3px;color:var(--od-pink-2)!important}
.od-desktop-menu{min-height:54px;width:100%;max-width:1500px;margin:auto;padding:0 24px;align-items:center;justify-content:center;gap:28px;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;border-top:1px solid rgba(255,255,255,.04)}
.od-desktop-menu::-webkit-scrollbar{display:none}
.od-desktop-menu a{flex:0 0 auto;padding:18px 0 16px;color:#d9d1d5!important;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:1.5px;white-space:nowrap;transition:.2s}
.od-desktop-menu a:hover{color:var(--od-pink-2)!important}

.od-mobile-menu-trigger{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0 11px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#0e0a0d;display:flex;flex-direction:column;justify-content:center;gap:5px;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.od-mobile-menu-trigger span{display:block;width:100%;height:1.5px;background:#fff;border-radius:2px}
.od-mobile-menu-trigger span:nth-child(2){width:72%}
.od-nav-search-shortcut{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff!important;text-decoration:none}
.od-nav-search-shortcut .material-symbols-outlined{font-size:25px}
.od-mobile-menu.offcanvas{width:min(88vw,390px)!important;background:#090709!important;border-right:1px solid #35252e!important;color:#fff!important}
.od-mobile-menu-top{display:flex;align-items:center;justify-content:space-between;padding:22px 20px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#100b0f,#090709)}
.od-mobile-menu-top small{display:block;color:var(--od-pink-2)!important;font-size:9px;font-weight:700;letter-spacing:3px}
.od-mobile-menu-top strong{display:block;margin-top:4px;color:#fff!important;font-family:'Playfair Display',serif;font-size:25px;font-weight:500}
.od-mobile-menu-close{width:42px;height:42px;border:1px solid #392a32;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#110d10;color:#fff}
.od-mobile-menu-body{padding:16px 18px 32px;overflow-y:auto}
.od-mobile-menu-search{min-height:58px;padding:0 15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:var(--od-pink);color:#fff!important;text-decoration:none;border-radius:10px;font-size:13px;font-weight:700}
.od-mobile-menu-search .material-symbols-outlined{color:#fff!important}
.od-mobile-menu-section{padding:25px 0 6px;border-bottom:1px solid rgba(255,255,255,.075)}
.od-mobile-menu-label{display:block;margin-bottom:10px;color:#756a70!important;font-size:9px;font-weight:700;letter-spacing:2px}
.od-mobile-menu-links{display:grid}
.od-mobile-menu-links a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 3px;color:#f1eaed!important;text-decoration:none;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,255,255,.045)}
.od-mobile-menu-links a span{color:var(--od-pink-2)!important}
.od-mobile-size-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.od-mobile-size-grid a{height:43px;display:flex;align-items:center;justify-content:center;border:1px solid #392b32;border-radius:8px;background:#100c0f;color:#e8dde2!important;text-decoration:none;font-size:12px;font-weight:600}
.od-mobile-menu-promo{display:flex;gap:12px;align-items:center;margin-top:22px;padding:15px;border:1px solid rgba(201,119,147,.24);border-radius:10px;background:rgba(201,119,147,.07)}
.od-mobile-menu-promo>.material-symbols-outlined{color:var(--od-pink-2)!important}
.od-mobile-menu-promo strong{display:block;color:#fff!important;font-size:12px}
.od-mobile-menu-promo small{display:block;color:#8f8389!important;font-size:10px}

.od-product-photo{display:block;cursor:default}
.od-product-name{display:block;color:#fff!important;text-decoration:none;cursor:default}
.od-product-actions-single{display:block!important}
.od-product-whatsapp-full{width:100%!important;height:42px!important;gap:9px!important;background:var(--od-pink)!important;color:#fff!important;border-color:var(--od-pink)!important;font-size:11px!important;letter-spacing:1.2px!important}
.od-product-whatsapp-full i{font-size:18px}
.od-product-whatsapp-full:hover{background:var(--od-pink-2)!important;border-color:var(--od-pink-2)!important;color:#090709!important}

.od-detail-page{padding:54px 0 72px;background:#090709}
.od-detail-shell,.od-related-shell{max-width:1180px}
.od-detail-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:54px;align-items:center}
.od-detail-photo-wrap{background:#100c0f;border:1px solid #2f2229;padding:8px}
.od-detail-photo{display:block;width:100%;max-height:760px;aspect-ratio:3/4;object-fit:cover}
.od-detail-kicker{display:block;color:var(--od-pink-2)!important;font-size:10px;font-weight:700;letter-spacing:2.4px}
.od-detail-info h1{margin:12px 0 16px;color:#fff!important;font-size:clamp(40px,5vw,68px);line-height:1.02;font-weight:500}
.od-detail-tags{display:flex;gap:8px;flex-wrap:wrap}
.od-detail-tags span{padding:8px 12px;border:1px solid #3a2b32;border-radius:30px;color:#b8adb2!important;font-size:10px;letter-spacing:1px;text-transform:uppercase}
.od-detail-prices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:34px 0 20px;padding:22px 0;border-top:1px solid #2d2228;border-bottom:1px solid #2d2228}
.od-detail-prices small{display:block;color:#81757b!important;font-size:9px;font-weight:700;letter-spacing:1.6px}
.od-detail-prices strong{display:block;margin-top:3px;color:#fff!important;font-size:25px;font-weight:600}
.od-detail-prices>div:last-child strong{color:var(--od-pink-2)!important}
.od-detail-whatsapp{min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--od-pink);border:1px solid var(--od-pink);color:#fff!important;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:1.4px}
.od-detail-whatsapp i{font-size:21px}
.od-detail-whatsapp:hover{background:var(--od-pink-2);border-color:var(--od-pink-2);color:#090709!important}
.od-detail-note{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px;border:1px solid #30242a;background:#100c0f}
.od-detail-note>.material-symbols-outlined{color:var(--od-pink-2)!important}
.od-detail-note strong{display:block;color:#fff!important;font-size:11px}
.od-detail-note small{display:block;color:#81767b!important;font-size:10px}
.od-related-section{padding:72px 0 92px;background:#0e0a0d;border-top:1px solid #2a2025}
.od-related-heading{max-width:680px;margin-bottom:30px}
.od-related-heading>span{display:block;color:var(--od-pink-2)!important;font-size:9px;font-weight:700;letter-spacing:2.4px}
.od-related-heading h2{margin:8px 0 8px;color:#fff!important;font-size:clamp(34px,4vw,52px)}
.od-related-heading h2 em{color:var(--od-pink-2)!important;font-weight:400}
.od-related-heading p{margin:0;color:#8f8489!important;font-size:13px}

@media(max-width:991.98px){
  .od-site-header{top:0}
  .od-nav-shell{height:64px;padding:0 70px}
  .od-nav-brand strong{font-size:24px;letter-spacing:6px}
  .od-nav-brand small{display:none}
  .od-detail-grid{grid-template-columns:1fr;gap:28px}
  .od-detail-photo-wrap{max-width:620px;margin:auto;width:100%}
  .od-detail-info{max-width:620px;margin:auto;width:100%}
}
@media(max-width:575.98px){
  .od-nav-shell{height:58px}
  .od-mobile-menu-trigger{left:10px;width:40px;height:40px}
  .od-nav-search-shortcut{right:10px;width:40px;height:40px}
  .od-nav-brand strong{font-size:20px;letter-spacing:5px}
  .od-detail-page{padding:20px 0 50px}
  .od-detail-shell{padding-left:12px!important;padding-right:12px!important}
  .od-detail-info h1{font-size:38px}
  .od-related-section{padding:48px 0 70px}
  .od-related-shell{padding-left:12px!important;padding-right:12px!important}
  .od-product-whatsapp-full{height:38px!important;font-size:8px!important;letter-spacing:.9px!important}
  .od-product-whatsapp-full i{font-size:16px}
}
/* =====================================================
   ONE DRESS - HERO CAROUSEL
===================================================== */

.od-hero-carousel{
    position:relative;
    width:100%;
    background:#050405;
    overflow:hidden;
}

.od-hero-carousel .carousel-inner,
.od-hero-carousel .carousel-item{
    width:100%;
}

.od-hero-slide{
    position:relative;
    width:100%;
    min-height:650px;

    display:flex;
    align-items:flex-end;

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}


/* POSICIÓN DEL CONTENIDO */

.od-hero-left{
    justify-content:flex-start;
}

.od-hero-center{
    justify-content:center;
    text-align:center;
}

.od-hero-right{
    justify-content:flex-end;
    text-align:right;
}


.od-hero-center .od-hero-content{
    margin-left:auto;
    margin-right:auto;
}

.od-hero-right .od-hero-content{
    margin-left:auto;
}


/* TEXTO */

.od-hero-carousel .od-hero-content{
    position:relative;
    z-index:5;

    width:min(700px, 88%);

    padding:
        80px
        max(5vw, 48px)
        78px;
}


.od-hero-carousel h1{
    margin:0 0 22px;

    color:#fff!important;

    font-family:'Playfair Display', serif;

    font-size:clamp(52px, 6vw, 94px);
    font-weight:600;

    line-height:.96;

    letter-spacing:-2px;

    text-shadow:
        0 5px 35px rgba(0,0,0,.45);
}


.od-hero-carousel h1 em{
    display:block;

    color:var(--od-pink-2)!important;

    font-weight:400;
}


.od-hero-carousel .od-hero-copy{
    max-width:570px;

    margin-top:20px;

    color:#ddd4d8!important;

    font-size:18px;
}


.od-hero-center .od-hero-copy{
    margin-left:auto;
    margin-right:auto;
}


.od-hero-right .od-hero-copy{
    margin-left:auto;
}


/* BOTONES */

.od-hero-carousel .od-hero-actions{
    display:flex;
    flex-wrap:wrap;

    gap:12px;

    margin-top:30px;
}


.od-hero-center .od-hero-actions{
    justify-content:center;
}


.od-hero-right .od-hero-actions{
    justify-content:flex-end;
}


/* FLECHAS */

.od-hero-control{
    top:50%;

    width:52px;
    height:52px;

    margin-top:-26px;

    border:1px solid rgba(255,255,255,.25);

    background:rgba(7,5,7,.55);

    backdrop-filter:blur(10px);

    opacity:1;

    border-radius:50%;
}


.od-hero-prev{
    left:24px;
}


.od-hero-next{
    right:24px;
}


.od-hero-control .material-symbols-outlined{
    color:#fff!important;

    font-size:25px;
}


.od-hero-control:hover{
    background:var(--od-pink);

    border-color:var(--od-pink);
}


/* INDICADORES */

.od-hero-indicators{
    z-index:10;

    bottom:21px;

    gap:7px;

    margin-bottom:0;
}


.od-hero-indicators [data-bs-target]{
    width:30px;
    height:3px;

    margin:0;

    border:0;

    background:#fff;

    opacity:.35;

    transition:
        width .3s ease,
        opacity .3s ease,
        background .3s ease;
}


.od-hero-indicators .active{
    width:55px;

    background:var(--od-pink);

    opacity:1;
}


/* TRANSICIÓN */

.od-hero-carousel .carousel-item{
    transition:
        transform .8s cubic-bezier(.4,0,.2,1),
        opacity .8s ease;
}


/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width:991.98px){

    .od-hero-slide{
        min-height:720px;

        align-items:flex-end;

        background-position:center top;
    }

    .od-hero-carousel .od-hero-content{
        width:100%;

        padding:
            0
            25px
            72px;
    }

    .od-hero-carousel h1{
        font-size:clamp(
            48px,
            12vw,
            72px
        );

        line-height:.98;
    }

    .od-hero-carousel .od-hero-copy{
        max-width:420px;

        font-size:15px;
    }

    .od-hero-control{
        width:42px;
        height:42px;

        top:44%;
    }

    .od-hero-prev{
        left:12px;
    }

    .od-hero-next{
        right:12px;
    }

}


@media (max-width:575.98px){

    .od-hero-slide{
        min-height:690px;
    }

    .od-hero-carousel .od-hero-content{
        padding:
            0
            20px
            65px;
    }

    .od-hero-carousel h1{
        font-size:49px;

        letter-spacing:-1px;
    }

    .od-hero-carousel .od-hero-copy{
        font-size:14px;

        line-height:1.55;
    }

    .od-hero-carousel .od-hero-actions{
        gap:8px;

        margin-top:22px;
    }

    .od-hero-control{
        display:none;
    }

    .od-hero-indicators{
        bottom:18px;
    }

}

/* =========================================================
   ONE DRESS - AJUSTES MOBILE
========================================================= */

@media (max-width: 991.98px) {

    /* El botón flotante de asistente sobra porque
       ya existe navegación inferior */
    body.onedress-site .assistant-btn {
        display: none !important;
    }

    /* Por seguridad, ocultamos también el panel flotante
       si quedó abierto antes de cambiar de viewport */
    body.onedress-site .assistant-panel {
        display: none !important;
    }


    /* HERO:
       en móvil dejamos swipe + indicadores.
       Quitamos flechas laterales */
    .od-hero-carousel .carousel-control-prev,
    .od-hero-carousel .carousel-control-next,
    .od-hero-control {
        display: none !important;
    }

}