:root{
  --ec-black:#080706;
  --ec-night:#15110d;
  --ec-paper:#eee2cf;
  --ec-paper-soft:#f6eddd;
  --ec-gold:#b99555;
  --ec-gold-dark:#8f713f;
  --ec-red:#8b1f20;
  --ec-ink:#17110d;
}

.collection-card:has(a[href*="expediente-confidencial"]) .collection-name,
.collection-card:has(a[href*="expediente-confidencial"]) h2,
.collection-card:has(a[href*="expediente-confidencial"]) h3{
  font-size:clamp(18px,1.55vw,24px)!important;
  white-space:nowrap!important;
  letter-spacing:-.02em!important;
}

.ec-catalog-phone .phone-screen{background:#080706!important;overflow:hidden!important}
.ec-catalog-phone img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important}

.ec-envelope-page{
  min-height:100vh;
  background:radial-gradient(circle at 50% 22%,#31231a 0,#090806 62%);
  display:grid;
  place-content:center;
  text-align:center;
  gap:26px;
  color:#d9c18a;
}
.ec-envelope{border:0;background:transparent;padding:0;cursor:pointer}
.ec-envelope-card{
  width:min(430px,78vw);
  aspect-ratio:.72;
  display:grid;
  place-content:center;
  gap:26px;
  padding:44px;
  color:#eadfcf;
  border:1px solid rgba(185,149,85,.65);
  box-shadow:0 28px 80px rgba(0,0,0,.65),inset 0 0 0 8px #0d0b09,inset 0 0 0 9px rgba(185,149,85,.18);
  background:
    linear-gradient(135deg,transparent 49.5%,rgba(185,149,85,.28) 50%,transparent 50.5%),
    linear-gradient(225deg,transparent 49.5%,rgba(185,149,85,.18) 50%,transparent 50.5%),
    radial-gradient(circle at 50% 38%,#2a1f18,#080706 70%);
  transition:transform .55s ease,opacity .55s ease;
}
.ec-envelope.is-open .ec-envelope-card{transform:scale(.94) rotateX(8deg);opacity:.18}
.ec-envelope-card small,.ec-envelope-card em,.ec-envelope-page p{
  margin:0;
  font:600 10px/1.4 Montserrat,Arial,sans-serif;
  letter-spacing:.34em;
  text-transform:uppercase;
}
.ec-envelope-card b{
  font:400 34px/1.18 Georgia,serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ec-envelope-card i{
  justify-self:center;
  border:1px solid var(--ec-gold);
  padding:14px 22px;
  font:600 10px/1 Montserrat,Arial,sans-serif;
  letter-spacing:.24em;
  font-style:normal;
  text-transform:uppercase;
}

.ec-stage{
  min-height:100vh;
  background:#1a1712;
  display:flex;
  justify-content:center;
  align-items:flex-start;
}
.ec-page{
  width:100%;
  max-width:430px;
  min-height:100vh;
  margin:0 auto;
  color:var(--ec-paper);
  background:var(--ec-black);
  box-shadow:0 0 72px rgba(0,0,0,.55);
  overflow:hidden;
  font-family:Montserrat,Arial,sans-serif;
}
.ec-page *{box-sizing:border-box}
.ec-cover,.ec-section,.ec-final{
  position:relative;
  width:100%;
  max-width:430px;
  margin:0;
  overflow:hidden;
}

.ec-reveal{
  animation:ecRise .75s ease both;
  animation-timeline:view();
  animation-range:entry 0% cover 26%;
}
@keyframes ecRise{
  from{opacity:.25;transform:translateY(26px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

.ec-border{
  position:absolute;
  inset:14px;
  z-index:6;
  border:1px solid rgba(185,149,85,.68);
  pointer-events:none;
}
.ec-border:before,.ec-border:after{
  content:"";
  position:absolute;
  width:54px;
  height:54px;
  border:1px solid rgba(185,149,85,.55);
}
.ec-border:before{left:-1px;top:-1px;border-right:0;border-bottom:0}
.ec-border:after{right:-1px;bottom:-1px;border-left:0;border-top:0}

.ec-cover{
  min-height:760px;
  aspect-ratio:9/16;
  background:
    radial-gradient(circle at 50% 38%,rgba(185,149,85,.14),transparent 35%),
    linear-gradient(180deg,#130e0b,#060504 78%);
}
.ec-topbar{
  position:absolute;
  z-index:8;
  top:26px;
  left:28px;
  right:28px;
  display:flex;
  justify-content:space-between;
  gap:14px;
  color:#cdb989;
  font:700 7px/1.5 Montserrat,Arial,sans-serif;
  letter-spacing:.28em;
  text-transform:uppercase;
}
.ec-cover-photo{
  position:absolute;
  z-index:2;
  left:50%;
  top:92px;
  width:70%;
  height:365px;
  margin:0;
  transform:translateX(-50%) rotate(-1.2deg);
  padding:8px 8px 26px;
  background:#e9ddca;
  border:1px solid rgba(185,149,85,.65);
  box-shadow:0 18px 50px rgba(0,0,0,.45);
}
.ec-cover-photo:after{
  content:"EVIDENCIA 01";
  position:absolute;
  left:18px;
  bottom:8px;
  color:#6e5631;
  font:700 7px/1 Montserrat,Arial,sans-serif;
  letter-spacing:.28em;
}
.ec-cover-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  filter:brightness(.78) sepia(.16) contrast(1.02);
}
.ec-cover:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  background:linear-gradient(180deg,transparent 0 38%,rgba(5,4,3,.16) 52%,rgba(5,4,3,.94) 100%);
  pointer-events:none;
}
.ec-cover-copy{
  position:absolute;
  z-index:9;
  left:32px;
  right:32px;
  bottom:72px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.ec-cover-copy small,.ec-section-head small,.ec-final small{
  display:block;
  color:var(--ec-gold);
  font:700 8px/1.4 Montserrat,Arial,sans-serif;
  letter-spacing:.38em;
  text-transform:uppercase;
}
.ec-cover-copy h1{
  margin:10px 0 4px;
  color:#efe5d8;
  font:400 40px/1.02 Georgia,serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ec-cover-copy h1 span{
  color:var(--ec-gold);
  font-style:italic;
  letter-spacing:0;
  text-transform:none;
}
.ec-cover-copy p{
  margin:0 0 18px;
  color:#c5aa71;
  font:600 8px/1.5 Montserrat,Arial,sans-serif;
  letter-spacing:.32em;
}
.ec-cover-copy em{
  margin-top:14px;
  color:#d7c08c;
  font:600 8px/1 Montserrat,Arial,sans-serif;
  letter-spacing:.38em;
  font-style:normal;
}
.ec-seal{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 15px;
  border:1px solid var(--ec-red);
  color:#b93838;
  transform:rotate(-3deg);
  font:700 10px/1 Georgia,serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.ec-code{
  position:absolute;
  z-index:8;
  right:22px;
  bottom:116px;
  color:#b99555;
  font:700 7px/1 Montserrat,Arial,sans-serif;
  letter-spacing:.24em;
  writing-mode:vertical-rl;
}

.ec-paper{
  color:var(--ec-ink);
  background:
    linear-gradient(90deg,rgba(185,149,85,.16),transparent 13%,transparent 87%,rgba(185,149,85,.13)),
    radial-gradient(circle at 14% 9%,rgba(255,255,255,.5),transparent 22%),
    var(--ec-paper);
}
.ec-dark{
  color:var(--ec-paper);
  background:
    radial-gradient(circle at 50% 0,rgba(185,149,85,.12),transparent 38%),
    linear-gradient(180deg,#17110d,#090706);
}
.ec-section{
  min-height:610px;
  padding:50px 24px;
  border-bottom:1px solid rgba(185,149,85,.25);
}
.ec-section-head{
  position:relative;
  z-index:2;
  text-align:center;
  margin:0 auto 25px;
}
.ec-section-head h2{
  margin:9px 0 10px;
  font:400 39px/1.02 Georgia,serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ec-rule{display:none!important}

.ec-countdown{
  min-height:315px;
  padding-top:38px;
  padding-bottom:38px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.ec-countdown .ec-section-head{margin-bottom:12px}
.ec-countdown .ec-section-head h2{
  font-size:26px;
  letter-spacing:.12em;
  line-height:1.05;
  margin:7px 0 2px;
}
.ec-counter{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  margin:12px auto 14px;
  width:100%;
  max-width:355px;
  border-top:1px solid rgba(185,149,85,.45);
  border-bottom:1px solid rgba(185,149,85,.45);
}
.ec-counter span{
  min-height:66px;
  display:grid;
  place-content:center;
  border-right:1px solid rgba(185,149,85,.42);
}
.ec-counter span:last-child{border-right:0}
.ec-counter b{
  display:block;
  color:#111;
  font:400 31px/1 Georgia,serif;
}
.ec-counter small{
  margin-top:8px;
  color:#8d713e;
  font:700 7px/1 Montserrat,Arial,sans-serif;
  letter-spacing:.24em;
  text-transform:uppercase;
}
.ec-countdown p{
  max-width:300px;
  margin:0 auto;
  text-align:center;
  font:400 11px/1.55 Montserrat,Arial,sans-serif;
  letter-spacing:.04em;
}

.ec-file-card{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.ec-photo{
  width:100%;
  margin:0 auto;
  padding:7px;
  background:#e9ddca;
  border:1px solid rgba(185,149,85,.65);
  box-shadow:0 16px 36px rgba(0,0,0,.16);
}
.ec-dark .ec-photo{background:#efe2ce}
.ec-photo img{
  display:block;
  width:100%;
  height:275px;
  object-fit:cover;
  object-position:center;
}
.ec-photo.is-tall img{height:330px}
.ec-photo.is-dress img{height:360px;object-position:center top}
.ec-file-copy{
  position:relative;
  z-index:2;
  width:100%;
  margin-top:24px;
  padding:22px 20px 24px;
  text-align:center;
  border:1px solid rgba(185,149,85,.45);
  background:rgba(246,237,221,.68);
}
.ec-dark .ec-file-copy{
  background:rgba(18,13,9,.82);
  border-color:rgba(185,149,85,.46);
}
.ec-case-num{
  position:absolute;
  top:-17px;
  left:50%;
  transform:translateX(-50%);
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  color:var(--ec-gold);
  background:var(--ec-night);
  border:1px solid rgba(185,149,85,.7);
  border-radius:50%;
  font:400 16px/1 Georgia,serif;
}
.ec-paper .ec-case-num{color:#efe4d2}
.ec-file-copy h3{
  margin:10px 0 8px;
  font:400 26px/1.1 Georgia,serif;
  letter-spacing:.03em;
}
.ec-file-copy p,.ec-dress-copy p,.ec-album p,.ec-final p{
  margin:0 auto;
  max-width:320px;
  font:400 12px/1.72 Montserrat,Arial,sans-serif;
  letter-spacing:.03em;
}
.ec-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  margin-top:20px;
  padding:0 22px;
  color:inherit;
  border:1px solid var(--ec-gold);
  background:transparent;
  text-decoration:none;
  font:700 8px/1 Montserrat,Arial,sans-serif;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.ec-paper .ec-btn{background:#17110d;color:#efe4d2}

.ec-dress{min-height:650px}
.ec-dress-copy{
  margin-top:22px;
  text-align:center;
}
.ec-palette{
  display:flex;
  justify-content:center;
  gap:12px;
  margin-top:20px;
}
.ec-palette span{
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid var(--ec-gold);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.16);
}
.ec-palette span:nth-child(1){background:#080706}
.ec-palette span:nth-child(2){background:#efe4d2}
.ec-palette span:nth-child(3){background:#b99555}
.ec-palette span:nth-child(4){background:#8b1f20}

.ec-itinerary{
  min-height:690px;
  padding-left:26px;
  padding-right:26px;
}
.ec-timeline{
  position:relative;
  margin:32px auto 0;
  max-width:360px;
}
.ec-timeline:before{
  content:"";
  position:absolute;
  left:49px;
  top:8px;
  bottom:8px;
  width:1px;
  background:linear-gradient(180deg,transparent,var(--ec-gold),transparent);
}
.ec-timeline article{
  position:relative;
  display:grid;
  grid-template-columns:42px 70px 1fr;
  gap:13px;
  align-items:center;
  min-height:88px;
  border-bottom:1px solid rgba(185,149,85,.22);
}
.ec-timeline i{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  color:#080706;
  background:var(--ec-gold);
  border-radius:50%;
  font:700 10px/1 Montserrat,Arial,sans-serif;
  font-style:normal;
}
.ec-timeline time{
  color:#d8c18e;
  font:400 20px/1 Georgia,serif;
}
.ec-timeline b{
  display:block;
  font:400 20px/1.1 Georgia,serif;
}
.ec-timeline small{
  display:block;
  margin-top:5px;
  color:#b99555;
  font:600 7px/1.45 Montserrat,Arial,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.ec-gallery{
  min-height:680px;
}
.ec-carousel{
  position:relative;
  margin:30px auto 0;
  width:100%;
}
.ec-track{
  position:relative;
  height:430px;
  overflow:hidden;
  border:1px solid rgba(185,149,85,.6);
  background:#e9ddca;
  padding:7px;
}
.ec-track figure{
  position:absolute;
  inset:7px;
  margin:0;
  opacity:0;
  transform:translateX(18px) scale(.985);
  transition:opacity .55s ease,transform .55s ease;
}
.ec-track figure.is-active{
  opacity:1;
  transform:translateX(0) scale(1);
  z-index:2;
}
.ec-track img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.ec-arrow{
  position:absolute;
  z-index:5;
  top:50%;
  width:39px;
  height:39px;
  border-radius:50%;
  border:1px solid rgba(185,149,85,.62);
  background:#f5ecde;
  color:#17110d;
  transform:translateY(-50%);
  font:400 28px/1 Georgia,serif;
  cursor:pointer;
}
.ec-arrow.prev{left:-8px}
.ec-arrow.next{right:-8px}
.ec-dots{
  display:flex;
  justify-content:center;
  gap:7px;
  margin-top:18px;
}
.ec-dots button{
  width:7px;
  height:7px;
  border:1px solid var(--ec-gold);
  border-radius:50%;
  background:transparent;
  padding:0;
}
.ec-dots button.is-active{background:var(--ec-gold)}

.ec-album{
  min-height:300px;
  padding-top:42px;
  padding-bottom:42px;
  display:grid;
  align-content:center;
  text-align:center;
}
.ec-album .ec-section-head{margin-bottom:12px}
.ec-album .ec-section-head h2{
  font-size:31px;
  line-height:1.08;
  letter-spacing:.06em;
  margin-top:8px;
}
.ec-album p{max-width:285px}
.ec-album .ec-btn{margin-top:18px}
.ec-album .ec-btn{justify-self:center}

.ec-page .vap289-album{
  width:100%!important;
  max-width:430px!important;
  min-height:300px!important;
  padding:42px 30px!important;
  margin:0!important;
  color:#efe4d2!important;
  background:
    radial-gradient(circle at 50% 0,rgba(185,149,85,.12),transparent 38%),
    linear-gradient(180deg,#0f0b08,#060504)!important;
  border:0!important;
  border-bottom:1px solid rgba(185,149,85,.25)!important;
  box-shadow:none!important;
}
.ec-page .vap289-album__inner{
  min-height:0!important;
  padding:0!important;
  display:grid!important;
  align-content:center!important;
  justify-items:center!important;
  text-align:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.ec-page .vap289-album__icon{
  width:30px!important;
  height:30px!important;
  margin:0 0 10px!important;
  opacity:.72!important;
  filter:sepia(.5) saturate(.8)!important;
}
.ec-page .vap289-album__kicker{
  margin:0 0 8px!important;
  color:var(--ec-gold)!important;
  font:700 8px/1.4 Montserrat,Arial,sans-serif!important;
  letter-spacing:.34em!important;
  text-transform:uppercase!important;
}
.ec-page .vap289-album h2{
  max-width:310px!important;
  margin:0 auto 13px!important;
  color:#efe4d2!important;
  font:400 30px/1.08 Georgia,serif!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.ec-page .vap289-album p{
  max-width:286px!important;
  margin:0 auto 18px!important;
  color:#d9cdbd!important;
  font:400 11px/1.62 Montserrat,Arial,sans-serif!important;
  letter-spacing:.03em!important;
}
.ec-page .vap289-album a,
.ec-page .vap289-album button{
  min-height:38px!important;
  padding:0 22px!important;
  border:1px solid var(--ec-gold)!important;
  background:transparent!important;
  color:#efe4d2!important;
  font:700 8px/1 Montserrat,Arial,sans-serif!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}

.ec-final{
  height:260px;
  color:#efe4d2;
  background:
    radial-gradient(circle at 92% 28%,rgba(185,149,85,.2),transparent 20%),
    linear-gradient(180deg,#100c09,#060504);
}
.ec-final>img{
  width:44%;
  height:100%;
  position:absolute;
  right:-7%;
  top:0;
  object-fit:cover;
  object-position:center;
  filter:brightness(.26) sepia(.12);
  opacity:.68;
}
.ec-final>div{
  position:absolute;
  inset:0;
  display:grid;
  align-content:center;
  justify-items:start;
  text-align:left;
  padding:34px 145px 34px 34px;
  background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.72) 62%,rgba(0,0,0,.2));
}
.ec-final h2{
  margin:10px 0 12px;
  color:#b73536;
  font:400 35px/1 Georgia,serif;
}
.ec-final p{max-width:220px;margin:0}
.ec-final .ec-rule{display:none!important}

.ec-product-gallery{align-items:start!important}
.ec-buy-page .vap-product-info-v175 h1{font-size:clamp(50px,5.8vw,78px)!important}
.ec-buy-phone{
  margin:0 auto;
  width:260px!important;
  height:520px!important;
  padding:10px!important;
  border-radius:38px!important;
  background:#080706!important;
  box-shadow:0 20px 45px rgba(0,0,0,.25)!important;
}
.ec-buy-phone .phone-screen{
  height:100%!important;
  border-radius:29px!important;
  overflow:hidden!important;
  background:#080706!important;
}
.ec-buy-phone #ecMainProduct{
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  border:0!important;
  background:#080706!important;
}
.ec-buy-phone #ecMainProduct img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:top center!important;
}
.vap-product-page-v175 .ec-product-gallery .vap-product-visual-v175{min-height:570px!important}
.ec-product-gallery .vap-product-thumb-v175 span{background:#f0e4d2!important}
.ec-product-gallery .vap-product-thumb-v175 img{object-fit:cover!important;object-position:top center!important}

@media (max-width:700px){
  .collection-card:has(a[href*="expediente-confidencial"]) .collection-name,
  .collection-card:has(a[href*="expediente-confidencial"]) h2,
  .collection-card:has(a[href*="expediente-confidencial"]) h3{font-size:17px!important}
  .ec-stage{padding:0}
  .ec-page{max-width:430px;box-shadow:none}
  .ec-section{padding:48px 22px}
  .ec-section-head h2{font-size:36px}
  .ec-cover-photo{top:88px;width:72%;height:350px}
  .ec-cover-copy h1{font-size:38px}
  .ec-cover-copy{bottom:66px}
  .ec-photo img{height:260px}
  .ec-photo.is-dress img{height:330px}
  .ec-track{height:405px}
  .ec-buy-phone{width:235px!important;height:470px!important}
}

@media (prefers-reduced-motion:reduce){
  .ec-reveal{animation:none!important}
  .ec-track figure{transition:none!important}
}