/* Prismora Creativa - styles */
:root{
  --primary:#0b1b3a;
  --accent:#2BD0E4;
  --gold:#F6A623;
  --light:#f7f9fc;
  --dark:#0a0f1c;
  --radius:20px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;color:var(--dark);background:#fff;scroll-behavior:smooth}

.container{max-width:1100px;margin:0 auto;padding:0 1rem}

.nav{position:sticky;top:0;z-index:50;background:rgba(11,27,58,.9);backdrop-filter:saturate(160%) blur(6px);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0}
.brand{display:flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font-weight:700;letter-spacing:.5px}
.brand img{width:38px;height:38px;border-radius:100%;object-fit:cover}
.nav a{color:#dbe7ff;text-decoration:none;margin-left:1rem;font-weight:600}
.nav a:hover{color:#fff}
.nav .btn{background:var(--accent);color:#001b2e;padding:.45rem .9rem;border-radius:999px}

.hero{position:relative;height:75vh;min-height:520px;display:grid;place-items:center;overflow:hidden}
.hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.65)}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(11,27,58,.05), rgba(11,27,58,.7))}
.hero-content{position:relative;text-align:center;color:#fff}
.hero h1{font-size:clamp(2rem,5vw,3.2rem);margin:.2rem 0}
.hero p{opacity:.95;max-width:780px;margin:0 auto 1rem auto;font-size:clamp(1rem,2vw,1.15rem)}
.cta{display:inline-block;background:var(--accent);color:#001b2e;padding:.85rem 1.2rem;border-radius:999px;text-decoration:none;font-weight:800;box-shadow:0 6px 16px rgba(43,208,228,.35)}

.section{padding:64px 0}
.section.alt{background:var(--light)}
.section h2{text-align:center;font-size:clamp(1.6rem,3vw,2rem);margin:0 0 1.2rem 0;color:var(--primary)}

.grid-3{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}
.card{background:#fff;border:1px solid #eef2f8;border-radius:var(--radius);padding:1.2rem;box-shadow:0 6px 16px rgba(0,0,0,.04)}
.card h3{margin:.2rem 0 .4rem 0;color:var(--primary)}

.plans{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}
.plan{background:#fff;border-radius:var(--radius);padding:1.2rem;border:1px solid #eef2f8;box-shadow:0 8px 18px rgba(0,0,0,.05)}
.plan h3{margin-top:0;color:var(--primary)}
.plan ul{padding-left:1.1rem;line-height:1.9}
.plan.featured{border:2px solid var(--accent);transform:translateY(-4px)}
.note{text-align:center;margin-top:8px;color:#6b7280}

.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:.7rem}
.gallery img{width:100%;height:320px;border-radius:16px;object-fit:cover;grid-column:auto / span 4}
.gallery img:nth-child(1){grid-column:auto / span 8;height:380px}

.video-wrapper{position:relative;padding-bottom:56.25%;height:0;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}

.contact-grid{display:grid;gap:1rem;grid-template-columns:1.3fr .7fr;align-items:start}
#contactForm{background:#fff;border:1px solid #eef2f8;border-radius:var(--radius);padding:1rem}
#contactForm label{display:block;font-weight:700;margin:.6rem 0 .2rem 0}
#contactForm input,#contactForm textarea{width:100%;padding:.8rem;border:1px solid #e2e8f0;border-radius:12px;font-size:1rem}
#contactForm button{margin-top:.6rem}
.contact-card{background:linear-gradient(180deg, #fff, #f3f8fb);border:1px solid #e5eef6;border-radius:var(--radius);padding:1rem}
.contact-card img{width:100%;margin-top:.6rem;border-radius:12px;object-fit:cover;height:200px}

.btn{background:var(--primary);color:#fff;border:none;border-radius:12px;padding:.7rem 1rem;font-weight:800;cursor:pointer}
.btn:hover{filter:brightness(1.08)}
.small{font-size:.85rem;color:#6b7280}

.footer{background:var(--primary);color:#dbe7ff;padding:1.4rem 0;margin-top:32px;text-align:center}
.footer a{color:var(--accent)}

/* WhatsApp Floating Button */
.whatsapp{
  position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#86f0f8);
  color:#001b2e;box-shadow:0 10px 24px rgba(43,208,228,.35);text-decoration:none;z-index:60
}
.whatsapp svg{width:30px;height:30px;fill:#001b2e}

/* Responsive */
@media (max-width:900px){
  .grid-3,.plans{grid-template-columns:1fr}
  .gallery{grid-template-columns:repeat(6,1fr)}
  .gallery img{grid-column:auto / span 6;height:260px}
  .gallery img:nth-child(1){grid-column:auto / span 6;height:300px}
  .contact-grid{grid-template-columns:1fr}
}