/* =========================
   Estilos exclusivos COACHING (independientes del tema)
   ========================= */

/* Utilidades - alias locales (no depender de Bootstrap) */
.display-5-coaching{font-size:calc(1.425rem + 2.1vw);line-height:1.2}
@media (min-width:1200px){.display-5-coaching{font-size:3rem}}
.lead-coaching{font-size:1.25rem;font-weight:300}
.fw-bold-coaching{font-weight:700}
.mb-2-coaching{margin-bottom:.5rem}.mb-3-coaching{margin-bottom:1rem}.mb-4-coaching{margin-bottom:1.5rem}
.mt-3-coaching{margin-top:1rem}.mt-4-coaching{margin-top:1.5rem}
.p-4-coaching{padding:1.5rem}.py-5-coaching{padding-top:3rem;padding-bottom:3rem}
.w-100-coaching{width:100%}.h-100-coaching{height:100%}
.text-center-coaching{text-align:center}.text-muted-coaching{color:#6c757d}
.d-flex-coaching{display:flex}.d-grid-coaching{display:grid}.d-block-coaching{display:block}
.gap-2-coaching{gap:.5rem}.gap-3-coaching{gap:1rem}
.mx-auto-coaching{margin-left:auto;margin-right:auto}
.shadow-coaching{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}
.shadow-lg-coaching{box-shadow:0 1rem 3rem rgba(0,0,0,.175)}
.h2-coaching{font-size:calc(1.325rem + .9vw)} @media(min-width:1200px){.h2-coaching{font-size:2rem}}
.h4-coaching{font-size:calc(1.275rem + .3vw)} @media(min-width:1200px){.h4-coaching{font-size:1.5rem}}
.h5-coaching{font-size:1.25rem}

/* Grid FLEX local (sin colisiones con el grid del tema) */
.row-coaching{display:flex;flex-wrap:wrap;gap:1.5rem;margin:0}
.align-items-center-coaching{align-items:center}
.justify-content-center-coaching{justify-content:center}
.g-4-coaching{gap:1.5rem!important}.g-3-coaching{gap:1rem!important}
.row-coaching>[class*="col-"]{flex:1 1 100%}
@media (min-width:768px){
  .row-coaching>.col-md-6,.row-coaching>.col-md-6-coaching{flex:1 1 calc(50% - .75rem)}
  .row-coaching>.col-md-4,.row-coaching>.col-md-4-coaching{flex:1 1 calc(33.333% - 1rem)}
}
@media (min-width:992px){
  .row-coaching>.col-lg-5,.row-coaching>.col-lg-5-coaching{flex:1 1 calc(41.666% - .75rem)}
  .row-coaching>.col-lg-6,.row-coaching>.col-lg-6-coaching{flex:1 1 calc(50% - .75rem)}
  .row-coaching>.col-lg-7,.row-coaching>.col-lg-7-coaching{flex:1 1 calc(58.333% - .75rem)}
}
@media (min-width:1200px){
  .row-coaching>.col-xl-4,.row-coaching>.col-xl-4-coaching{flex:1 1 calc(33.333% - 1rem)}
}

/* Botones base */
.btn-coaching{display:inline-block;padding:.5rem 1rem;border-radius:.5rem;text-decoration:none;cursor:pointer}
.btn-lg-coaching{padding:.75rem 1.25rem;font-size:1.1rem;border-radius:.6rem}
.btn-outline-primary-coaching{border:1px solid #ecdca9;color:#ecdca9;background:transparent}
.btn-outline-primary-coaching:hover{background:#ecdca9;color:#151515}
.btn-outline-light-coaching{border:1px solid #660000;color:#660000;background:transparent}
.btn-outline-light-coaching:hover{background:#660000;color:#fff}
.btn-whatsapp-coaching{background:#25D366;color:#0d0d0d;border:none;border-radius:.5rem;padding:.5rem 1rem}
.btn-whatsapp-coaching:hover{filter:brightness(.95)}
.btn-coaching i{margin-right:.45rem}

/* =========================
   HERO (watermark + video)
   ========================= */
.hero-coaching{
  position:relative;padding:72px 0 56px;color:#1b1b1f;
  background:
   radial-gradient(800px 400px at -10% 0, rgba(236,220,169,.14), transparent 55%),
   radial-gradient(700px 360px at 110% -10%, rgba(102,0,0,.14), transparent 60%);
}
.hero-coaching::before{
  content:"COACHING\A TRANSFORMACIONAL\A PARA PERSONAS Y\A EMPRESAS";
  position:absolute;left:0;top:-16px;width:66%;
  white-space:pre-line;font-weight:800;line-height:.95;letter-spacing:.5px;
  font-size:clamp(44px, 9.5vw, 118px);color:#ecdca9;opacity:.08;filter:blur(.2px);
  z-index:0;pointer-events:none;user-select:none;
}
.hero-coaching .container-coaching{position:relative;z-index:1}
.hero-coaching h1{position:relative;z-index:2;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.hero-coaching .lead-coaching{position:relative;z-index:2}

/* Palabras con degradado + contorno/halo */
.txt-grad-coaching{
  background:linear-gradient(90deg,#660000 0%, #a67f3a 60%, #ecdca9 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.txt-grad-title-coaching{
  position:relative;z-index:2;
  -webkit-text-stroke:1px rgba(0,0,0,.28);
  text-shadow:
    0 0 1px rgba(0,0,0,.25),
    0 2px 3px rgba(0,0,0,.12),
    0 0 3px rgba(255,255,255,.25);
}

/* Botón outline claro del héroe */
.hero-coaching .btn-outline-light,
.hero-coaching .btn-outline-light-coaching{
  border-color:#660000 !important;color:#660000 !important;background:transparent !important;
}
.hero-coaching .btn-outline-light:hover,
.hero-coaching .btn-outline-light-coaching:hover{
  background:#660000 !important;color:#fff !important;border-color:#660000 !important;
}

/* Dispositivo de video (marco delgado) */
.hero-figure-coaching{padding:6px;border-radius:16px;background:#0d0e10;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.hero-figure-wrap-coaching{max-width:100%}
.ratio-coaching{border-radius:12px;overflow:hidden;background:#111214;box-shadow:inset 0 0 0 1px #1d1e22}
.hero-video-coaching{width:100%;height:100%;object-fit:cover;display:block}

/* Badges/credenciales (hero) */
.badges-coaching{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-top:18px}
.badge-cred-coaching{padding:0;border:0;background:transparent}
.badge-cred-coaching img{display:block;width:280px;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.12))}

/* =========================
   Tarjetas y bloques oscuros
   ========================= */
.section-title-coaching{font-weight:800;letter-spacing:.3px}

/* Fondo con sutil iluminación para que no se vean “planas” */
.card-cert-servicios-coaching{
  background:
    radial-gradient(600px 220px at 20% 0, rgba(236,220,169,.08), transparent 45%),
    #141519;
  border:1px solid #24262c;border-radius:1.25rem;color:#eaeaea;text-align:center;
  transition:transform .2s, box-shadow .2s;display:flex;flex-direction:column;justify-content:space-between
}
.card-cert-servicios-coaching:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.35)}

/* << NUEVO >> Recuadro para logos dentro de las tarjetas */
.card-cert-servicios-coaching .img-cert-servicios-coaching{
  display:block;max-width:280px;width:100%;height:auto;margin:.5rem auto 1rem;
  padding:18px;border-radius:18px;background:linear-gradient(180deg,#1b1e24,#15181d);
  border:1px solid #2a2f37;box-shadow:0 10px 24px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03);
  filter:none;
}
@media (max-width:575.98px){.card-cert-servicios-coaching .img-cert-servicios-coaching{max-width:220px;padding:14px}}

.btn-descarga-servicios-coaching{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.55rem 1rem;border-radius:999px;background:#ecdca9;color:#151515;border:none
}
.btn-descarga-servicios-coaching:hover{filter:brightness(.95)}

.card-coaching{background:#141519;border:1px solid #24262c;border-radius:1.25rem;color:#eaeaea;display:flex;flex-direction:columntext-align: center;}

.card-gradient-coaching{background:radial-gradient(600px 200px at 20% 0, rgba(236,220,169,.12), transparent 40%), #141519;}

.icon-badge-coaching{
  height:130px;width:130px;border-radius:12px;display:grid;place-items:center;margin-bottom:.75rem;
  height:130px;width:130px;border-radius:12px;display:grid;place-items:center;margin-bottom:.75rem;
  background:linear-gradient(180deg,#191a1f,#0e0f12);border:1px solid #2a2b31;color:#ecdca9;
    font-size: 3rem;
    text-align: center;
    
    width: 100%;

}

/* Listas con checks */
.list-checked-coaching{list-style:none;padding-left:0;margin:.5rem 0 0}
.list-checked-coaching li{padding-left:1.6rem;position:relative;color:#cfcfcf;margin:.35rem 0}
.list-checked-coaching li::before{content:"\f058";font-family:"FontAwesome";position:absolute;left:0;top:1px;color:#ecdca9}

/* =========================
   Metodología (oscuro)
   ========================= */
.bg-soft-coaching{background:linear-gradient(180deg,#0f1012,#0c0d10);color:#eaeaea}
.bg-soft-coaching .section-title-coaching{color:#f1f1f1}
.timeline-coaching{list-style:none;padding-left:0;margin:1rem 0 0}
.timeline-coaching li{position:relative;padding-left:2.4rem;margin:.75rem 0;color:#d8d8d8}
.timeline-coaching li span{
  position:absolute;left:0;top:-2px;width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;font-weight:700;color:#0e0f12;background:#ecdca9;box-shadow:0 2px 10px rgba(236,220,169,.4)
}

/* KPIs */
.kpi-card-coaching{display:flex;align-items:center;gap:.9rem;padding:1rem;border-radius:14px;background:#121317;border:1px solid #23252b;color:#eaeaea}
.kpi-icon-coaching{font-size:1.6rem;color:#ecdca9}
.kpi-text-coaching strong{display:block;font-size:1rem;color:#ecdca9}
.kpi-text-coaching span{font-size:.85rem;color:#bdbdbd}

/* Logos credenciales en cards info */
.cred-logo-coaching{height:36px;width:auto;filter:saturate(.9)}

/* =========================
   CTA / Formulario (oscuro)
   ========================= */
.cta-coaching{border-radius:1.25rem;background:linear-gradient(180deg,#17181c,#0f1013);border:1px solid #262830;color:#eaeaea}
.form-label-coaching{color:#d7d7d7}
.form-control-coaching,.form-select-coaching{background:#0f1012;color:#f1f1f1;border:1px solid #2a2b31}
.form-control-coaching::placeholder{color:#9aa0a6;opacity:.85}
.form-control-coaching:focus,.form-select-coaching:focus{border-color:#ecdca9;box-shadow:0 0 0 .25rem rgba(236,220,169,.15)}

/* =========================
   FAQ + CTA OVERRIDES (tema Joomla/Gantry)
   ========================= */
.panel-group-coaching .panel-title-coaching a{color:#660000;font-weight:700;text-decoration:none}
.panel-group-coaching .panel-title-coaching a:hover{color:#4a0000;text-decoration:underline}
.panel-group-coaching .panel-body-coaching{color:#212529}

/* Forzar card CTA a oscuro aunque el tema la haga blanca */
.cta-coaching.card{
  background:linear-gradient(180deg,#17181c,#0f1013)!important;
  color:#eaeaea!important;border:1px solid #262830!important;border-radius:20px!important;
  box-shadow:0 20px 60px rgba(0,0,0,.28)!important
}
.cta-coaching .card-body-coaching h3{color:#f6f6f6!important}
.cta-coaching .text-muted-coaching{color:#b9bdc6!important}
.cta-coaching .form-control-coaching,.cta-coaching .form-select-coaching{
  background:#0f1012!important;color:#f1f1f1!important;border:1px solid #2a2b31!important;border-radius:10px
}
.cta-coaching .form-control-coaching:focus,.cta-coaching .form-select-coaching:focus{
  border-color:#ecdca9!important;box-shadow:0 0 0 .25rem rgba(236,220,169,.15)!important
}
.cta-coaching .btn-whatsapp-coaching{background:#25D366!important;color:#0d0d0d!important}

/* =========================
   Primary / Outline brand (toda la página de coaching)
   ========================= */
.coaching .btn.btn-primary,
.btn-primary-coaching{
  background:#ecdca9 !important;color:#151515 !important;border:0 !important;
  border-radius:.75rem !important;padding:.75rem 1.25rem !important;font-weight:700 !important;letter-spacing:.2px;
  box-shadow:0 10px 22px rgba(0,0,0,.18), inset 0 -2px 0 rgba(0,0,0,.08);
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.coaching .btn.btn-primary:hover,.btn-primary-coaching:hover{
  filter:brightness(.97);transform:translateY(-1px);
  box-shadow:0 14px 26px rgba(0,0,0,.22), inset 0 -2px 0 rgba(0,0,0,.08);
}
.coaching .btn.btn-primary:active,.btn-primary-coaching:active{
  transform:none;box-shadow:0 6px 16px rgba(0,0,0,.18), inset 0 -1px 0 rgba(0,0,0,.12);
}
.coaching .btn.btn-primary:focus-visible,.btn-primary-coaching:focus-visible{
  outline:0;box-shadow:0 0 0 .25rem rgba(236,220,169,.35), 0 10px 22px rgba(0,0,0,.18) !important;
}
.coaching .btn.btn-primary i,.btn-primary-coaching i{margin-right:.45rem}
.coaching .btn.btn-primary:disabled,.btn-primary-coaching:disabled{
  background:#e9ddb6 !important;color:#706c60 !important;box-shadow:none !important;opacity:1 !important;cursor:not-allowed;
}

.coaching .btn.btn-outline-primary,
.btn-outline-primary-coaching{
  border:1px solid #ecdca9 !important;color:#ecdca9 !important;background:transparent !important;border-radius:.75rem !important;
  padding:.7rem 1.15rem !important;font-weight:700 !important;letter-spacing:.2px;
}
.coaching .btn.btn-outline-primary:hover,
.btn-outline-primary-coaching:hover{
  background:#ecdca9 !important;color:#151515 !important;border-color:#ecdca9 !important;
}

/* =========================
   NAV PILLS (Áreas de trabajo)
   ========================= */
#programas-coaching .nav-pills .nav-link{
  border:1px solid #2a2b31;background:#141519;color:#eaeaea;border-radius:999px;
}
#programas-coaching .nav-pills .nav-link:hover{filter:brightness(1.05)}
#programas-coaching .nav-pills .nav-link.active{
  background:#ecdca9;border-color:#ecdca9;color:#151515;
}

/* =========================
   ÁREAS DE TRABAJO – FORZAR CARDS OSCURAS
   (Gantry/Bootstrap pone fondo blanco en .card)
   ========================= */
#programas-coaching .tab-content .card.card-coaching{
  /* variables Bootstrap */
  --bs-card-bg:#141519; --bs-card-border-color:#24262c;
  background-color:#141519 !important; border:1px solid #24262c !important; color:#eaeaea !important;
  border-radius:20px !important; box-shadow:0 14px 28px rgba(0,0,0,.22);
}
#programas-coaching .tab-content .card.card-coaching.card-gradient-coaching{
  background:
    radial-gradient(600px 200px at 20% 0, rgba(236,220,169,.12), transparent 40%),
    #141519 !important;
}
#programas-coaching .tab-content .card-coaching .card-body{
  background:transparent !important;color:#eaeaea !important;
}
#programas-coaching .tab-content .card-coaching .card-footer{
  background:transparent !important;border-top:1px solid #2a2b31 !important;
}

/* =========================
   FAB WhatsApp y paginación
   ========================= */
.pagenavigation{padding-bottom:90px}
.wa-fab-coaching{
  position:fixed;right:18px;bottom:90px;z-index:999;width:56px;height:56px;border-radius:50%;
  display:grid;place-items:center;background:#25D366;color:#0f0f0f;box-shadow:0 10px 30px rgba(0,0,0,.25);text-decoration:none
}
.wa-fab-coaching:hover{filter:brightness(.95)}
.wa-fab-coaching i{font-size:1.7rem}

/* =========================
   Responsive
   ========================= */
@media (max-width:991.98px){
  .hero-coaching{padding:48px 0}
  .hero-coaching::before{width:100%;font-size:clamp(28px,11vw,72px);opacity:.05}
  .badge-cred-coaching img{width:220px}
  .wa-fab-coaching{bottom:80px}
}
@media (max-width:575.98px){
  .badge-cred-coaching img{width:180px}
}