@charset "utf-8";
/* =========================================================
   news5.css  —  "Emaly's Way"
   Article layout rebuilt from the approved design (1920px).
   Color: azul #3360ef · negro #171717 · gris #5f5f5f
   ========================================================= */

/* ---------- TOKENS ---------- */
.ew{
  --ew-blue:#3360ef;
  --ew-black:#171717;
  --ew-gray:#5f5f5f;
  --ew-band:#f2f2f2;

  --fs-hero:clamp(32px,5.2vw,100px);
  --fs-xl:clamp(30px,3.35vw,64px);
  --fs-lg:clamp(27px,2.95vw,56px);
  --fs-h3:clamp(21px,2.1vw,40px);
  --fs-h4:clamp(19px,1.85vw,35px);
  --fs-chip:clamp(17px,1.75vw,33px);
  --fs-md:clamp(17px,1.45vw,28px);
  --fs-b:clamp(16px,1.35vw,26px);
  --fs-t:clamp(15px,1.15vw,22px);
  --fs-s:clamp(14px,1.05vw,20px);

  --pad-box:clamp(24px,3vw,58px);   /* padding horizontal de cajas */
  --pad-y:clamp(24px,2vw,40px);     /* padding vertical de cajas   */
  --pad-band:clamp(22px,1.75vw,33px);
  --gap-sec:clamp(32px,3.8vw,73px);
}

/* ---------- CONTENEDORES ---------- */
#new{ width:min(1320px,94%); max-width:1320px; }

.ew-in{ width:min(1200px,92%); margin:0 auto; }   /* columna de texto / imágenes 1200 */
.ew-wide{ width:100%; }                           /* cajas 1320 */
.ew-cols{ display:grid; grid-template-columns:600px 1fr; column-gap:50px; align-items:start; }

/* bandas a sangre completa */
.ew-band,.ew-grey{
  width:100vw;
  margin-left:calc(50% - 50vw);
}

.ew-sec{ margin-top:var(--gap-sec); }
.ew-sec--sm{ margin-top:clamp(24px,2.4vw,46px); }

/* ---------- TIPOGRAFÍA ---------- */
.ew :where(h2,h3,h4,p,ul){ margin:0; }

.ew .b{ color:var(--ew-blue); }
.ew .k{ color:var(--ew-black); }
.ew .g{ color:var(--ew-gray); }

.ew-hero-title{
  font-size:var(--fs-hero);
  line-height:1.1;
  font-weight:700;
  letter-spacing:-.02em;
  color:var(--ew-black);
}
.ew-hero-title .b{ font-weight:700; }

.ew-hero-sub{
  display:block;
  margin-top:.3em;
  font-size:clamp(24px,2.9vw,55px);
  line-height:1.15;
  font-weight:400;
  color:var(--ew-black);
}

.ew-lg{
  font-size:var(--fs-lg);
  line-height:1.16;
  letter-spacing:-.015em;
  color:var(--ew-black);
}
.ew-lg .b{ font-weight:700; }
.ew-lg .r{ font-weight:400; }
.ew-lg strong{ font-weight:700; }

.ew-h3{
  font-size:var(--fs-h3);
  line-height:1.25;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--ew-black);
}
.ew-h3.b{ color:var(--ew-blue); }

.ew-h4{
  font-size:var(--fs-h4);
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--ew-black);
}
.ew-h4.b{ color:var(--ew-blue); }
.ew-h4.r{ font-weight:400; }

.ew-kicker{
  font-size:var(--fs-lg);
  line-height:1.3;
  font-weight:400;
  color:var(--ew-black);
}

.ew-b{ font-size:var(--fs-b); line-height:1.27; font-weight:600; color:var(--ew-gray); }
.ew-t{ font-size:var(--fs-t); line-height:1.32; font-weight:400; color:var(--ew-gray); }
.ew-s{ font-size:var(--fs-s); line-height:1.32; font-weight:400; color:var(--ew-gray); }
.ew-m{ font-size:var(--fs-b); line-height:1.35; font-weight:700; color:var(--ew-black); }

.ew-b strong,.ew-b .up{ font-weight:800; color:var(--ew-black); }
.ew-t strong{ font-weight:700; color:var(--ew-black); }

/* ---------- CHIPS DE PREGUNTA ---------- */
.ew-chips{ display:flex; gap:8px; margin-top:clamp(24px,2.7vw,52px); }
.ew-chip{
  flex:1 1 0;
  background:var(--ew-blue);
  color:#fff;
  border-radius:26px;
  padding:clamp(18px,1.45vw,28px) clamp(14px,1.6vw,31px);
  font-size:clamp(16px,1.37vw,26.4px);
  line-height:1.25;
  font-weight:400;
}
.ew-chip strong{ font-weight:700; }

/* ---------- BANDA AZUL ---------- */
.ew-band{ background:var(--ew-blue); color:#fff; padding:var(--pad-band) 0; }
.ew-band .ew-in{
  font-size:var(--fs-md);
  line-height:1.2;
  font-weight:700;
}

/* ---------- TARJETAS ---------- */
.ew-cards{ display:flex; gap:7px; }
.ew-card{
  flex:1 1 0;
  border:2px solid var(--ew-blue);
  border-radius:30px;
  padding:clamp(28px,2.7vw,52px) var(--pad-box);
  font-size:var(--fs-b);
  line-height:1.16;
  font-weight:700;
  color:var(--ew-black);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.ew-card p{ margin:0 0 1em; }
.ew-card p:last-child{ margin-bottom:0; }

.ew-card--blue{
  background:var(--ew-blue);
  color:#fff;
  border-radius:30px;
  padding:clamp(22px,1.6vw,31px) clamp(20px,1.5vw,29px);
  font-size:var(--fs-b);
  line-height:1.27;
  font-weight:700;
}

/* tarjeta blanca grande de la flecha */
.ew-card--wide{ padding:clamp(30px,3.1vw,60px) var(--pad-box); line-height:1.55; }

/* ---------- CAJA CON BORDE ---------- */
.ew-frame{
  border:2px solid var(--ew-blue);
  border-radius:32px;
  padding:var(--pad-y) var(--pad-box);
}
.ew-frame__title{ margin-bottom:.55em; }
.ew-frame--tight .ew-b{ line-height:1.2; }

/* ---------- LISTAS ---------- */
.ew-list{ list-style:none; padding:0; }
.ew-list li{ position:relative; padding-left:20px; margin-bottom:.3em; }
.ew-list li:last-child{ margin-bottom:0; }
.ew-list li::before{
  content:"";
  position:absolute;
  left:0; top:.5em;
  width:9px; height:9px;
  background:var(--ew-blue);
}

/* ---------- ETIQUETA C/L/A/V/E ---------- */
.ew-label{
  display:inline-block;
  background:var(--ew-blue);
  color:#fff;
  min-width:min(320px,72%);
  font-size:var(--fs-chip);
  line-height:1;
  font-weight:700;
  padding:clamp(18px,1.7vw,32px) clamp(24px,2.1vw,40px);
  margin-bottom:clamp(22px,2.4vw,46px);
}

/* ---------- SECCIÓN GRIS ---------- */
.ew-grey{ background:var(--ew-band); padding:clamp(30px,2.2vw,42px) 0; }
.ew-grey .ew-list li{ margin-bottom:0; }

/* ---------- LÍNEA DIVISORIA ---------- */
.ew-rule{
  position:relative;
  padding-top:clamp(38px,3.6vw,68px);
}
.ew-rule::before{
  content:"";
  position:absolute;
  top:0; left:50%;
  transform:translateX(-50%);
  width:100vw;
  height:1px;
  background:#959595;
}

/* ---------- IMÁGENES ---------- */
.ew-fig img{ display:block; width:100%; height:auto; }
.ew-fig--capsule{ width:min(344px,30vw); margin-left:auto; }

/* ---------- AUTOR ---------- */
.ew-author{ display:flex; align-items:center; gap:clamp(20px,2.2vw,42px); }
.ew-author img{ width:clamp(120px,12vw,231px); height:auto; flex-shrink:0; }
.ew-author__name{ font-size:var(--fs-h4); line-height:1.2; font-weight:800; color:var(--ew-black); }
.ew-author__role{ font-size:var(--fs-s); line-height:1.3; font-weight:700; color:var(--ew-blue); margin-top:.45em; }

/* ---------- RESPONSIVE ---------- */
@media(max-width:1200px){
  .ew-cols{ grid-template-columns:1fr; row-gap:clamp(24px,3vw,40px); }
}

@media(max-width:900px){
  #new{ width:94%; }
  .ew-in{ width:96%; }
  .ew-chips,.ew-cards{ flex-direction:column; gap:12px; }
  .ew-chip,.ew-card,.ew-card--blue,.ew-frame{ border-radius:22px; }
  .ew-list li{ padding-left:18px; }
  .ew-fig--capsule{ width:min(300px,70vw); margin:clamp(24px,5vw,40px) auto 0; }
  .ew-author{ flex-direction:column; align-items:flex-start; gap:18px; }
}