/* YC Productos Experience V1.1 - plugin independiente */

/* Oculta solamente la experiencia vieja de Productos incluida en YC Immersive V1.2.
   No toca la portada, mariposa ni botón INICIAR. */
#yciv-services-overlay{display:none!important}

.ycpx-inline{
  --ycpx-bg:#050608;
  --ycpx-fg:#f7f9fc;
  --ycpx-muted:rgba(255,255,255,.62);
  --ycpx-line:rgba(255,255,255,.11);
  --ycpx-accent:#49a8ff;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#050608;
  color:var(--ycpx-fg);
  min-height:100vh;
  padding:clamp(74px,8vw,130px) clamp(22px,5vw,82px);
  border-radius:0;
}
.ycpx-inline *{box-sizing:border-box}
.ycpx-inline-orbs{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.ycpx-inline-orbs i{position:absolute;border-radius:50%;opacity:.38;animation:ycpxOrb 15s ease-in-out infinite}
.ycpx-inline-orbs i:nth-child(1){width:48vw;aspect-ratio:1;left:-16vw;top:-12vw;background:radial-gradient(circle,rgba(47,157,255,.62),transparent 68%)}
.ycpx-inline-orbs i:nth-child(2){width:42vw;aspect-ratio:1;right:-16vw;top:12vh;background:radial-gradient(circle,rgba(180,70,255,.48),transparent 70%);animation-direction:reverse}
.ycpx-inline-orbs i:nth-child(3){width:34vw;aspect-ratio:1;left:36vw;bottom:-20vw;background:radial-gradient(circle,rgba(18,214,170,.34),transparent 68%)}
@keyframes ycpxOrb{50%{transform:translate3d(3vw,-2vh,0) scale(1.08)}}

.ycpx-inline-head{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);
  gap:50px;
  align-items:end;
  max-width:1450px;
  margin:0 auto 54px;
}
.ycpx-inline-head small,
.ycpx-panel-hero>small{
  display:block;
  font:700 10px/1 Arial,sans-serif;
  letter-spacing:.34em;
  color:rgba(255,255,255,.5);
  margin-bottom:20px;
}
.ycpx-inline-head h2{
  margin:0!important;
  color:#fff!important;
  font:700 clamp(60px,9vw,138px)/.82 Arial,sans-serif!important;
  letter-spacing:-.07em!important;
}
.ycpx-inline-head>p{
  margin:0 0 8px;
  max-width:430px;
  color:rgba(255,255,255,.66);
  font:400 clamp(17px,1.6vw,23px)/1.5 Arial,sans-serif;
}

.ycpx-inline-grid{
  max-width:1450px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.ycpx-inline-card{
  position:relative;
  min-height:300px;
  overflow:hidden;
  padding:28px!important;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start!important;
  text-align:left!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018))!important;
  color:#fff!important;
  cursor:pointer;
  backdrop-filter:blur(12px);
  box-shadow:none!important;
  transform:none!important;
  transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s,background .35s!important;
}
.ycpx-inline-card::before{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(circle at 50% 118%,rgba(73,168,255,.32),transparent 55%);
  opacity:0;transform:scale(.82);
  transition:.45s;
}
.ycpx-inline-card:hover{
  transform:translateY(-9px)!important;
  border-color:rgba(73,168,255,.5)!important;
}
.ycpx-inline-card:hover::before{opacity:1;transform:scale(1.08)}
.ycpx-inline-card>*{position:relative;z-index:1}
.ycpx-n{font:700 11px Arial,sans-serif;letter-spacing:.2em;color:rgba(255,255,255,.4)}
.ycpx-k{margin-top:auto;font:700 9px/1.5 Arial,sans-serif;letter-spacing:.2em;color:rgba(255,255,255,.47)}
.ycpx-inline-card strong{
  display:block;
  margin-top:10px;
  max-width:92%;
  font:600 clamp(28px,3vw,48px)/.95 Arial,sans-serif;
  letter-spacing:-.045em;
}
.ycpx-inline-card em{
  margin-top:24px;
  font:700 9px Arial,sans-serif;
  letter-spacing:.2em;
  color:rgba(255,255,255,.58);
  font-style:normal;
}
.ycpx-inline-card em b{font-size:15px;margin-left:9px}

/* Detalle */
.ycpx-inline-detail{max-width:1450px;margin:0 auto}
.ycpx-panel{display:none;position:relative;min-height:88vh;padding-top:10px}
.ycpx-panel.active{display:block;animation:ycpxPanelIn .5s cubic-bezier(.2,.8,.2,1)}
@keyframes ycpxPanelIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

.ycpx-panel-top{
  display:flex;justify-content:space-between;align-items:center;
  min-height:72px;border-bottom:1px solid var(--ycpx-line);
}
.ycpx-panel-top button{
  border:0!important;background:none!important;color:#fff!important;padding:0!important;
  font:700 10px Arial,sans-serif!important;letter-spacing:.21em!important;transform:none!important
}
.ycpx-panel-top small{font:700 9px Arial,sans-serif;letter-spacing:.24em;color:rgba(255,255,255,.42)}

.ycpx-panel-hero{
  min-height:calc(82vh - 72px);
  display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;
  padding:70px 0;
}
.ycpx-panel-hero h3{
  margin:0 0 34px!important;
  color:#fff!important;
  font:700 clamp(58px,9vw,136px)/.82 Arial,sans-serif!important;
  letter-spacing:-.065em!important;
}
.ycpx-panel-hero>p{
  max-width:800px;
  margin:0 auto 42px;
  color:rgba(255,255,255,.72);
  font:400 clamp(18px,2.1vw,28px)/1.45 Arial,sans-serif;
}
.ycpx-panel-next{
  min-height:66px;padding:0 29px!important;border-radius:999px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.055)!important;color:#fff!important;
  font:700 11px Arial,sans-serif!important;letter-spacing:.22em!important
}
.ycpx-panel-next span{margin-left:17px;font-size:18px}

.ycpx-panel-steps{display:none;width:min(980px,100%);margin:0 auto;padding:58px 0 100px}
.ycpx-panel-steps.show{display:block}
.ycpx-step{
  opacity:.12;transform:translateY(22px);
  display:grid;grid-template-columns:90px 1fr;align-items:center;
  min-height:135px;padding:22px 0;
  border-bottom:1px solid var(--ycpx-line);
  transition:opacity .48s,transform .48s;
}
.ycpx-step.show{opacity:1;transform:none}
.ycpx-step span{font:700 11px Arial,sans-serif;letter-spacing:.2em;color:rgba(255,255,255,.38)}
.ycpx-step p{
  margin:0!important;
  color:#fff!important;
  font:500 clamp(25px,3.5vw,50px)/1.03 Arial,sans-serif!important;
  letter-spacing:-.04em!important;
}
.ycpx-panel-actions{opacity:0;transform:translateY(18px);padding-top:42px;text-align:center;transition:.45s}
.ycpx-panel-actions.show{opacity:1;transform:none}
.ycpx-panel-budget{
  min-height:66px;padding:0 30px!important;border-radius:999px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.055)!important;color:#fff!important;
  font:700 11px Arial,sans-serif!important;letter-spacing:.17em!important
}
.ycpx-panel-reset{
  display:block!important;margin:18px auto 0!important;border:0!important;background:none!important;
  color:rgba(255,255,255,.52)!important;font:700 9px Arial,sans-serif!important;letter-spacing:.17em!important;
  transform:none!important
}
.ycpx-panel-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.08)}
.ycpx-panel-progress i{display:block;width:0;height:100%;background:var(--ycpx-accent);transition:width .4s}

.ycpx-inline.ycpx-detail-open .ycpx-inline-head,
.ycpx-inline.ycpx-detail-open .ycpx-inline-grid{display:none}

@media(max-width:980px){
  .ycpx-inline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ycpx-inline-head{grid-template-columns:1fr}
}
@media(max-width:640px){
  .ycpx-inline{padding:72px 18px}
  .ycpx-inline-grid{grid-template-columns:1fr}
  .ycpx-inline-card{min-height:215px}
  .ycpx-panel-top small{display:none}
  .ycpx-step{grid-template-columns:44px 1fr}
  .ycpx-panel-hero h3{font-size:clamp(50px,16vw,84px)!important}
}
@media(prefers-reduced-motion:reduce){
  .ycpx-inline-orbs i{animation:none}
}