/* ═══ PLANS GRID — PREMIUM v2 ═══ */
.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:48px;align-items:stretch}
.plan-card{background:#fff;border:1.5px solid #ECECEC;border-radius:24px;padding:40px 28px 32px;text-align:left;position:relative;display:flex;flex-direction:column;transition:all .5s cubic-bezier(.16,1,.3,1);overflow:hidden;isolation:isolate}
.plan-card::before{content:'';position:absolute;top:0;left:-150%;width:80%;height:100%;background:linear-gradient(110deg,transparent 30%,rgba(0,102,255,.08) 50%,transparent 70%);transition:left .8s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:0}
.plan-card:hover{border-color:#0066FF;transform:translateY(-10px);box-shadow:0 32px 70px rgba(0,102,255,.14)}
.plan-card:hover::before{left:150%}
.plan-card>*{position:relative;z-index:1}

.plan-card.plan-popular{background:radial-gradient(ellipse at top right,#1E7BFF 0%,#0066FF 40%,#0048B8 100%);border:none;transform:scale(1.05);box-shadow:0 30px 80px rgba(0,102,255,.38),0 0 0 1px rgba(255,255,255,.08) inset;z-index:2;color:#fff}
.plan-card.plan-popular:hover{transform:scale(1.05) translateY(-10px);box-shadow:0 40px 100px rgba(0,102,255,.5),0 0 0 1px rgba(255,255,255,.1) inset}
.plan-card.plan-popular::before{background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%)}
.plan-glow{position:absolute;top:-100px;right:-100px;width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}
.plan-popular::after{content:'';position:absolute;bottom:-120px;left:-80px;width:240px;height:240px;background:radial-gradient(circle,rgba(0,194,255,.25) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}

.plan-corner{position:absolute;top:14px;right:14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#999;background:#F5F5F5;padding:5px 11px;border-radius:6px;z-index:2}
.plan-corner-light{color:rgba(255,255,255,.85);background:rgba(255,255,255,.15);backdrop-filter:blur(10px)}

.plan-ribbon{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#FFD700 0%,#FFB800 100%);color:#1a1a1a;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;padding:8px 22px;border-radius:999px;white-space:nowrap;box-shadow:0 12px 28px rgba(255,184,0,.45),0 0 0 4px rgba(255,184,0,.12);display:inline-flex;align-items:center;gap:6px;z-index:3}

.plan-head{margin-bottom:24px;margin-top:8px}
.plan-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 8px 20px rgba(0,0,0,.06)}
.plan-icon-blue{background:linear-gradient(135deg,#EBF2FF 0%,#DBE9FF 100%);color:#0066FF}
.plan-icon-white{background:#fff;color:#0066FF;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.plan-icon-green{background:linear-gradient(135deg,#E8FAF0 0%,#D1F5E0 100%);color:#10B981}
.plan-icon-orange{background:linear-gradient(135deg,#FFF3EE 0%,#FFE4D5 100%);color:#FF6B35}

.plan-tag{font-size:11px;font-weight:700;color:#0066FF;text-transform:uppercase;letter-spacing:2.2px;margin-bottom:8px;display:block}
.plan-name{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;color:#0A0A0A;letter-spacing:-.5px;margin:0;line-height:1.15;font-style:italic}
.plan-price{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:18px;padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,.06)}
.plan-popular .plan-price{border-bottom-color:rgba(255,255,255,.18)}
.plan-from{font-size:13px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:1px}
.plan-amt{font-size:48px;font-weight:800;color:#0A0A0A;letter-spacing:-2.5px;line-height:1;font-feature-settings:"tnum"}
.plan-unit{font-size:11.5px;color:#999;margin-top:6px;font-weight:600;letter-spacing:.3px}
.plan-desc{font-size:13.5px;color:#666;line-height:1.65;margin-bottom:22px}
.plan-feats{list-style:none;padding:0;margin:0 0 24px;flex:1;display:flex;flex-direction:column;gap:11px}
.plan-feats li{display:flex;align-items:flex-start;gap:11px;font-size:13.5px;color:#3a3a3a;line-height:1.5;font-weight:500}
.plan-feats li i{color:#0066FF;flex-shrink:0;margin-top:2px;background:#EBF2FF;border-radius:50%;padding:4px;width:22px !important;height:22px !important;box-sizing:border-box}
.plan-feats-light li{color:rgba(255,255,255,.95)}
.plan-feats-light li i{color:#0066FF;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.plan-feats-green li i{color:#10B981;background:#E8FAF0}
.plan-feats-orange li i{color:#FF6B35;background:#FFF3EE}

.plan-meta{display:flex;flex-direction:column;gap:6px;padding:14px 0;margin-bottom:18px;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05)}
.plan-meta span{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#666}
.plan-meta span i{color:#0066FF}
.plan-meta-light{border-top-color:rgba(255,255,255,.15);border-bottom-color:rgba(255,255,255,.15)}
.plan-meta-light span{color:rgba(255,255,255,.85)}
.plan-meta-light span i{color:#FFD700}

.plan-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 18px;border-radius:14px;font-size:14px;font-weight:700;letter-spacing:.3px;transition:all .3s cubic-bezier(.16,1,.3,1);margin-top:auto;text-decoration:none}
.plan-cta i{transition:transform .3s}
.plan-cta:hover i{transform:translateX(4px)}
.plan-cta-line{border:1.5px solid #E8E8E8;color:#0A0A0A;background:#fff}
.plan-cta-line:hover{border-color:#0066FF;color:#0066FF;background:#F8FBFF;transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,102,255,.1)}
.plan-cta-green:hover{border-color:#10B981;color:#10B981;background:#F0FBF5;box-shadow:0 10px 25px rgba(16,185,129,.12)}
.plan-cta-orange:hover{border-color:#FF6B35;color:#FF6B35;background:#FFF7F2;box-shadow:0 10px 25px rgba(255,107,53,.12)}
.plan-cta-white{background:#fff;color:#0066FF;border:none;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.plan-cta-white:hover{background:linear-gradient(135deg,#FFD700,#FFB800);color:#1a1a1a;transform:translateY(-3px);box-shadow:0 16px 40px rgba(255,184,0,.45)}



.addons-row{margin-top:64px;padding:32px 28px;background:#F9FAFB;border-radius:18px;border:1px dashed #E0E0E0;text-align:center}
.addons-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#666;margin-bottom:18px}
.addons-chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.addon-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #E8E8E8;color:#444;font-size:13px;font-weight:600;padding:10px 18px;border-radius:999px;transition:all .2s}
.addon-chip:hover{border-color:#0066FF;color:#0066FF;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,102,255,.08)}
.addon-chip i{color:#0066FF}

@media(max-width:1100px){.plans-grid{grid-template-columns:repeat(2,1fr)}.plan-card.plan-popular{transform:none}.plan-card.plan-popular:hover{transform:translateY(-8px)}}
@media(max-width:600px){.plans-grid{grid-template-columns:1fr;gap:16px}.plan-card{padding:32px 24px}}


/* ═══ TRABAJOS DESTACADOS GRID ═══ */
.works-sec{padding:120px 0;background:#0A0A0A;color:#fff;position:relative;overflow:hidden}
.works-sec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(0,102,255,.16),transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(255,184,0,.08),transparent 60%);pointer-events:none}
.works-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:18px;position:relative;z-index:2}
.work-card{position:relative;display:block;aspect-ratio:4/5;border-radius:18px;overflow:hidden;text-decoration:none;background:#1a1a1a;box-shadow:0 16px 40px rgba(0,0,0,.45);transition:all .5s cubic-bezier(.16,1,.3,1)}
.work-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 28px 70px rgba(0,0,0,.65)}
.work-card.featured{aspect-ratio:auto;grid-column:span 2;grid-row:span 2}
.work-img{position:absolute;inset:0;background-size:cover;background-position:center top;background-repeat:no-repeat;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.work-card:hover .work-img{transform:scale(1.07)}
.work-overlay{position:absolute;left:0;right:0;bottom:0;padding:22px 24px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.92) 100%);color:#fff;display:flex;flex-direction:column;gap:6px;z-index:2}
.work-tag{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:2.2px;color:#FFB800}
.work-name{font-family:'Playfair Display',serif;font-size:20px;font-weight:600;letter-spacing:-.3px;color:#fff;line-height:1.2}
.work-card.featured .work-name{font-size:32px}
.work-arrow{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.95);color:#0A0A0A;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(-8px);transition:all .4s cubic-bezier(.16,1,.3,1);z-index:3}
.work-card:hover .work-arrow{opacity:1;transform:translateX(0)}
@media(max-width:1100px){.works-grid{grid-template-columns:repeat(3,1fr)}.work-card.featured{grid-column:span 3;grid-row:span 1;aspect-ratio:16/9}}
@media(max-width:780px){.works-grid{grid-template-columns:repeat(2,1fr);gap:12px}.work-card.featured{grid-column:span 2;aspect-ratio:4/3}.work-card.featured .work-name{font-size:22px}}
@media(max-width:480px){.work-name{font-size:16px}}