/* ============================================
   RESPONSIVE.CSS — Breakpoints del diseño final
   ============================================ */

@media(max-width:1000px){
  .hero-in{grid-template-columns:1fr 300px}
  .phoenix-col{display:none}
  .hero-phoenix-watermark{
    display:block;
    position:absolute;
    top:10px;
    right:-30px;
    width:200px;
    opacity:.14;
    pointer-events:none;
    z-index:0;
  }

  /* Menú móvil */
  .nav-toggle{display:block}
  .nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:var(--deep);flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 20px;border-bottom:1px solid rgba(201,217,232,.15)}
  .nav-links.open{display:flex}
  .nav-links a{padding:12px 0;border-bottom:1px solid rgba(201,217,232,.1)}
  .nav-links .btn{margin-top:14px;text-align:center;border-bottom:none}
  .lang{padding:12px 0}
}

@media(max-width:760px){
  .hero-in{grid-template-columns:1fr;gap:38px;padding-top:40px;padding-bottom:90px}
  .hero-phoenix-watermark{width:140px;top:6px;right:24px}
  .welcome-in{grid-template-columns:1fr;gap:38px}
  .contact-in{grid-template-columns:1fr;gap:44px}
  .grid{display:flex;grid-template-columns:none;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 2px 20px;-ms-overflow-style:none;scrollbar-width:none}
  .grid::-webkit-scrollbar{display:none}
  .card{flex:0 0 calc((100% - 20px)/2);scroll-snap-align:start}
  .services-carousel-nav{display:flex}
  .team-card{flex:0 0 calc((100% - 24px)/2)}
  .gallery-item{flex:0 0 calc((100% - 20px)/2)}
  .welcome,.team{padding:52px 0}
  .services,.gallery{padding:52px 0 60px}
}

@media(max-width:700px){
  .ribbon-in i{display:none}
}

@media(max-width:560px){
  .card{flex:0 0 100%}
  .team-card{flex:0 0 100%}
  .gallery-item{flex:0 0 100%}
  .brand-word{font-size:.68rem;letter-spacing:.16em}
  .hero h1{font-size:2.4rem}
}