/*
Theme Name: APEX QC Advisor
Theme URI: https://www.apexqcadvisor.com/
Description: Tema hijo de Hello Elementor con la identidad visual de ⚬APEX⚬ QC Advisor. Aplica cabecera, pie y tipografía institucional a las entradas de Pulse QC.
Author: ⚬APEX⚬ QC Advisor
Version: 1.0
Template: hello-elementor
Text Domain: apex-hello-child
*/

/* ============================================================
   Identidad de artículo — Pulse QC
   Los tokens y estados viven en el CSS compartido del
   personalizador; aquí solo lo propio de la entrada.
   ============================================================ */

.apex-articulo{
  font-family:'Open Sans','Segoe UI',Calibri,'Helvetica Neue',Arial,sans-serif;
  color:#003A50;
}

/* --- Cabecera del artículo --- */
.apex-art-hero{background:#003A50;color:#FFFFFF;}
.apex-art-hero-inner{
  max-width:900px;margin:0 auto;
  padding:clamp(56px,8vw,96px) clamp(20px,4vw,32px) clamp(40px,6vw,64px);
}
.apex-art-serie{
  margin:0 0 20px;font-size:12.5px;letter-spacing:0.22em;
  text-transform:uppercase;color:#EFBF04;font-weight:600;
}
.apex-art-titulo{
  font-family:'Montserrat',Arial,sans-serif;font-weight:700;
  font-size:clamp(30px,4.6vw,52px);line-height:1.12;
  letter-spacing:-0.02em;margin:0 0 26px;color:#FFFFFF;max-width:22ch;
}
.apex-art-meta{
  margin:0;font-size:14.5px;color:#A6BAC2;
  display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;
}
.apex-art-meta span{display:inline-flex;align-items:center;gap:8px;}

/* --- Cuerpo del artículo --- */
.apex-art-cuerpo{
  max-width:760px;margin:0 auto;
  padding:clamp(44px,6vw,76px) clamp(20px,4vw,32px) clamp(52px,7vw,88px);
  font-size:17.5px;line-height:1.75;
}
.apex-art-cuerpo > *:first-child{margin-top:0;}
.apex-art-cuerpo p{margin:0 0 26px;text-align:justify;hyphens:auto;}

.apex-art-cuerpo h2{
  font-family:'Montserrat',Arial,sans-serif;font-weight:700;
  font-size:clamp(24px,2.9vw,32px);line-height:1.2;letter-spacing:-0.015em;
  color:#00506D;margin:54px 0 18px;padding-top:20px;
  border-top:3px solid #00506D;
}
.apex-art-cuerpo h3{
  font-family:'Montserrat',Arial,sans-serif;font-weight:700;
  font-size:clamp(19px,2.1vw,23px);line-height:1.28;
  color:#003A50;margin:38px 0 14px;
}
.apex-art-cuerpo h4{
  font-family:'Montserrat',Arial,sans-serif;font-weight:600;
  font-size:16.5px;letter-spacing:0.06em;text-transform:uppercase;
  color:#4D7584;margin:32px 0 12px;
}

.apex-art-cuerpo a{color:#00506D;border-bottom:1px solid #A6BAC2;transition:all .25s ease;}
.apex-art-cuerpo a:hover{color:#EFBF04;border-bottom-color:#EFBF04;}
.apex-art-cuerpo strong{font-family:'Montserrat',Arial,sans-serif;font-weight:700;color:#003A50;}

.apex-art-cuerpo ul,
.apex-art-cuerpo ol{margin:0 0 28px;padding-left:0;list-style:none;}
.apex-art-cuerpo ol{counter-reset:apexnum;}
.apex-art-cuerpo li{
  position:relative;margin:0 0 13px;padding-left:26px;line-height:1.7;
}
.apex-art-cuerpo ul li::before{
  content:'';position:absolute;left:0;top:11px;
  width:9px;height:9px;background:#EFBF04;
  transform:rotate(45deg);
}
.apex-art-cuerpo ol li{counter-increment:apexnum;padding-left:34px;}
.apex-art-cuerpo ol li::before{
  content:counter(apexnum,decimal-leading-zero);position:absolute;left:0;top:0;
  font-family:'Montserrat',Arial,sans-serif;font-weight:700;
  font-size:14px;color:#EFBF04;
}

.apex-art-cuerpo blockquote{
  margin:38px 0;padding:26px 30px;
  background:#F0F3F4;border-left:3px solid #00506D;
  font-size:19px;line-height:1.62;color:#00506D;
}
.apex-art-cuerpo blockquote p{margin:0;text-align:left;}
.apex-art-cuerpo blockquote p + p{margin-top:16px;}

.apex-art-cuerpo img,
.apex-art-cuerpo figure{max-width:100%;height:auto;margin:36px 0;}
.apex-art-cuerpo figure img{margin:0;display:block;}
.apex-art-cuerpo figcaption{
  margin-top:12px;font-size:13.5px;line-height:1.55;color:#4D7584;
}

.apex-art-cuerpo table{
  width:100%;border-collapse:collapse;margin:34px 0;font-size:15.5px;
}
.apex-art-cuerpo th{
  background:#00506D;color:#FFFFFF;text-align:left;padding:13px 16px;
  font-family:'Montserrat',Arial,sans-serif;font-weight:600;
  font-size:13px;letter-spacing:0.08em;text-transform:uppercase;
}
.apex-art-cuerpo td{padding:13px 16px;border-bottom:1px solid #E0E7EA;}
.apex-art-cuerpo tr:nth-child(even) td{background:#F0F3F4;}

.apex-art-cuerpo hr{
  border:none;border-top:1px solid #E0E7EA;margin:46px 0;
}

/* --- Cierre del artículo --- */
.apex-art-cierre{background:#F0F3F4;}
.apex-art-cierre-inner{
  max-width:760px;margin:0 auto;
  padding:clamp(40px,5vw,64px) clamp(20px,4vw,32px);
}
.apex-art-cierre h2{
  font-family:'Montserrat',Arial,sans-serif;font-weight:700;
  font-size:clamp(22px,2.6vw,29px);line-height:1.2;
  color:#00506D;margin:0 0 12px;
}
.apex-art-cierre p{margin:0 0 26px;font-size:16.5px;line-height:1.62;color:#4D7584;}
.apex-art-acciones{display:flex;flex-wrap:wrap;gap:14px;}
.apex-art-acciones a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:15px 28px;
  font-family:'Montserrat',Arial,sans-serif;font-weight:700;font-size:15px;
  letter-spacing:0.02em;transition:all .3s ease;
}
.apex-art-btn-solido{background:#00506D;color:#FFFFFF;}
.apex-art-btn-solido:hover{
  background:#003A50;transform:translateY(-3px);letter-spacing:0.04em;
}
.apex-art-btn-linea{border:1px solid #00506D;background:#FFFFFF;color:#00506D;}
.apex-art-btn-linea:hover{
  background:#00506D;color:#FFFFFF;transform:translateY(-3px);letter-spacing:0.04em;
}

@media (max-width:560px){
  .apex-art-cuerpo p{text-align:left;}
  .apex-art-acciones a{width:100%;}
}

@media (prefers-reduced-motion:reduce){
  .apex-articulo *{animation:none !important;transition:none !important;}
}