:root{
  --grafito:#23272E;
  --grafito-2:#2E333B;
  --humo:#F6F4F2;
  --blanco:#FFFFFF;
  --celeste:#8FA9BE;
  --celeste-suave:#C9D6E0;
  --menta:#A9D4BE;
  --rosa:#D9A0A3;
  --taupe:#9A8272;
  --texto:#3A3F47;
  --texto-suave:#6E747D;
  --linea:rgba(35,39,46,.10);
  --deg-marca:linear-gradient(90deg,var(--rosa),var(--taupe),var(--celeste));
  --sombra:0 20px 60px rgba(35,39,46,.10);
  --trans:all .45s cubic-bezier(.25,.8,.25,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:var(--texto);background:var(--blanco);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{font-family:inherit;cursor:pointer}

::selection{background:var(--celeste-suave);color:var(--grafito)}

/* ====== UTILIDADES ====== */
.contenedor{width:min(1200px,90%);margin:0 auto}
.eyebrow{display:inline-block;font-family:'Archivo',sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.42em;text-transform:uppercase;color:var(--celeste);margin-bottom:14px}
.eyebrow.oscuro{color:#7FB2CC}
.titulo{font-family:'Archivo',sans-serif;font-weight:300;font-size:clamp(1.9rem,4vw,2.9rem);letter-spacing:.06em;text-transform:uppercase;color:var(--grafito);line-height:1.2}
.titulo.claro{color:var(--blanco)}
.divisor{width:64px;height:2px;background:var(--deg-marca);border:0;margin:22px auto 0}
.divisor.izq{margin-left:0}
.centrado{text-align:center}
.subtexto{max-width:640px;margin:22px auto 0;color:var(--texto-suave);font-weight:300}
section{padding:110px 0}

/* Botones */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:'Archivo',sans-serif;font-size:.78rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;padding:16px 34px;border:1px solid transparent;transition:var(--trans);background:none}
.btn svg{width:14px;height:14px;transition:var(--trans)}
.btn:hover svg{transform:translateX(4px)}
.btn-solido{background:var(--grafito);color:var(--blanco)}
.btn-solido:hover{background:var(--celeste);color:var(--grafito)}
.btn-linea{border-color:rgba(255,255,255,.5);color:var(--blanco)}
.btn-linea:hover{background:var(--blanco);color:var(--grafito);border-color:var(--blanco)}
.btn-linea-oscuro{border-color:var(--grafito);color:var(--grafito)}
.btn-linea-oscuro:hover{background:var(--grafito);color:var(--blanco)}

/* Reveal on scroll */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}

/* ====== NAV ====== */
.nav{position:fixed;inset:0 0 auto 0;z-index:100;background:transparent;transition:var(--trans)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0;transition:var(--trans)}
.logo{display:flex;align-items:center}
.logo img{height:74px;width:auto;filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.25));transition:var(--trans)}
.nav-links{display:flex;align-items:center;gap:38px}
.nav-links a{font-family:'Archivo',sans-serif;font-size:.74rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.92);position:relative;padding:6px 0;transition:var(--trans)}
.nav-links a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:currentColor;transition:var(--trans)}
.nav-links a:hover::after{width:100%}
.nav-cta{border:1px solid rgba(255,255,255,.85);color:var(--blanco);padding:12px 40px;font-family:'Archivo',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;transition:var(--trans)}
.nav-cta:hover{background:var(--celeste);border-color:var(--celeste);color:var(--blanco)}
/* Estado con fondo al hacer scroll */
.nav.compacta{background:var(--blanco);box-shadow:0 8px 30px rgba(35,39,46,.10)}
.nav.compacta .nav-inner{padding:8px 0}
.nav.compacta .logo img{height:56px;filter:none}
.nav.compacta .nav-links a{color:var(--texto)}
.nav.compacta .nav-links a:hover{color:var(--celeste)}
.nav.compacta .nav-cta{border-color:var(--grafito);color:var(--grafito)}
.nav.compacta .nav-cta:hover{background:var(--celeste);border-color:var(--celeste);color:var(--blanco)}
.hamburguesa{display:none;background:none;border:0;width:30px;height:22px;position:relative;z-index:110}
.hamburguesa span{position:absolute;left:0;width:100%;height:2px;background:var(--blanco);transition:var(--trans)}
.nav.compacta .hamburguesa span{background:var(--grafito)}
.hamburguesa span:nth-child(1){top:0}
.hamburguesa span:nth-child(2){top:10px}
.hamburguesa span:nth-child(3){top:20px}
.hamburguesa.abierto span,.nav.compacta .hamburguesa.abierto span{background:var(--blanco)}
.hamburguesa.abierto span:nth-child(1){top:10px;transform:rotate(45deg)}
.hamburguesa.abierto span:nth-child(2){opacity:0}
.hamburguesa.abierto span:nth-child(3){top:10px;transform:rotate(-45deg)}

/* ====== HERO ====== */
.hero{position:relative;height:100svh;min-height:640px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:var(--grafito)}
.hero-fondo{position:absolute;inset:0}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.08);transition:opacity 2s ease,transform 9s ease}
.hero-slide.activo{opacity:1;transform:scale(1)}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.5s ease}
.hero-video.listo{opacity:1}
.hero-velo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,39,46,.55) 0%,rgba(35,39,46,.45) 45%,rgba(35,39,46,.75) 100%)}
.hero-contenido{position:relative;z-index:2;padding:0 24px;max-width:900px}
.hero-eyebrow{display:flex;align-items:center;justify-content:center;gap:18px;font-family:'Archivo',sans-serif;font-size:.74rem;font-weight:400;letter-spacing:.5em;text-transform:uppercase;color:var(--celeste-suave)}
.hero-eyebrow::before,.hero-eyebrow::after{content:"";width:44px;height:1px;background:rgba(255,255,255,.4)}
.hero h1{font-family:'Archivo',sans-serif;font-weight:200;font-size:clamp(2.5rem,7vw,5rem);letter-spacing:.05em;line-height:1.12;color:var(--blanco);margin:26px 0 10px;text-transform:uppercase}
.hero h1 b{font-weight:500}
.hero-bajada{color:rgba(255,255,255,.82);font-weight:300;font-size:clamp(1rem,1.6vw,1.2rem);max-width:620px;margin:0 auto}
.hero-botones{display:flex;gap:18px;justify-content:center;margin-top:44px;flex-wrap:wrap}
/* ====== PILARES ====== */
.pilares{background:var(--blanco);padding:90px 0;border-bottom:1px solid var(--linea)}
.pilares-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.pilar{padding:8px 44px}
.pilar + .pilar{border-left:1px solid var(--linea)}
.pilar:first-child{padding-left:0}
.pilar:last-child{padding-right:0}
.pilar-marca{display:block;width:26px;height:2px;margin-bottom:18px}
.pilar.p1 .pilar-marca{background:var(--celeste)}
.pilar.p2 .pilar-marca{background:var(--taupe)}
.pilar.p3 .pilar-marca{background:var(--rosa)}
.pilar h3{font-family:'Archivo',sans-serif;font-weight:400;font-size:.84rem;letter-spacing:.24em;text-transform:uppercase;color:var(--grafito)}
.pilar p{font-size:.9rem;font-weight:300;color:var(--texto-suave);margin-top:10px;max-width:300px}

/* ====== SERVICIOS ====== */
.servicios{background:var(--blanco)}
.servicios-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:64px}
.servicio-card{position:relative;min-height:460px;background:var(--grafito);overflow:hidden;display:flex;flex-direction:column;text-align:center;padding:44px 28px 40px;transition:var(--trans)}
.servicio-fondo{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1);transition:transform .9s cubic-bezier(.25,.8,.25,1)}
.servicio-velo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,31,37,.66),rgba(28,31,37,.92));transition:var(--trans)}
.servicio-contenido{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:18px;flex:1;width:100%}
.servicio-icono{width:70px;height:70px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);flex-shrink:0;transition:var(--trans)}
.servicio-icono svg{width:26px;height:26px;stroke:var(--blanco);transition:var(--trans)}
.servicio-card h3{font-family:'Archivo',sans-serif;font-weight:600;font-size:1.02rem;letter-spacing:.2em;text-transform:uppercase;color:var(--blanco);min-height:2.6em;display:flex;align-items:center;justify-content:center;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.servicio-desc{font-size:.88rem;font-weight:500;color:rgba(255,255,255,.95);max-width:260px;text-shadow:0 1px 10px rgba(0,0,0,.55)}
.servicio-btn{display:inline-flex;align-items:center;gap:8px;font-family:'Archivo',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--blanco);border:1px solid rgba(255,255,255,.65);padding:11px 24px;margin-top:auto;transition:var(--trans)}
.servicio-btn:hover{background:var(--blanco);color:var(--grafito);border-color:var(--blanco)}
.servicio-card:hover{box-shadow:var(--sombra);transform:translateY(-6px)}
.servicio-card:hover .servicio-fondo{transform:scale(1.1)}
.servicio-card:hover .servicio-velo{background:linear-gradient(180deg,rgba(28,31,37,.56),rgba(28,31,37,.88))}
.servicio-card:hover .servicio-icono{border-color:var(--celeste);background:rgba(143,191,217,.15)}
.servicio-card:hover .servicio-icono svg{stroke:var(--celeste)}

/* ====== EXPERIENCIA 360 ====== */
.banda360{position:relative;background:var(--grafito);color:var(--blanco);padding:120px 0;overflow:hidden}
.banda360::before{content:"";position:absolute;inset:0;background-image:url('https://img.clemix.cl/uploads/gaudia_imagen_02.webp');background-size:cover;background-position:center;opacity:.18}
.banda360-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.banda360 h2{font-family:'Archivo',sans-serif;font-weight:200;font-size:clamp(1.9rem,3.6vw,2.8rem);letter-spacing:.06em;text-transform:uppercase;line-height:1.25}
.banda360 h2 b{font-weight:500;color:var(--celeste)}
.banda360 p{color:rgba(255,255,255,.78);font-weight:300;margin-top:24px;max-width:520px}
.banda360-lista{display:grid;gap:0}
.banda360-item{display:flex;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.banda360-item:first-child{border-top:1px solid rgba(255,255,255,.12)}
.banda360-punto{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.banda360-item span{font-family:'Archivo',sans-serif;font-size:.86rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase}

/* ====== PARTNERS ====== */
.partners{background:var(--blanco);padding:110px 0 100px;overflow:hidden}
.partners-cinta{position:relative;margin-top:64px;overflow:hidden}
.partners-cinta::before,.partners-cinta::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
.partners-cinta::before{left:0;background:linear-gradient(90deg,var(--blanco),transparent)}
.partners-cinta::after{right:0;background:linear-gradient(270deg,var(--blanco),transparent)}
.partners-fila{display:flex;align-items:stretch;width:max-content;animation:desfile 38s linear infinite}
.partners-cinta:hover .partners-fila{animation-play-state:paused}
@keyframes desfile{to{transform:translateX(-50%)}}
.partner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:26px 46px;border-left:1px solid var(--linea);min-width:220px;transition:var(--trans)}
.partner:hover{background:var(--humo)}
.partner img{height:46px;max-width:170px;width:auto;object-fit:contain;filter:brightness(0);opacity:.6;transition:var(--trans)}
.partner:hover img{opacity:.95}
.partner-nombre{font-family:'Archivo',sans-serif;font-weight:400;font-size:.98rem;letter-spacing:.18em;text-transform:uppercase;color:var(--grafito);opacity:.75;white-space:nowrap;transition:var(--trans)}
.partner:hover .partner-nombre{opacity:1}
.partner-tag{font-family:'Archivo',sans-serif;font-size:.6rem;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--celeste)}
@media (prefers-reduced-motion:reduce){.partners-fila{animation:none;flex-wrap:wrap;width:100%;justify-content:center}.partners-fila .partner-copia{display:none}}
@media (max-width:768px){.partner{padding:20px 28px;min-width:170px}.partner img{height:38px;max-width:140px}.partner-nombre{font-size:.85rem}}

/* ====== PROYECTOS ====== */
.proyectos{background:var(--humo)}
.proyectos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:64px}
.proyecto{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--grafito)}
.proyecto img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease,opacity .8s ease}
.proyecto:hover img{transform:scale(1.06);opacity:.5}
.proyecto-info{position:absolute;inset:auto 0 0 0;padding:26px;background:linear-gradient(180deg,transparent,rgba(35,39,46,.9));color:var(--blanco);transform:translateY(12px);transition:var(--trans)}
.proyecto:hover .proyecto-info{transform:none}
.proyecto-tag{font-family:'Archivo',sans-serif;font-size:.62rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--celeste-suave)}
.proyecto-info h3{font-family:'Archivo',sans-serif;font-weight:400;font-size:1.05rem;letter-spacing:.1em;text-transform:uppercase;margin-top:8px}
.proyectos-cta{margin-top:56px;text-align:center}

/* ====== NOSOTROS ====== */
.nosotros{background:var(--blanco)}
.nosotros-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}
.nosotros-imagen{position:relative}
.nosotros-imagen img{width:100%;height:520px;object-fit:cover;filter:grayscale(100%);transition:filter .8s ease}
.nosotros-imagen:hover img{filter:grayscale(0)}
.nosotros-imagen::after{content:"";position:absolute;left:-18px;bottom:-18px;width:60%;height:60%;border:1px solid var(--celeste);z-index:-1}
.nosotros-imagen::before{content:"";position:absolute;right:-18px;top:-18px;width:40%;height:40%;background:linear-gradient(135deg,var(--celeste-suave),var(--rosa));opacity:.35;z-index:-1}
.nosotros-texto p{color:var(--texto-suave);font-weight:300;margin-top:22px}
.nosotros-cita{font-family:'Archivo',sans-serif;font-weight:300;font-size:1.05rem;letter-spacing:.08em;color:var(--grafito);border-left:2px solid var(--menta);padding-left:22px;margin-top:34px}
.nosotros .btn{margin-top:40px}

/* ====== CONTACTO ====== */
.contacto{position:relative;background:var(--grafito);color:var(--blanco);overflow:hidden}
.contacto::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--deg-marca)}
.contacto-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;margin-top:64px}
.form{display:grid;gap:26px}
.form-fila{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.campo{display:flex;flex-direction:column;gap:10px}
.campo label{font-family:'Archivo',sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.campo input,.campo select,.campo textarea{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);color:var(--blanco);padding:15px 16px;font-family:'Inter',sans-serif;font-size:.95rem;font-weight:300;transition:var(--trans);appearance:none;border-radius:0;width:100%}
.campo select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238FBFD9' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.campo select option{color:var(--grafito)}
.campo textarea{resize:vertical;min-height:120px}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--celeste);background:rgba(255,255,255,.08)}
.campo input::placeholder,.campo textarea::placeholder{color:rgba(255,255,255,.35)}
.form-btn{background:var(--deg-marca);color:var(--grafito);border:0;padding:18px;font-family:'Archivo',sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;transition:var(--trans)}
.form-btn:hover{filter:brightness(1.06);letter-spacing:.32em}
.form-exito{display:none;text-align:center;padding:60px 30px;border:1px solid rgba(255,255,255,.2)}
.form-exito.activo{display:block}
.form-exito svg{width:52px;height:52px;stroke:var(--menta);margin:0 auto 20px}
.form-exito h3{font-family:'Archivo',sans-serif;font-weight:300;letter-spacing:.14em;text-transform:uppercase;font-size:1.2rem}
.form-exito p{color:rgba(255,255,255,.7);font-weight:300;margin-top:12px}
.contacto-info{display:grid;gap:20px;align-content:start}
.info-card{border:1px solid rgba(255,255,255,.14);padding:26px;display:flex;gap:18px;align-items:flex-start;transition:var(--trans)}
.info-card:hover{border-color:var(--celeste);background:rgba(255,255,255,.03)}
.info-card svg{width:22px;height:22px;stroke:var(--celeste);flex-shrink:0;margin-top:3px}
.info-card h4{font-family:'Archivo',sans-serif;font-size:.72rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.info-card p{font-weight:300;margin-top:6px;font-size:.95rem}

/* ====== FOOTER ====== */
.footer{background:#1C1F25;color:rgba(255,255,255,.6);padding:70px 0 34px}
.footer-inner{display:flex;flex-direction:column;align-items:center;gap:30px;text-align:center}
.logo-footer img{height:64px;width:auto;filter:brightness(0) invert(1);opacity:.85}
.footer-links{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}
.footer-links a{font-family:'Archivo',sans-serif;font-size:.68rem;font-weight:400;letter-spacing:.26em;text-transform:uppercase;transition:var(--trans)}
.footer-links a:hover{color:var(--celeste)}
.footer-linea{width:100%;height:1px;background:rgba(255,255,255,.1)}
.footer-legal{font-size:.78rem;font-weight:300}

/* WhatsApp flotante */
.whatsapp{position:fixed;right:26px;bottom:26px;z-index:90;width:56px;height:56px;border-radius:50%;background:var(--menta);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:var(--trans)}
.whatsapp svg{width:26px;height:26px;fill:var(--grafito)}
.whatsapp:hover{transform:translateY(-4px);background:var(--celeste)}

/* ====== RESPONSIVE ====== */
/* Escritorio angosto: se compacta el nav antes de pasar a hamburguesa */
@media (max-width:1240px){
  .nav-links{gap:24px}
  .nav-links a{font-size:.68rem;letter-spacing:.18em}
  .nav-cta{padding:10px 18px;font-size:.66rem;letter-spacing:.18em}
}
/* Tablet: hamburguesa desde acá para que el nav nunca se rompa */
@media (max-width:1024px){
  .nav-links{position:fixed;inset:0;background:rgba(35,39,46,.98);flex-direction:column;justify-content:center;gap:34px;transform:translateX(100%);transition:transform .5s cubic-bezier(.25,.8,.25,1)}
  .nav-links.abierto{transform:none}
  .nav-links a,.nav.compacta .nav-links a{font-size:.95rem;letter-spacing:.24em;color:rgba(255,255,255,.92)}
  .nav-cta,.nav.compacta .nav-cta{padding:14px 34px;font-size:.78rem;letter-spacing:.24em;border-color:rgba(255,255,255,.85);color:var(--blanco)}
  .hamburguesa{display:block}
  .servicios-grid{grid-template-columns:repeat(2,1fr)}
  .banda360-inner,.nosotros-grid,.contacto-grid{grid-template-columns:1fr;gap:50px}
  .proyectos-grid{grid-template-columns:repeat(2,1fr)}
  .pilares-grid{grid-template-columns:1fr}
  .pilar{padding:26px 0}
  .pilar + .pilar{border-left:0;border-top:1px solid var(--linea)}
  .pilar:first-child{padding-top:0}
  .pilar:last-child{padding-bottom:0}
  .nosotros-imagen img{height:420px}
}
@media (max-width:768px){
  section{padding:80px 0}
  .pilares{padding:80px 0}
  .logo img{height:54px}
  .nav.compacta .logo img{height:46px}
  .proyectos-grid{grid-template-columns:1fr}
  .servicios-grid{grid-template-columns:1fr}
  .servicio-card{min-height:380px}
  .form-fila{grid-template-columns:1fr}
  .hero-botones .btn{width:100%;justify-content:center}
}

/* ====== PAGE HEAD ====== */
.page-head{position:relative;min-height:62vh;display:flex;align-items:center;background:var(--grafito);overflow:hidden}
.page-head-fondo{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02)}
.page-head-velo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,31,37,.62) 0%,rgba(28,31,37,.5) 50%,rgba(28,31,37,.88) 100%)}
.page-head-contenido{position:relative;z-index:2;padding:130px 24px 60px;width:100%;text-align:center}
.migas{display:flex;align-items:center;justify-content:center;gap:12px;font-family:'Archivo',sans-serif;font-size:.68rem;font-weight:400;letter-spacing:.26em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:20px}
.migas a{transition:var(--trans)}
.migas a:hover{color:var(--celeste)}
.migas span{color:var(--celeste)}
.page-head h1{font-family:'Archivo',sans-serif;font-weight:200;font-size:clamp(2.2rem,5.5vw,4rem);letter-spacing:.06em;line-height:1.12;color:var(--blanco);text-transform:uppercase}
.page-head-bajada{color:rgba(255,255,255,.82);font-weight:300;font-size:1.05rem;max-width:560px;margin:16px auto 0}

/* ====== INTRO ====== */
.intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
.intro-texto p{color:var(--texto-suave);font-weight:300;margin-top:22px}
.intro-imagen{position:relative}
.intro-imagen img{width:100%;height:460px;object-fit:cover}
.intro-imagen::after{content:"";position:absolute;right:-18px;bottom:-18px;width:55%;height:55%;border:1px solid var(--celeste);z-index:-1}
.intro-imagen::before{content:"";position:absolute;left:-18px;top:-18px;width:38%;height:38%;background:linear-gradient(135deg,var(--celeste-suave),var(--rosa));opacity:.35;z-index:-1}

/* ====== SUBSERVICIOS ====== */
.subservicios{background:var(--humo)}
.subs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:64px}
.sub-card{background:var(--blanco);border:1px solid var(--linea);padding:36px 30px;display:flex;flex-direction:column;gap:20px;transition:var(--trans)}
.sub-card:hover{transform:translateY(-6px);box-shadow:var(--sombra);border-color:transparent}
.sub-icono{width:58px;height:58px;border:1px solid var(--celeste);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--trans)}
.sub-icono svg{width:24px;height:24px;stroke:var(--grafito)}
.sub-card:hover .sub-icono{background:var(--celeste);border-color:var(--celeste)}
.sub-card h3{font-family:'Archivo',sans-serif;font-weight:500;font-size:.9rem;letter-spacing:.16em;text-transform:uppercase;color:var(--grafito)}
.sub-card p{font-size:.9rem;font-weight:300;color:var(--texto-suave);margin-top:8px}

/* ====== EXPERIENCIAS ====== */
.experiencias{position:relative;background:var(--grafito);color:var(--blanco);overflow:hidden}
.experiencias::before{content:"";position:absolute;inset:0;background-image:url('https://img.clemix.cl/uploads/gaudia_imagen_05.webp');background-size:cover;background-position:center;opacity:.14}
.experiencias .contenedor{position:relative;z-index:2}
.exp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:64px}
.exp-card{border:1px solid rgba(255,255,255,.16);padding:36px 28px;transition:var(--trans);background:rgba(35,39,46,.5);backdrop-filter:blur(4px)}
.exp-card:hover{border-color:var(--celeste);background:rgba(35,39,46,.75);transform:translateY(-6px)}
.exp-icono{width:58px;height:58px;border:1px solid var(--celeste);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.exp-icono svg{width:24px;height:24px;stroke:var(--celeste)}
.exp-card h3{font-family:'Archivo',sans-serif;font-weight:500;font-size:.9rem;letter-spacing:.16em;text-transform:uppercase}
.exp-card p{font-size:.88rem;font-weight:300;color:rgba(255,255,255,.75);margin-top:12px}

/* ====== GALERÍA ====== */
.galeria-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:64px}
.galeria-item{overflow:hidden;aspect-ratio:4/3;background:var(--humo)}
.galeria-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.galeria-item:hover img{transform:scale(1.06)}

/* ====== OTROS SERVICIOS ====== */
.otros{background:var(--humo)}
.otros-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:64px}
.otro-card{position:relative;min-height:260px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;overflow:hidden;transition:var(--trans)}
.otro-velo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,31,37,.35),rgba(28,31,37,.88));transition:var(--trans)}
.otro-card:hover{transform:translateY(-6px);box-shadow:var(--sombra)}
.otro-nombre{position:relative;z-index:2;font-family:'Archivo',sans-serif;font-weight:500;font-size:1rem;letter-spacing:.18em;text-transform:uppercase;color:var(--blanco);text-shadow:0 2px 12px rgba(0,0,0,.5)}
.otro-link{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;font-family:'Archivo',sans-serif;font-size:.68rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--celeste-suave);margin-top:10px}
.otro-link svg{width:12px;height:12px;transition:var(--trans)}
.otro-card:hover .otro-link svg{transform:translateX(4px)}


/* ====== RESPONSIVE PÁGINAS DE SERVICIO ====== */
@media (max-width:1024px){
  .intro-grid{grid-template-columns:1fr;gap:50px}
  .subs-grid,.galeria-grid,.otros-grid{grid-template-columns:repeat(2,1fr)}
  .exp-grid{grid-template-columns:repeat(2,1fr)}
  .intro-imagen img{height:400px}
}
@media (max-width:768px){
  .page-head{min-height:52vh}
  .subs-grid,.galeria-grid,.otros-grid,.exp-grid{grid-template-columns:1fr}
}