/* ==========================================================================
   MARVATOYS - PAGINA QUIENES SOMOS
   ========================================================================== */
.nos-hero{padding:calc(78px + 6vh) 0 var(--e6);position:relative}
.nos-hero__rej{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);
  gap:var(--e6);align-items:center}
@media(max-width:900px){
  .nos-hero__rej{grid-template-columns:1fr;gap:var(--e5);text-align:center;
    justify-items:center}
  .nos-hero__fig{order:-1}
}
.nos-hero__t{font-family:var(--f-display);text-transform:uppercase;
  font-size:clamp(38px,6.4vw,86px);line-height:.98;letter-spacing:-.015em;
  color:var(--hueso);margin:14px 0 0}
.nos-hero__t em{font-style:normal;color:var(--sangre)}
.nos-hero__c{color:var(--ceniza);font-size:16.5px;line-height:1.85;
  max-width:48ch;margin:var(--e3) 0 0}

.nos-hero__fig{position:relative;display:grid;place-items:center;
  width:min(100%,340px);aspect-ratio:1}
.nos-hero__halo{position:absolute;inset:-8%;border-radius:50%;
  background:radial-gradient(circle,rgba(255,30,30,.45),rgba(139,92,246,.18) 48%,transparent 70%);
  animation:respirar 7s ease-in-out infinite}
.nos-hero__aro{position:absolute;inset:0;animation:girar 42s linear infinite}
.nos-hero__aro circle{fill:none;stroke-width:1.4}
.nos-hero__fig img{position:relative;z-index:2;width:66%;height:auto;
  filter:drop-shadow(0 20px 34px rgba(255,30,30,.42));
  animation:flotar 7s ease-in-out infinite}

/* Cifras */
.nos-cifras{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--e2)}
@media(max-width:900px){.nos-cifras{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.nos-cifras{grid-template-columns:1fr}}
.nos-cifra{position:relative;padding:var(--e4) var(--e3);border-radius:20px;
  border:1px solid var(--linea);background:#14131B;overflow:hidden;
  transition:transform .5s var(--curva),border-color .4s,box-shadow .5s}
.nos-cifra::after{content:'';position:absolute;left:0;right:0;top:0;height:3px;
  background:var(--ac);transform:scaleX(0);transform-origin:left;
  transition:transform .6s var(--curva)}
.nos-cifra.dentro::after{transform:none}
.nos-cifra:hover{transform:translate3d(0,-8px,0);border-color:var(--ac);
  box-shadow:0 18px 38px -20px var(--ac)}
.nos-cifra b{display:block;font-family:var(--f-display);
  font-size:clamp(40px,5vw,66px);line-height:1;color:var(--ac)}
.nos-cifra span{display:block;font-family:var(--f-dato);font-size:10px;
  letter-spacing:.15em;text-transform:uppercase;color:var(--ceniza);
  line-height:1.9;margin-top:10px}

/* Texto y ficha */
.nos-rel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:var(--e5);align-items:start}
@media(max-width:900px){.nos-rel{grid-template-columns:1fr}}
.nos-txt h2{font-family:var(--f-display);text-transform:uppercase;
  font-size:clamp(28px,4vw,52px);line-height:1.04;color:var(--hueso);
  margin:0 0 var(--e3)}
.nos-txt h2 em{font-style:normal;color:var(--amarillo)}
.nos-txt p{color:var(--ceniza);font-size:16px;line-height:1.9;margin:0 0 16px;
  max-width:56ch}
.nos-txt p strong{color:var(--hueso)}
.nos-acc{margin-top:var(--e3);display:flex;justify-content:flex-start}
@media(max-width:900px){.nos-acc{justify-content:center}}

.pie__base a{color:var(--amarillo)}

/* --------------------------------------------------------------------------
   MISION Y VISION
   -------------------------------------------------------------------------- */
.nos-par{display:grid;grid-template-columns:1fr 1fr;gap:var(--e3)}
@media(max-width:860px){.nos-par{grid-template-columns:1fr}}
.nos-carta{position:relative;padding:var(--e5) var(--e4);border-radius:22px;
  border:1px solid var(--linea);background:#14131B;overflow:hidden;
  transition:transform .5s var(--curva),border-color .4s,box-shadow .5s}
.nos-carta::after{content:'';position:absolute;left:0;right:0;top:0;height:3px;
  background:var(--ac);transform:scaleX(0);transform-origin:left;
  transition:transform .6s var(--curva)}
.nos-carta.dentro::after{transform:none}
.nos-carta:hover{transform:translate3d(0,-8px,0);border-color:var(--ac);
  box-shadow:0 20px 42px -22px var(--ac)}
.nos-carta__k{display:inline-block;font-family:var(--f-dato);font-size:10px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--ac);
  border:1px solid var(--ac);border-radius:999px;padding:6px 13px;
  margin-bottom:var(--e3)}
.nos-carta h3{font-family:var(--f-display);text-transform:uppercase;
  font-size:clamp(24px,2.8vw,36px);line-height:1.06;color:var(--hueso);
  margin:0 0 var(--e3)}
.nos-carta p{color:var(--ceniza);font-size:15.5px;line-height:1.9;
  margin:0 0 14px;max-width:46ch}
.nos-carta p:last-child{margin-bottom:0}

/* --------------------------------------------------------------------------
   LO QUE OFRECEMOS
   -------------------------------------------------------------------------- */
.nos-tres{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--e2)}
@media(max-width:900px){.nos-tres{grid-template-columns:1fr}}
.nos-p{position:relative;padding:var(--e4);border-radius:20px;
  border:1px solid var(--linea);background:#14131B;overflow:hidden;
  transition:transform .5s var(--curva),border-color .4s,box-shadow .5s}
.nos-p:hover{transform:translate3d(0,-8px,0);border-color:var(--ac);
  box-shadow:0 18px 38px -20px var(--ac)}
.nos-p__n{display:block;font-family:var(--f-display);font-size:clamp(40px,5vw,62px);
  line-height:1;color:var(--ac);opacity:.9;margin-bottom:14px}
.nos-p h3{font-family:var(--f-display);text-transform:uppercase;font-size:20px;
  line-height:1.14;color:var(--hueso);margin:0 0 14px;max-width:20ch}
.nos-p p{color:var(--ceniza);font-size:15px;line-height:1.85;margin:0}
.nos-p__d{display:block;margin-top:18px;padding-top:14px;
  border-top:1px solid var(--linea);
  font-family:var(--f-dato);font-size:10px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ac)}

/* --------------------------------------------------------------------------
   CIERRE
   -------------------------------------------------------------------------- */
.nos-fin{text-align:center;padding:var(--e6) var(--e3);border-radius:26px;
  border:1px solid var(--linea);
  background:linear-gradient(160deg,rgba(255,30,30,.1),transparent 60%),#14131B}
.nos-fin h2{font-family:var(--f-display);text-transform:uppercase;
  font-size:clamp(28px,4.4vw,54px);line-height:1.04;color:var(--hueso);margin:0}
.nos-fin p{color:var(--ceniza);font-size:16px;line-height:1.8;
  margin:14px auto 0;max-width:52ch}
.nos-fin__acc{display:flex;gap:var(--e2);justify-content:center;flex-wrap:wrap;
  margin-top:var(--e4)}
.nos-txt .sec__k{--sec:var(--violeta);margin-bottom:12px}