/* PHOTOLIFE.360 — Renovación desktop V5. Mantiene lógica y enlaces existentes. */
:root{--pl-bg:#07070e;--pl-panel:#0d0b16;--pl-line:rgba(233,44,255,.48);--pl-pink:#f126ff;--pl-violet:#8d35ff;--pl-text:#fff;--pl-muted:#d7d2df}
html{scroll-behavior:smooth} body{overflow-x:hidden;background:var(--pl-bg)}
/* HERO */
.pl-new-hero{position:relative;height:clamp(650px,45vw,800px);min-height:650px;background:#07070e;overflow:hidden;border-bottom:1px solid rgba(221,0,255,.22)}
.pl-hero-bg{position:absolute;inset:0;background-image:linear-gradient(to bottom,rgba(2,2,8,.01) 58%,rgba(2,2,8,.34) 100%),url('assets/hero-renovacion.png');background-size:cover;background-position:center 46%;background-repeat:no-repeat}
.pl-hero-actions{position:absolute;left:50%;bottom:46px;transform:translateX(-50%);display:flex;gap:18px;z-index:2;white-space:nowrap}
.pl-btn{height:54px;min-width:260px;padding:0 28px;border-radius:30px;display:flex;align-items:center;justify-content:center;gap:28px;font-weight:800;font-size:15px;text-decoration:none!important;letter-spacing:.15px;box-shadow:0 0 18px rgba(225,0,255,.12);transition:.2s}
.pl-btn-main{color:#fff!important;background:linear-gradient(90deg,#d500f9,#ff00c8);border:1px solid #ff36ec}.pl-btn-outline{color:#fff!important;background:rgba(8,7,16,.68);border:1px solid #e734ff;backdrop-filter:blur(8px)}.pl-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.pl-scroll{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);color:#fff!important;text-decoration:none!important;font-size:34px;z-index:2}
/* EXPERIENCIAS */
.pl-experiences{background:linear-gradient(180deg,#07070e,#090811);padding:28px 28px 0;color:#fff}.pl-exp-head{text-align:center;margin:0 auto 22px}.pl-kicker,.pl-section-kicker{font-size:12px;letter-spacing:7px;color:#d7b7ff;text-align:center;margin-bottom:5px}.pl-exp-head h2,.section-title{font-size:42px!important;line-height:1!important;margin:0!important;font-weight:900!important;letter-spacing:-1px;text-align:center;color:#fff}.pl-sub,.pl-section-sub{font-size:15px;letter-spacing:4px;color:#ef33ff;font-weight:800;margin:8px 0 24px;text-align:center}
.pl-cards{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.pl-card{display:flex;flex-direction:column;border:1px solid var(--pl-line);border-radius:13px;overflow:hidden;background:#0b0a12;color:#fff!important;text-decoration:none!important;box-shadow:0 10px 30px rgba(0,0,0,.22);transition:.2s}.pl-card:hover{transform:translateY(-3px);border-color:#ef44ff}.pl-card>img{width:100%;height:240px;object-fit:cover;display:block}.pl-card-body{padding:0 14px 14px;margin-top:-34px;position:relative;background:linear-gradient(to bottom,transparent,#0b0a12 34px,#0b0a12);text-align:left;flex:1;display:flex;flex-direction:column}.pl-icon{font-size:34px;height:42px;line-height:42px;color:#fff;text-shadow:0 0 8px #e100ff,0 0 15px #7a00ff}.pl-card h3{font-size:16px;margin:0 0 7px;font-weight:900}.pl-card p{font-size:13px;line-height:1.35;color:#eee;margin:0 0 14px;min-height:36px}.pl-card span{margin-top:auto;height:32px;border:1px solid #ed38ff;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.pl-pack{max-width:1480px;margin:18px auto 0;min-height:112px;border-top:1px solid rgba(226,39,255,.35);display:grid;grid-template-columns:1.1fr .9fr .7fr;align-items:center;gap:34px;padding:14px 7%;background:radial-gradient(circle at 10% 100%,rgba(202,0,255,.20),transparent 40%)}.pl-pack-title{font-family:cursive;font-size:42px;line-height:.85;text-align:center;font-style:italic}.pl-pack-title b{display:block;color:#ff36e8;font-weight:500}.pl-pack-copy{font-size:16px;line-height:1.45;border-left:1px solid #e238ff;padding-left:28px}.pl-pack-btn{justify-self:center;background:linear-gradient(90deg,#c600ff,#e600ff);color:#fff!important;text-decoration:none!important;font-weight:800;padding:16px 38px;border-radius:28px}
/* PRECIO: convierte la tabla existente en cards sin tocar sus datos/links */
#precios{background:#07070e!important;padding:42px 0 48px!important;border-top:0!important}#precios .container{max-width:1480px!important}#precios .table-wrap,#precios .table-responsive{overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}#precios table,#precios tbody{display:block;width:100%}#precios thead{display:none}#precios tbody{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#precios tr{display:flex;flex-direction:column;min-height:260px;padding:22px;border:1px solid var(--pl-line);border-radius:15px;background:radial-gradient(circle at 100% 0,rgba(132,0,255,.13),transparent 38%),#0b0a12;box-shadow:0 12px 28px rgba(0,0,0,.22)}#precios td{display:block!important;border:0!important;padding:0!important;background:transparent!important;color:#fff!important}#precios td:nth-child(1){font-size:19px;font-weight:900;margin-bottom:14px;text-transform:uppercase}#precios td:nth-child(2){font-size:14px;line-height:1.6;color:#e9e4ef!important;min-height:72px}#precios td:nth-child(2)::before{content:'✓ ';color:#ff32ec;font-weight:900}#precios td:nth-child(3){margin-top:auto;padding-top:18px!important;color:#ff43ef!important;font-size:13px}#precios td:nth-child(3)::before{content:'Desde';display:block;font-size:12px;color:#e041ff;margin-bottom:2px}#precios td:nth-child(3){font-weight:900;font-size:22px}#precios td:nth-child(4){display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}#precios .btn{min-height:40px!important;border-radius:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:12px!important;margin:0!important;padding:8px 12px!important}#precios .btn-table{border:1px solid #ed38ff!important;background:transparent!important;color:#fff!important}#precios .btn-solid{background:linear-gradient(90deg,#b900ff,#ef00e9)!important;color:#fff!important;border:0!important}#precios .note{text-align:center;color:#aaa;margin-top:20px;font-size:12px}
/* GALERIA */
#galeria{max-width:1480px!important;padding-top:40px!important;padding-bottom:38px!important;background:#090811}#galeria .gallery{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:8px!important;margin-top:18px!important}#galeria .gallery>*{border-radius:12px!important;overflow:hidden!important;min-height:150px!important}#galeria .gallery img{width:100%!important;height:150px!important;object-fit:cover!important;transition:.25s}#galeria .gallery img:hover{transform:scale(1.04)}#galeria .note{text-align:center!important;color:#999!important;margin-top:12px!important}
/* OPINIONES */
#opiniones{background:#07070e!important;padding:40px 0!important}#opiniones .container{max-width:1480px!important}#opiniones .reviews-header{border:1px solid rgba(232,55,255,.28)!important;background:#0b0a12!important;border-radius:14px!important;margin-bottom:16px!important}.g-reviews{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important}.g-card{background:#0b0a12!important;border:1px solid rgba(232,55,255,.35)!important;border-radius:14px!important;padding:18px!important;box-shadow:none!important}.g-text{color:#eee!important}.g-stars{color:#ffd84d!important}
/* FAQ */
#faq{max-width:1480px!important;padding:38px 24px 44px!important}#faq details{background:#0b0a12!important;border:1px solid rgba(232,55,255,.25)!important;border-radius:12px!important;margin:10px 0!important;padding:0 18px!important}#faq summary{font-weight:800!important;color:#fff!important;padding:17px 0!important}#faq details p{color:#d7d2df!important;padding:0 0 18px!important;margin:0!important}
/* CONTACTO / CIERRE */
#contacto{background:linear-gradient(90deg,#090812,#0d0818)!important;border-top:1px solid rgba(232,55,255,.28)!important;padding:38px 0!important}#contacto .contact-grid{max-width:1480px!important;display:grid!important;grid-template-columns:.9fr 1.1fr!important;gap:40px!important;align-items:center!important}#contacto .section-title{text-align:left!important;font-size:34px!important}#contacto .pl-contact-sub{color:#ddd;margin:8px 0 18px;max-width:460px}#contacto a{color:#fff}#contacto .contact-form{background:#0b0a12!important;border:1px solid rgba(232,55,255,.35)!important;border-radius:16px!important;padding:22px!important}#contacto input,#contacto textarea{background:#090811!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;border-radius:10px!important}#contacto button.btn{background:linear-gradient(90deg,#c500ff,#f000df)!important;border:0!important}
.site-footer{background:#05050a!important;border-top:1px solid rgba(232,55,255,.18)!important}
/* Desktop-first: mobile will be rebuilt after desktop approval. Basic safety only. */
@media(max-width:1100px){.pl-cards{grid-template-columns:repeat(3,1fr)}#precios tbody{grid-template-columns:repeat(2,1fr)}#galeria .gallery{grid-template-columns:repeat(4,1fr)!important}.g-reviews{grid-template-columns:1fr 1fr!important}}
@media(max-width:768px){#precios tbody{grid-template-columns:1fr}.g-reviews{grid-template-columns:1fr!important}#galeria .gallery{grid-template-columns:repeat(2,1fr)!important}#contacto .contact-grid{grid-template-columns:1fr!important}}

/* V6 — Ajuste fiel al mockup: Armá tu experiencia + precios compactos (desktop) */
@media (min-width:1101px){
  .pl-pack{
    max-width:1480px;
    min-height:92px;
    margin:10px auto 0;
    padding:8px 6%;
    grid-template-columns:1.05fr .9fr .65fr;
    gap:28px;
    position:relative;
    overflow:hidden;
    background:
      linear-gradient(90deg,rgba(32,0,47,.96),rgba(7,7,14,.90) 48%,rgba(19,0,34,.94)),
      radial-gradient(circle at 8% 100%,rgba(238,0,255,.30),transparent 35%);
    border-top:1px solid rgba(226,39,255,.42);
    border-bottom:1px solid rgba(226,39,255,.18);
  }
  .pl-pack:before,.pl-pack:after{content:"";position:absolute;bottom:-28px;width:250px;height:72px;background:radial-gradient(ellipse at bottom,rgba(231,0,255,.25),transparent 68%);filter:blur(2px);pointer-events:none}
  .pl-pack:before{left:0}.pl-pack:after{right:0}
  .pl-pack-title{font-size:38px;line-height:.78;position:relative;z-index:1}
  .pl-pack-copy{font-size:14px;line-height:1.35;padding-left:24px;position:relative;z-index:1}
  .pl-pack-btn{padding:13px 34px;font-size:13px;position:relative;z-index:1}

  #precios{padding:28px 0 34px!important}
  #precios .container{max-width:1480px!important;padding-left:28px!important;padding-right:28px!important}
  #precios .pl-section-kicker{margin-bottom:3px}
  #precios .section-title{font-size:38px!important}
  #precios .pl-section-sub{margin:6px 0 18px!important;font-size:13px;letter-spacing:3.5px}
  #precios tbody{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
  #precios tr{
    min-height:205px;
    padding:16px 16px 14px;
    border-radius:13px;
    background:radial-gradient(circle at 100% 0,rgba(132,0,255,.10),transparent 42%),#0b0a12;
  }
  #precios td:nth-child(1){font-size:16px;margin-bottom:9px;line-height:1.1}
  #precios td:nth-child(2){font-size:12px;line-height:1.4;min-height:42px;color:#e9e4ef!important}
  #precios td:nth-child(3){padding-top:10px!important;font-size:19px;line-height:1.15}
  #precios td:nth-child(3)::before{font-size:10px;margin-bottom:3px}
  #precios td:nth-child(4){gap:7px;margin-top:10px}
  #precios .btn{min-height:34px!important;border-radius:18px!important;font-size:11px!important;padding:6px 8px!important}
  #precios .note{margin-top:14px;font-size:11px}
}

/* V7 — Opción A aprobada: franja + precios compactos fieles al mockup */
@media (min-width:1101px){
  .pl-pack{
    max-width:1480px; min-height:118px; margin:10px auto 0; padding:10px 7%;
    grid-template-columns:1.05fr .92fr .58fr; gap:30px; position:relative; overflow:hidden;
    background:
      linear-gradient(90deg,rgba(13,2,24,.62),rgba(7,5,18,.70),rgba(20,1,30,.62)),
      url('assets/exp-dj.jpg') center 47%/cover no-repeat;
    border-top:1px solid rgba(242,44,255,.5); border-bottom:1px solid rgba(242,44,255,.25);
  }
  .pl-pack:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(126,0,169,.22),transparent 35%,transparent 65%,rgba(208,0,255,.18));pointer-events:none}
  .pl-pack:after{display:none}
  .pl-pack-title{font-size:41px;line-height:.78;text-shadow:0 2px 12px #000;z-index:1}
  .pl-pack-copy{font-size:14px;line-height:1.35;padding-left:26px;text-shadow:0 2px 8px #000;z-index:1}
  .pl-pack-btn{padding:11px 27px;font-size:12px;border-radius:23px;min-width:150px;text-align:center;z-index:1;box-shadow:0 0 18px rgba(236,0,255,.25)}

  #precios.pl-prices-v7{padding:18px 0 30px!important;background:#07070e!important}
  #precios.pl-prices-v7 .container{max-width:1480px!important;padding:0 28px!important}
  #precios.pl-prices-v7 .pl-section-kicker{font-size:11px;letter-spacing:6px;margin-bottom:2px}
  #precios.pl-prices-v7 .section-title{font-size:39px!important}
  #precios.pl-prices-v7 .pl-section-sub{font-size:12px;letter-spacing:3.5px;margin:5px 0 16px!important}
  .pl-price-grid-v7{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .pl-price-card-v7{min-height:250px;padding:16px 16px 14px;border:1px solid rgba(238,43,255,.55);border-radius:14px;background:radial-gradient(circle at 100% 0,rgba(122,0,255,.12),transparent 42%),#0a0912;display:flex;flex-direction:column;box-shadow:0 10px 26px rgba(0,0,0,.26)}
  .pl-price-head-v7{display:flex;align-items:center;gap:11px;margin-bottom:10px}.pl-price-head-v7 h3{margin:0;color:#fff;font-size:17px;line-height:1.1;font-weight:900}.pl-price-icon-v7{width:36px;height:36px;display:grid;place-items:center;color:#ff3cf2;font-size:27px;text-shadow:0 0 10px #c500ff}
  .pl-price-card-v7 ul{list-style:none;margin:0;padding:0 0 11px;border-bottom:1px solid rgba(238,43,255,.24)}.pl-price-card-v7 li{position:relative;padding-left:21px;color:#eee;font-size:13px;line-height:1.55}.pl-price-card-v7 li:before{content:'✓';position:absolute;left:0;color:#ff2de9;font-weight:900}
  .pl-price-bottom-v7{margin-top:auto;padding-top:10px}.pl-price-bottom-v7 small{display:block;color:#ddd;font-size:11px;margin-bottom:1px}.pl-price-v7{font-size:23px;line-height:1.1;font-weight:900;color:#fff;white-space:nowrap}.pl-price-v7 b{font-size:15px;color:#ff3be9;font-weight:900}
  .pl-price-actions-v7{display:grid;grid-template-columns:.82fr 1.18fr;gap:7px;margin-top:11px}.pl-price-actions-v7 a{height:34px;padding:0 10px;border:1px solid #ed38ff;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:800;white-space:nowrap}.pl-price-actions-v7 a.solid{background:linear-gradient(90deg,#c100ff,#ef00df);border-color:transparent;box-shadow:0 0 14px rgba(233,0,255,.24)}
  #precios.pl-prices-v7 .note{margin:12px 0 0;text-align:center;color:#999;font-size:10.5px}
}


/* V9 — Galería 7 tarjetas + líneas laterales visibles */
@media (min-width:1101px){
  #galeria .gallery{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:9px!important}
  #galeria .gallery>*{min-width:0!important}
  #galeria .gallery img{height:150px!important}
}
#galeria .section-title,
#opiniones .section-title,
#faq .section-title{
  display:grid!important;
  grid-template-columns:minmax(80px,180px) auto minmax(80px,180px);
  align-items:center;
  justify-content:center;
  column-gap:22px;
  width:100%;
}
#galeria .section-title::before,#galeria .section-title::after,
#opiniones .section-title::before,#opiniones .section-title::after,
#faq .section-title::before,#faq .section-title::after{
  content:"";
  display:block;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,transparent 0%,#693cff 45%,#ed39ff 100%);
  box-shadow:0 0 8px rgba(132,57,255,.9);
}
#galeria .section-title::after,#opiniones .section-title::after,#faq .section-title::after{transform:scaleX(-1)}

/* V10 — líneas laterales también en EXPERIENCIAS y PRECIOS */
.pl-exp-head h2,
#precios.pl-prices-v7 .section-title{
  display:grid!important;
  grid-template-columns:minmax(80px,180px) auto minmax(80px,180px);
  align-items:center;
  justify-content:center;
  column-gap:22px;
  width:100%;
}
.pl-exp-head h2::before,.pl-exp-head h2::after,
#precios.pl-prices-v7 .section-title::before,#precios.pl-prices-v7 .section-title::after{
  content:"";
  display:block;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,transparent 0%,#693cff 45%,#ed39ff 100%);
  box-shadow:0 0 8px rgba(132,57,255,.9);
}
.pl-exp-head h2::after,
#precios.pl-prices-v7 .section-title::after{transform:scaleX(-1)}


/* V11 — título Armá tu Experiencia fiel a referencia */
.pl-pack-title{
  font-family:'Caveat',cursive!important;
  font-style:normal!important;
  text-align:left!important;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  width:max-content;
  margin:0 auto;
  line-height:.72!important;
  transform:rotate(-1.5deg);
  text-shadow:0 0 12px rgba(255,255,255,.08);
}
.pl-pack-title .pl-pack-arma{
  display:block;
  color:#fff;
  font-size:.92em;
  font-weight:600;
  padding-left:4px;
  white-space:nowrap;
}
.pl-pack-title .pl-pack-experiencia{
  display:block;
  color:#ff20e6;
  font-size:1.16em;
  font-weight:600;
  margin-top:5px;
  margin-left:28px;
  white-space:nowrap;
  text-shadow:0 0 10px rgba(255,32,230,.18);
}
@media (min-width:1101px){
  .pl-pack-title{font-size:40px!important;}
}

/* V12 — Franja Armá tu Experiencia aprobada (mockup neón sin gente) */
@media (min-width:1101px){
  .pl-pack{
    max-width:1480px!important;
    min-height:0!important;
    height:285px!important;
    margin:10px auto 0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:1.05fr .92fr .58fr!important;
    gap:30px!important;
    position:relative!important;
    overflow:hidden!important;
    background:url('assets/arma-tu-experiencia-neon.png') center center/cover no-repeat!important;
    border-top:1px solid rgba(242,44,255,.5)!important;
    border-bottom:1px solid rgba(242,44,255,.25)!important;
  }
  .pl-pack:before,.pl-pack:after{display:none!important}
  .pl-pack-title,.pl-pack-copy{visibility:hidden!important}
  .pl-pack-btn{
    align-self:center!important;
    justify-self:center!important;
    width:220px!important;
    height:72px!important;
    padding:0!important;
    opacity:0!important;
    position:relative!important;
    z-index:5!important;
  }
}