/* =====================================================================
   nosotros.css — rediseño moderno de la página "Nosotros" (empresa.php)
   Cuelga de body.nosotros-2026 para no afectar otras páginas.
   ===================================================================== */
body.nosotros-2026{
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  color:#2c2f36;background:#fff;-webkit-font-smoothing:antialiased;
}
.nos-wrap{max-width:1180px;margin:0 auto;padding:0 22px;}

/* ---------- Hero (deja espacio para el header fijo) ---------- */
.nos-hero{
  background:linear-gradient(120deg,#fff7ef 0%,#ffe9d2 100%);
  border-bottom:1px solid #ffe0bd;
  padding:90px 0 54px;
}
.nos-hero .tag{
  display:inline-block;background:#fff;border:1px solid #ffd9b0;color:#e96f00;
  border-radius:30px;padding:6px 16px;font-weight:700;font-size:.82rem;
  letter-spacing:.6px;text-transform:uppercase;
}
.nos-hero h1{
  font-family:'Poppins',sans-serif;font-weight:800;font-size:2.9rem;
  margin:16px 0 12px;color:#23262c;line-height:1.05;
}
.nos-hero h1 span{color:#ff8000;}
.nos-hero p{font-size:1.18rem;color:#6b5a45;max-width:700px;margin:0;line-height:1.6;}

/* ---------- Secciones ---------- */
.nos-sec{padding:54px 0;}
.nos-sec.alt{background:#f6f7f9;}
.nos-sec h2{font-family:'Poppins',sans-serif;font-weight:700;font-size:2rem;margin:0 0 18px;color:#23262c;}
.nos-sec h2 span{color:#ff8000;}

/* historia + foto */
.nos-grid2{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;}
.nos-foto img{width:100%;border-radius:18px;box-shadow:0 16px 44px rgba(20,25,40,.20);border:5px solid #fff;display:block;}
.nos-txt p{font-size:1.06rem;line-height:1.75;color:#4a4f57;margin:0 0 14px;}
.nos-txt b{color:#23262c;}

/* stats */
.nos-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.nos-stat{
  background:#fff;border:1px solid #e9ecf1;border-radius:16px;padding:28px 18px;text-align:center;
  box-shadow:0 4px 16px rgba(20,25,40,.06);
}
.nos-stat .num{font-family:'Poppins',sans-serif;font-weight:800;font-size:2.4rem;color:#ff8000;line-height:1;}
.nos-stat .lbl{margin-top:10px;color:#6b7280;font-weight:600;font-size:.98rem;line-height:1.3;}

/* valores */
.nos-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.nos-card{
  background:#fff;border:1px solid #e9ecf1;border-radius:16px;padding:26px;
  box-shadow:0 4px 16px rgba(20,25,40,.06);transition:transform .16s,box-shadow .16s,border-color .16s;
}
.nos-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(20,25,40,.13);border-color:#ffd9b0;}
.nos-card .ic{
  width:56px;height:56px;border-radius:14px;background:#fff3e6;
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;
}
.nos-card .ic i{color:#ff8000;font-size:1.55rem;}
.nos-card h3{font-family:'Poppins',sans-serif;font-weight:700;font-size:1.18rem;margin:0 0 8px;color:#23262c;}
.nos-card p{color:#6b7280;font-size:.96rem;line-height:1.6;margin:0;}

/* misión */
.nos-mision{
  background:linear-gradient(120deg,#ff8a1e,#ff6a00);border-radius:20px;padding:46px;
  color:#fff;text-align:center;box-shadow:0 14px 34px rgba(255,122,0,.28);
}
.nos-mision .et{text-transform:uppercase;letter-spacing:1.2px;font-weight:700;opacity:.92;font-size:.9rem;}
.nos-mision p{
  font-family:'Poppins',sans-serif;font-weight:600;font-size:1.6rem;line-height:1.45;
  margin:14px auto 0;max-width:840px;
}

/* CTA + ubicación */
.nos-cta{
  display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;
  background:#1c1f26;border-radius:20px;padding:42px;color:#fff;
}
.nos-cta h2{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.95rem;margin:0 0 10px;color:#fff;}
.nos-cta p{color:#aeb4bf;margin:0 0 22px;line-height:1.6;}
.nos-btns{display:flex;gap:12px;flex-wrap:wrap;}
.nos-btn{
  display:inline-flex;align-items:center;gap:8px;font-weight:700;border-radius:30px;
  padding:13px 26px;text-decoration:none;font-family:'Poppins',sans-serif;font-size:1rem;
}
.nos-btn-pri{background:#ff8000;color:#1c1f26;}
.nos-btn-pri:hover{background:#e96f00;color:#1c1f26;}
.nos-btn-gho{background:transparent;color:#fff;border:1px solid #3a4150;}
.nos-btn-gho:hover{border-color:#fff;color:#fff;}
.nos-loc{background:#262b34;border-radius:14px;padding:24px;}
.nos-loc .item{display:flex;gap:11px;align-items:flex-start;margin-bottom:16px;}
.nos-loc .item:last-child{margin-bottom:0;}
.nos-loc i{color:#ff8000;margin-top:3px;font-size:1.1rem;width:20px;text-align:center;}
.nos-loc b{display:block;color:#fff;font-weight:600;}
.nos-loc small{color:#aeb4bf;font-size:.9rem;}

@media (max-width:900px){
  .nos-grid2,.nos-cta{grid-template-columns:1fr;}
  .nos-stats{grid-template-columns:repeat(2,1fr);}
  .nos-cards{grid-template-columns:repeat(2,1fr);}
  .nos-hero h1{font-size:2.2rem;}
  .nos-mision p{font-size:1.3rem;}
}
@media (max-width:560px){
  .nos-cards{grid-template-columns:1fr;}
}

/* ===================================================================
   v2: letras más grandes, slider de fotos y animación al scrollear
   =================================================================== */
body.nosotros-2026 .nos-hero h1{font-size:3.1rem;}
body.nosotros-2026 .nos-hero p{font-size:1.32rem;}
body.nosotros-2026 .nos-sec h2{font-size:2.2rem;}
body.nosotros-2026 .nos-txt p{font-size:1.2rem;line-height:1.8;}
body.nosotros-2026 .nos-stat .num{font-size:2.7rem;}
body.nosotros-2026 .nos-stat .lbl{font-size:1.08rem;}
body.nosotros-2026 .nos-card h3{font-size:1.3rem;}
body.nosotros-2026 .nos-card p{font-size:1.03rem;}
body.nosotros-2026 .nos-mision p{font-size:1.75rem;}

/* ---------- Slider de fotos (aspecto fijo, todas parejas) ---------- */
.nos-slider{
  position:relative;width:100%;aspect-ratio:4/3;min-height:320px;
  border-radius:18px;overflow:hidden;border:5px solid #fff;background:#e9ecf1;
  box-shadow:0 16px 44px rgba(20,25,40,.20);
}
.nos-slide{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transition:opacity .7s ease;
}
.nos-slide.active{opacity:1;}
.nos-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;border:none;cursor:pointer;
  width:46px;height:46px;border-radius:50%;background:rgba(0,0,0,.42);color:#fff;
  font-size:1.7rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s;
}
.nos-arrow:hover{background:#ff8000;}
.nos-arrow.prev{left:12px;} .nos-arrow.next{right:12px;}
.nos-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:8px;}
.nos-dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;transition:.15s;}
.nos-dots span.on{background:#fff;width:26px;border-radius:8px;}
.nos-slider.single .nos-arrow,.nos-slider.single .nos-dots{display:none;}

/* ---------- Reveal al scrollear ---------- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;}
.reveal.in{opacity:1;transform:none;}

/* ---------- Sección Instagram ---------- */
.nos-ig{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
.nos-ig-txt .tag{
  display:inline-block;background:#fff;border:1px solid #ffd9b0;color:#e96f00;
  border-radius:30px;padding:6px 16px;font-weight:700;font-size:.82rem;letter-spacing:.6px;text-transform:uppercase;
}
.nos-ig-txt h2{margin:14px 0 12px;}
.nos-ig-txt h2 span{color:#ff8000;word-break:break-word;}
.nos-ig-txt p{font-size:1.18rem;color:#4a4f57;line-height:1.7;margin:0 0 22px;}
.nos-ig-embed{display:flex;justify-content:center;width:100%;}
.nos-ig-embed .instagram-media{margin:0 auto !important;min-width:0 !important;width:100% !important;max-width:480px !important;}
@media (max-width:900px){.nos-ig{grid-template-columns:1fr;}}

/* ===================================================================
   v3: Hero + Historia en UNA sola banda naranja (sin espacio muerto)
   y slider vertical SIN recorte.
   =================================================================== */
.nos-top{
  background:linear-gradient(120deg,#fff7ef 0%,#ffe9d2 100%);
  border-bottom:1px solid #ffe0bd;
  padding:90px 0 64px;
}
.nos-top-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;}
.nos-top .tag{
  display:inline-block;background:#fff;border:1px solid #ffd9b0;color:#e96f00;
  border-radius:30px;padding:6px 16px;font-weight:700;font-size:.82rem;letter-spacing:.6px;text-transform:uppercase;
}
.nos-top h1{font-family:'Poppins',system-ui,sans-serif;font-weight:800;font-size:3rem;margin:16px 0 10px;color:#23262c;line-height:1.05;}
.nos-top h1 span{color:#ff8000;}
.nos-top .lead{font-size:1.3rem;color:#6b5a45;margin:0 0 26px;line-height:1.5;}
.nos-top h2{font-family:'Poppins',system-ui,sans-serif;font-weight:700;font-size:1.9rem;margin:0 0 14px;color:#23262c;}
.nos-top h2 span{color:#ff8000;}
.nos-top p{font-size:1.13rem;line-height:1.75;color:#5a4a38;margin:0 0 14px;}
.nos-top p b{color:#23262c;}
.nos-top-media{display:flex;justify-content:center;align-items:center;}

/* slider vertical, imagen COMPLETA (sin recortar) */
.nos-top-media .nos-slider{
  aspect-ratio:3/4 !important;background:#fff !important;
  width:100%;max-width:440px;min-height:0 !important;
}
.nos-top-media .nos-slide{object-fit:contain !important;}

@media (max-width:900px){
  .nos-top-grid{grid-template-columns:1fr;gap:30px;}
  .nos-top h1{font-size:2.2rem;}
  .nos-top-media .nos-slider{max-width:340px;}
}

/* ===================================================================
   v4: texto más grande en TODA la página + slider que CUBRE (sin blanco)
   =================================================================== */
body.nosotros-2026 .nos-top .tag{font-size:.95rem;}
body.nosotros-2026 .nos-top h1{font-size:3.5rem;}
body.nosotros-2026 .nos-top .lead{font-size:1.6rem;line-height:1.5;}
body.nosotros-2026 .nos-top h2{font-size:2.3rem;}
body.nosotros-2026 .nos-top p{font-size:1.35rem;line-height:1.8;}
body.nosotros-2026 .nos-sec h2{font-size:2.4rem;}
body.nosotros-2026 .nos-stat .num{font-size:3rem;}
body.nosotros-2026 .nos-stat .lbl{font-size:1.22rem;}
body.nosotros-2026 .nos-card h3{font-size:1.5rem;}
body.nosotros-2026 .nos-card p{font-size:1.16rem;line-height:1.6;}
body.nosotros-2026 .nos-mision p{font-size:2.1rem;}
body.nosotros-2026 .nos-mision .et{font-size:1.05rem;}
body.nosotros-2026 .nos-cta h2{font-size:2.3rem;}
body.nosotros-2026 .nos-cta p{font-size:1.28rem;}
body.nosotros-2026 .nos-loc b{font-size:1.18rem;}
body.nosotros-2026 .nos-loc small{font-size:1.02rem;}
body.nosotros-2026 .nos-btn{font-size:1.12rem;padding:14px 28px;}

/* slider: la imagen/video CUBRE todo el recuadro (sin franjas blancas) */
.nos-top-media .nos-slider{aspect-ratio:2/3 !important;background:#1c1f26 !important;max-width:440px;}
.nos-top-media .nos-slide{object-fit:cover !important;}

/* ===================================================================
   v5: que los controles del video sean siempre accesibles
   - sólo el slide ACTIVO recibe el mouse (los inactivos no bloquean)
   - los puntitos no tapan la barra de controles del video
   =================================================================== */
.nos-top-media .nos-slide{pointer-events:none;}
.nos-top-media .nos-slide.active{pointer-events:auto;}
.nos-top-media .nos-dots{bottom:56px;}