/* V9 — Proyectos destacados premium */
.section-projects{
  position:relative;
  overflow:hidden;
  padding:112px 0 92px!important;
  background:
    radial-gradient(circle at 76% 7%,rgba(76,83,255,.14),transparent 28%),
    radial-gradient(circle at 13% 80%,rgba(41,116,255,.10),transparent 32%),
    linear-gradient(180deg,#07101f 0%,#050a17 100%)!important;
  isolation:isolate;
}
.section-projects::before{
  content:"";position:absolute;inset:0;z-index:-3;
  background-image:linear-gradient(rgba(104,125,195,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(104,125,195,.032) 1px,transparent 1px);
  background-size:62px 62px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,.25));
}
.section-projects::after{
  content:"";position:absolute;right:-110px;top:44px;width:470px;height:240px;border:1px solid rgba(100,110,255,.18);border-radius:50%;transform:rotate(-13deg);box-shadow:0 0 0 36px rgba(91,91,255,.025),0 0 54px rgba(93,74,255,.08);z-index:-2;
}
.projects-head{align-items:center!important;margin-bottom:38px!important}
.projects-title-wrap{position:relative}
.projects-title-wrap::before{content:"";position:absolute;left:-22px;top:58px;width:2px;height:120px;background:linear-gradient(#7c67ff,rgba(69,190,255,.15),transparent);box-shadow:0 0 15px rgba(101,104,255,.65)}
.projects-eyebrow{display:flex;align-items:center;gap:10px;color:#8da4ff!important}
.projects-eyebrow>span{font-size:1rem;color:#7d76ff}.projects-eyebrow i{width:42px;height:1px;background:linear-gradient(90deg,#6e70ff,transparent)}
.projects-head h2{max-width:820px!important;font-size:clamp(2.45rem,4vw,4.25rem)!important;line-height:1.03!important;letter-spacing:-.055em!important}
.projects-head h2 span{position:relative}.projects-head h2 span::after{content:"";position:absolute;right:-11px;bottom:7px;width:8px;height:8px;border-radius:50%;background:#7668ff;box-shadow:0 0 17px #7668ff}
.projects-head>div>p:last-child{font-size:.98rem;line-height:1.65}
.project-controls-v9{position:relative;padding:18px 10px}
.project-controls-v9::before{content:"";position:absolute;inset:-30px -55px;border:1px solid rgba(92,96,255,.15);border-radius:50%;transform:rotate(-12deg);pointer-events:none}
.project-controls-v9 button{height:54px!important;padding:0 26px!important;border-color:rgba(126,145,235,.25)!important;background:rgba(13,20,42,.68)!important;backdrop-filter:blur(12px);font-size:.87rem!important}
.project-controls-v9 .project-next{background:linear-gradient(100deg,#4b69ff,#713cff)!important;border-color:rgba(132,126,255,.66)!important;box-shadow:0 0 24px rgba(88,87,255,.35),inset 0 1px 0 rgba(255,255,255,.18)!important}
.project-controls-v9 .project-next:hover{box-shadow:0 0 0 5px rgba(96,94,255,.08),0 0 38px rgba(93,81,255,.55)!important}
.project-carousel-v9{position:relative;padding-inline:18px}
.project-viewport{overflow:hidden!important;padding:20px 0 22px!important;border-radius:32px!important}
.project-track{gap:18px!important;align-items:center}
.project-card{
  height:500px!important;
  border-radius:25px!important;
  border:1px solid rgba(118,139,219,.21)!important;
  background:#0b1429!important;
  overflow:hidden!important;
  box-shadow:0 25px 62px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)!important;
  opacity:.82;
  transform:scale(.965);
  transition:transform .48s cubic-bezier(.2,.75,.2,1),opacity .35s ease,border-color .35s ease,box-shadow .35s ease!important;
}
.project-card::before{content:"";position:absolute;inset:-1px;z-index:3;border-radius:inherit;padding:1px;background:linear-gradient(145deg,rgba(79,187,255,.35),transparent 25%,transparent 67%,rgba(123,76,255,.28));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.35;pointer-events:none;transition:opacity .35s ease}
.project-card::after{background:linear-gradient(180deg,rgba(4,9,20,.02) 26%,rgba(5,10,23,.13) 48%,rgba(5,10,24,.98) 91%)!important}
.project-card.is-featured{opacity:1;transform:scale(1.035) translateY(-7px);z-index:4;border-color:rgba(116,91,255,.74)!important;box-shadow:0 32px 75px rgba(0,0,0,.42),0 0 0 1px rgba(102,102,255,.24),0 0 42px rgba(93,68,255,.35),0 20px 55px rgba(49,87,255,.20)!important}
.project-card.is-featured::before,.project-card:hover::before{opacity:1}
.project-card:hover{opacity:1;transform:scale(.99) translateY(-7px)!important;border-color:rgba(89,157,255,.52)!important;box-shadow:0 30px 72px rgba(0,0,0,.38),0 0 30px rgba(73,115,255,.18)!important}
.project-card.is-featured:hover{transform:scale(1.04) translateY(-9px)!important}
.project-card>img{object-position:center top!important;filter:saturate(.95) contrast(1.03);transition:transform .75s cubic-bezier(.2,.7,.2,1),filter .45s ease!important}
.project-card:hover>img,.project-card.is-featured>img{transform:scale(1.035)!important;filter:saturate(1.08) contrast(1.04)}
.project-index{position:absolute;z-index:5;left:20px;top:18px;display:grid;place-items:center;min-width:50px;height:34px;padding:0 12px;border:1px solid rgba(133,141,255,.32);border-radius:999px;background:rgba(12,20,45,.72);backdrop-filter:blur(10px);color:#9aa8ff;font-size:.76rem;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.project-featured-badge{display:none;position:absolute;z-index:6;right:18px;top:18px;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(125,100,255,.48);border-radius:999px;background:linear-gradient(100deg,rgba(75,82,255,.8),rgba(104,56,212,.82));font-size:.67rem;font-weight:800;box-shadow:0 0 18px rgba(102,73,255,.35)}
.project-card.is-featured .project-featured-badge{display:inline-flex}
.project-overlay{padding:25px 28px 24px!important;background:linear-gradient(180deg,rgba(7,13,29,.15),rgba(6,11,25,.92));backdrop-filter:blur(5px);border-top:1px solid rgba(132,151,222,.12)}
.project-overlay small{font-size:.66rem!important;color:#8e9fc4!important}.project-overlay h3{font-size:1.75rem!important;margin:7px 0 5px!important}.project-overlay p{font-size:.86rem!important;line-height:1.5;max-width:88%;color:#b5bfd7!important}.project-overlay a{font-size:.84rem!important;color:#8f91ff!important}
.project-mini-icon{position:absolute;right:24px;bottom:52px;width:44px;height:44px;border:1px solid rgba(116,132,215,.24);border-radius:50%;display:grid;place-items:center;color:#9c9eff;background:rgba(15,23,49,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:.25s}
.project-card:hover .project-mini-icon,.project-card.is-featured .project-mini-icon{border-color:rgba(115,99,255,.56);box-shadow:0 0 22px rgba(91,79,255,.24)}
.project-side{position:absolute;z-index:9;top:50%;width:54px;height:54px;transform:translateY(-50%);border:1px solid rgba(128,145,230,.3);border-radius:50%;background:rgba(10,18,39,.82);backdrop-filter:blur(12px);color:#e9edff;font-size:1.3rem;cursor:pointer;box-shadow:0 15px 35px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07);transition:.25s}
.project-side:hover{border-color:rgba(111,103,255,.72);background:rgba(49,49,124,.55);box-shadow:0 0 0 5px rgba(91,83,255,.08),0 0 25px rgba(86,79,255,.35)}
.project-side-prev{left:-50px}.project-side-next{right:-50px}
.project-pagination{margin-top:27px!important}.project-dot{width:12px!important;height:12px!important}.project-dot.is-active{width:38px!important;box-shadow:0 0 20px rgba(103,118,255,.7)!important}
.section-projects .project-glow{position:absolute;width:330px;height:220px;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.18;background:#5b51ff;z-index:-1}
@media(max-width:1100px){.project-side-prev{left:-12px}.project-side-next{right:-12px}.project-card{height:470px!important}.projects-title-wrap::before{display:none}}
@media(max-width:900px){.project-controls-v9::before{display:none}.project-side{display:none}.project-card{transform:none!important;opacity:1}.project-card.is-featured{transform:none!important}.projects-head h2 br,.projects-head>div>p:last-child br{display:none}}
@media(max-width:640px){.section-projects{padding:80px 0 70px!important}.projects-head h2{font-size:clamp(2.15rem,10vw,3.1rem)!important}.project-controls-v9{padding:0}.project-controls-v9 button{padding:0 15px!important}.project-carousel-v9{padding-inline:0}.project-card{height:440px!important}.project-overlay p{max-width:100%}.project-mini-icon{bottom:45px}}

/* V9.1 corrective layer: live glow and polished focus */
.project-card{--project-x:50%;--project-y:25%;isolation:isolate}
.project-card .project-overlay{z-index:5}
.project-card::before{z-index:6!important}
.project-card::after{z-index:2!important}
.project-card .project-featured-badge,.project-card .project-index{z-index:8}
.project-card .project-featured-badge{display:none!important}
.project-card.is-featured .project-featured-badge{display:inline-flex!important}
.project-card::marker{display:none}
.project-card .project-live-light{display:none}
.project-card > img{position:relative;z-index:1}
.project-card .project-overlay::before{
  content:"";position:absolute;inset:-80% -35%;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at var(--project-x) var(--project-y),rgba(92,137,255,.17),transparent 20%);
  opacity:0;transition:opacity .32s ease;
}
.project-card:hover .project-overlay::before,.project-card.is-featured .project-overlay::before{opacity:1}
.project-card.is-featured{
  animation:projectFeaturedPulse 4.2s ease-in-out infinite;
}
.project-card.is-featured::after{
  background:linear-gradient(180deg,rgba(4,9,20,.01) 18%,rgba(7,11,25,.06) 48%,rgba(5,10,24,.98) 91%)!important;
}
.project-card.is-featured .project-overlay{
  border-top-color:rgba(113,113,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 -18px 55px rgba(78,58,255,.08);
}
.project-card.is-featured .project-index{background:linear-gradient(100deg,#5269ff,#7545ff);color:#fff;border-color:rgba(178,176,255,.65);box-shadow:0 0 20px rgba(98,87,255,.45)}
.project-card.is-featured .project-mini-icon{background:rgba(45,37,111,.58);box-shadow:0 0 28px rgba(102,79,255,.38)}
.project-controls-v9 .project-next{animation:projectButtonPulse 3.4s ease-in-out infinite}
.project-side{display:grid;place-items:center}
@keyframes projectFeaturedPulse{
  0%,100%{box-shadow:0 32px 75px rgba(0,0,0,.42),0 0 0 1px rgba(102,102,255,.24),0 0 36px rgba(93,68,255,.28),0 20px 55px rgba(49,87,255,.17)}
  50%{box-shadow:0 36px 82px rgba(0,0,0,.46),0 0 0 1px rgba(126,115,255,.42),0 0 58px rgba(105,71,255,.47),0 22px 65px rgba(46,110,255,.26)}
}
@keyframes projectButtonPulse{
  0%,100%{filter:brightness(1)}50%{filter:brightness(1.15)}
}
@media(prefers-reduced-motion:reduce){.project-card.is-featured,.project-controls-v9 .project-next{animation:none!important}}

/* V9.2 — Visual match refinement: wider composition, floating cards and live glow */
.section-projects{
  padding:96px 0 88px!important;
  background:
    radial-gradient(circle at 72% 14%,rgba(76,83,255,.18),transparent 30%),
    radial-gradient(circle at 50% 94%,rgba(67,76,255,.15),transparent 34%),
    radial-gradient(circle at 10% 72%,rgba(27,114,255,.10),transparent 31%),
    linear-gradient(180deg,#070f20 0%,#050a18 100%)!important;
}
.projects-head{margin-bottom:28px!important}
.projects-head h2{
  max-width:720px!important;
  font-size:clamp(2.25rem,3.35vw,3.55rem)!important;
  line-height:1.06!important;
  letter-spacing:-.05em!important;
}
.projects-head>div>p:last-child{max-width:560px;font-size:.92rem!important;color:#9eacc8!important}
.projects-title-wrap::before{height:108px;top:52px}
.project-controls-v9 .project-next{
  box-shadow:0 0 0 1px rgba(132,126,255,.23),0 0 26px rgba(88,87,255,.42),0 8px 28px rgba(38,42,109,.38),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.project-carousel-v9{max-width:1280px!important;padding-inline:68px!important}
.project-viewport{
  width:100%;
  overflow:hidden!important;
  padding:34px 0 46px!important;
  border-radius:36px!important;
}
.project-track{gap:22px!important;align-items:center}
.project-card{
  flex-basis:calc((100% - 44px)/3)!important;
  height:470px!important;
  border-radius:24px!important;
  opacity:.9;
  transform:scale(.97) translateY(4px);
  filter:drop-shadow(0 24px 26px rgba(0,0,0,.42));
  box-shadow:
    0 26px 65px rgba(0,0,0,.46),
    0 15px 34px rgba(42,75,190,.11),
    inset 0 1px 0 rgba(255,255,255,.055)!important;
  transition:transform .5s cubic-bezier(.2,.78,.2,1),opacity .35s ease,border-color .35s ease,box-shadow .35s ease,filter .35s ease!important;
}
.project-card::before{
  opacity:.52!important;
  background:linear-gradient(135deg,rgba(68,192,255,.58),rgba(91,102,255,.18) 28%,transparent 48%,rgba(147,68,255,.52) 82%,rgba(77,183,255,.4))!important;
}
.project-card:hover{
  opacity:1;
  transform:scale(.995) translateY(-12px)!important;
  border-color:rgba(101,160,255,.76)!important;
  filter:drop-shadow(0 34px 34px rgba(8,13,32,.62));
  box-shadow:
    0 36px 84px rgba(0,0,0,.52),
    0 0 0 1px rgba(112,146,255,.38),
    0 0 38px rgba(69,128,255,.34),
    0 18px 50px rgba(64,77,255,.2),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.project-card.is-featured{
  opacity:1;
  transform:scale(1.055) translateY(-14px)!important;
  filter:drop-shadow(0 40px 38px rgba(14,13,48,.58));
  border-color:rgba(128,106,255,.92)!important;
  box-shadow:
    0 42px 92px rgba(0,0,0,.58),
    0 0 0 1px rgba(134,122,255,.5),
    0 0 62px rgba(104,76,255,.58),
    0 24px 72px rgba(42,91,255,.32),
    inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.project-card.is-featured:hover{
  transform:scale(1.065) translateY(-18px)!important;
  box-shadow:
    0 48px 100px rgba(0,0,0,.62),
    0 0 0 1px rgba(158,139,255,.72),
    0 0 82px rgba(115,78,255,.72),
    0 26px 82px rgba(47,109,255,.4),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.project-card:hover::before,.project-card.is-featured::before{
  opacity:1!important;
  animation:projectBorderGlow 2.4s ease-in-out infinite;
}
.project-card .project-overlay{
  min-height:166px;
  background:linear-gradient(180deg,rgba(7,13,29,.22),rgba(5,10,25,.95) 42%,rgba(4,8,20,.99))!important;
  border-top:1px solid rgba(138,157,235,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 -22px 58px rgba(39,50,130,.14)!important;
}
.project-card .project-overlay::before{
  inset:-120% -60%!important;
  background:radial-gradient(circle at var(--project-x) var(--project-y),rgba(99,162,255,.34),rgba(116,86,255,.16) 12%,transparent 28%)!important;
  filter:blur(3px);
}
.project-card .project-overlay::after{
  content:"";
  position:absolute;
  inset:-65% auto -65% -42%;
  width:30%;
  transform:skewX(-18deg) translateX(-220%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  opacity:0;
  pointer-events:none;
}
.project-card:hover .project-overlay::after,.project-card.is-featured .project-overlay::after{
  opacity:1;
  animation:projectSheen 1.3s ease forwards;
}
.project-card.is-featured .project-overlay{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 -28px 72px rgba(83,59,255,.19),0 16px 36px rgba(52,58,185,.12)!important;
}
.project-card>img{filter:saturate(1.03) contrast(1.05) brightness(.96)!important}
.project-card:hover>img,.project-card.is-featured>img{filter:saturate(1.16) contrast(1.06) brightness(1.02)!important;transform:scale(1.055)!important}
.project-index{box-shadow:0 7px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.1)}
.project-card.is-featured .project-featured-badge{
  box-shadow:0 0 0 1px rgba(164,150,255,.26),0 0 26px rgba(102,73,255,.55),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.project-side{
  width:58px;height:58px;
  box-shadow:0 18px 42px rgba(0,0,0,.4),0 0 20px rgba(74,98,255,.12),inset 0 1px 0 rgba(255,255,255,.09)!important;
}
.project-side-prev{left:6px!important}.project-side-next{right:6px!important}
.project-pagination{margin-top:18px!important}
.project-dot.is-active{box-shadow:0 0 8px rgba(112,112,255,.95),0 0 24px rgba(87,97,255,.75)!important}
@keyframes projectBorderGlow{
  0%,100%{filter:brightness(1);opacity:.78}
  50%{filter:brightness(1.5);opacity:1}
}
@keyframes projectSheen{
  0%{transform:skewX(-18deg) translateX(-220%)}
  100%{transform:skewX(-18deg) translateX(620%)}
}
@media(max-width:1100px){
  .project-carousel-v9{padding-inline:36px!important}
  .project-card{height:455px!important}
  .project-side-prev{left:-2px!important}.project-side-next{right:-2px!important}
}
@media(max-width:900px){
  .project-carousel-v9{padding-inline:0!important}
  .project-card{flex-basis:calc((100% - 18px)/2)!important;height:450px!important;filter:none}
  .project-card,.project-card.is-featured,.project-card:hover,.project-card.is-featured:hover{transform:none!important}
}
@media(max-width:640px){
  .projects-head h2{font-size:clamp(2rem,9vw,2.8rem)!important}
  .project-card{flex-basis:100%!important;height:430px!important}
}