.elementor-31875 .elementor-element.elementor-element-deec8ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31875 .elementor-element.elementor-element-fe7aa42{font-family:"Manrope", Sans-serif;font-size:17px;}.elementor-31875 .elementor-element.elementor-element-e03423b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31875 .elementor-element.elementor-element-ca74d08{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31875 .elementor-element.elementor-element-a9fc733{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-31875 .elementor-element.elementor-element-a23ab14{--display:flex;}.elementor-31875 .elementor-element.elementor-element-deb8c9d .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:25px;font-weight:700;line-height:30px;}.elementor-31875 .elementor-element.elementor-element-495696d{font-family:"Manrope", Sans-serif;font-size:17px;}.elementor-31875 .elementor-element.elementor-element-60b6b6f{--display:flex;}.elementor-31875 .elementor-element.elementor-element-60b6b6f.e-con{--align-self:center;}.elementor-31875 .elementor-element.elementor-element-1bf72cb > .elementor-widget-container{border-radius:5px 5px 5px 5px;}.elementor-31875 .elementor-element.elementor-element-1bf72cb img{border-radius:5px 5px 5px 5px;}.elementor-31875 .elementor-element.elementor-element-5ada38a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31875 .elementor-element.elementor-element-7b17f3c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31875 .elementor-element.elementor-element-ed3cc6c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31875 .elementor-element.elementor-element-15ce011{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31875 .elementor-element.elementor-element-92aed65{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:24px 24px 24px 24px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31875 .elementor-element.elementor-element-df07855{font-family:"Manrope", Sans-serif;}@media(min-width:768px){.elementor-31875 .elementor-element.elementor-element-a23ab14{--width:1500px;}}/* Start custom CSS for html, class: .elementor-element-9e149b9 *//* =====================================================
   ACORDEÓN · SITUACIONES PC TRIAGE
===================================================== */

.situaciones-pct {
  --sp-naranja: #f97316;
  --sp-naranja-oscuro: #d9560b;
  --sp-ambar: #ffb347;
  --sp-crema: #fff7ed;
  --sp-crema-claro: #fffaf5;
  --sp-titulo: #18233b;
  --sp-texto: #00000;
  --sp-borde: #f1dcc8;
  --sp-blanco: #ffffff;

  width: 100%;
  max-width: 100%;

  margin: 0;
  padding: clamp(1px, 6vw, 0px) 0;

  font-family: "Manrope", sans-serif;
  box-sizing: border-box;
}


/* =====================================================
   ENCABEZADO
===================================================== */

.situaciones-pct__header {
  width: 100%;
  max-width: 820px;

  margin-bottom: clamp(28px, 4vw, 40px);
}


.situaciones-pct__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  margin-bottom: 10px;

  color: var(--sp-naranja-oscuro);

  font-family: "Manrope", sans-serif;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.3;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}


.situaciones-pct__eyebrow::before {
  content: "";

  width: 28px;
  height: 2px;

  border-radius: 999px;

  background: linear-gradient(
    90deg,
    var(--sp-naranja),
    var(--sp-ambar)
  );
}


.situaciones-pct__titulo {
  max-width: 800px;

  margin: 0;

  color: var(--sp-titulo);

  font-family: "Manrope", sans-serif;
  font-size: clamp(25px, 3vw, 3px);
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: -0.035em;
}


/* =====================================================
   CONTENEDOR DEL ACORDEÓN
===================================================== */

.situaciones-pct__acordeon {
  display: flex;
  flex-direction: column;

  gap: 12px;

  width: 100%;
}


/* =====================================================
   TARJETA
===================================================== */

.situacion-pct {
  position: relative;
  isolation: isolate;
  overflow: hidden;

  width: 100%;

  border: 1px solid var(--sp-borde);
  border-radius: 18px;

  background:
    radial-gradient(
      circle at 96% 0%,
      rgba(249, 115, 22, 0.08),
      transparent 30%
    ),
    var(--sp-blanco);

  box-shadow:
    0 10px 25px rgba(87, 47, 16, 0.05);

  box-sizing: border-box;

  transition:
    border-color 300ms ease,
    box-shadow 300ms ease,
    transform 300ms ease;
}


/* Línea lateral del elemento abierto */

.situacion-pct::before {
  content: "";

  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;

  width: 4px;

  background: linear-gradient(
    180deg,
    var(--sp-naranja),
    var(--sp-ambar)
  );

  transform: scaleY(0);
  transform-origin: top;

  transition: transform 350ms ease;
}


.situacion-pct[open] {
  border-color: rgba(249, 115, 22, 0.35);

  box-shadow:
    0 17px 38px rgba(87, 47, 16, 0.09);
}


.situacion-pct[open]::before {
  transform: scaleY(1);
}


/* Oculta el marcador nativo */

.situacion-pct > summary {
  list-style: none;
}


.situacion-pct > summary::-webkit-details-marker {
  display: none;
}


/* =====================================================
   CABECERA DE CADA ACORDEÓN
===================================================== */

.situacion-pct__summary {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 36px;
  align-items: center;

  gap: clamp(14px, 2.5vw, 24px);

  width: 100%;

  padding:
    clamp(17px, 2.5vw, 23px)
    clamp(18px, 3vw, 28px);

  cursor: pointer;
  user-select: none;

  box-sizing: border-box;

  transition:
    background-color 280ms ease,
    padding 280ms ease;
}


.situacion-pct__summary:hover {
  background: rgba(255, 247, 237, 0.75);
}


.situacion-pct[open] .situacion-pct__summary {
  background: linear-gradient(
    90deg,
    rgba(255, 247, 237, 0.9),
    rgba(255, 255, 255, 0)
  );
}


/* =====================================================
   ICONO
===================================================== */

.situacion-pct__icono {
  display: grid;
  place-items: center;

  width: 62px;
  height: 62px;

  border: 1px solid rgba(249, 115, 22, 0.18);
  border-radius: 17px;

  color: var(--sp-naranja);

  background:
    radial-gradient(
      circle at 35% 28%,
      rgba(255, 179, 71, 0.28),
      transparent 55%
    ),
    var(--sp-crema);

  box-shadow:
    inset 0 0 18px rgba(249, 115, 22, 0.04);

  transition:
    transform 300ms ease,
    color 300ms ease,
    background-color 300ms ease;
}


.situacion-pct__icono svg {
  width: 39px;
  height: 39px;
}


.situacion-pct[open] .situacion-pct__icono {
  transform: translateY(-2px);

  color: var(--sp-naranja-oscuro);

  background:
    radial-gradient(
      circle at 35% 28%,
      rgba(255, 179, 71, 0.38),
      transparent 58%
    ),
    #fff1e3;
}


/* =====================================================
   TÍTULO DEL ACORDEÓN
===================================================== */

.situacion-pct__summary-titulo {
  min-width: 0;

  color: var(--sp-titulo);

  font-family: "Manrope", sans-serif;
  font-size: clamp(16px, 2vw, 20px);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.018em;
}


/* =====================================================
   BOTÓN MÁS / MENOS
===================================================== */

.situacion-pct__control {
  position: relative;

  display: block;

  width: 32px;
  height: 32px;

  border: 1px solid rgba(249, 115, 22, 0.2);
  border-radius: 50%;

  background: var(--sp-crema);

  transition:
    transform 300ms ease,
    background-color 300ms ease,
    border-color 300ms ease;
}


.situacion-pct__control::before,
.situacion-pct__control::after {
  content: "";

  position: absolute;
  top: 50%;
  left: 50%;

  width: 13px;
  height: 2px;

  border-radius: 999px;

  background: var(--sp-naranja);

  transform: translate(-50%, -50%);

  transition: transform 300ms ease;
}


.situacion-pct__control::after {
  transform:
    translate(-50%, -50%)
    rotate(90deg);
}


.situacion-pct[open] .situacion-pct__control {
  background: var(--sp-naranja);
  border-color: var(--sp-naranja);
}


.situacion-pct[open] .situacion-pct__control::before,
.situacion-pct[open] .situacion-pct__control::after {
  background: #ffffff;
}


.situacion-pct[open] .situacion-pct__control::after {
  transform:
    translate(-50%, -50%)
    rotate(0deg);
}


/* =====================================================
   PANEL ABIERTO
===================================================== */

.situacion-pct__panel {
  display: grid;
  grid-template-columns: 1fr;

  gap: 20px;

  padding:
    0
    clamp(22px, 4vw, 36px)
    clamp(24px, 4vw, 36px)
    clamp(22px, 4vw, 36px);

  animation: situacionEntrada 420ms ease both;
}


@keyframes situacionEntrada {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* =====================================================
   TEXTO
===================================================== */

.situacion-pct__contenido {
  width: 100%;
  max-width: 800px;
}


.situacion-pct__contenido p {
  margin: 0;

  color: var(--sp-texto);

  font-family: "Manrope", sans-serif;
  font-size: clamp(14px, 1.5vw, 16px);
  font-weight: 450;
  line-height: 1.68;
}


/* =====================================================
   IMAGEN
===================================================== */

.situacion-pct__media {
  position: relative;
  overflow: hidden;

  width: 100%;
  aspect-ratio: 16 / 7;

  margin: 0;

  border: 1px solid rgba(249, 115, 22, 0.16);
  border-radius: 15px;

  background: var(--sp-crema);

  box-shadow:
    0 10px 24px rgba(87, 47, 16, 0.07);
}


.situacion-pct__media::after {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  background: linear-gradient(
    135deg,
    rgba(249, 115, 22, 0.03),
    rgba(255, 179, 71, 0.1)
  );
}


.situacion-pct__media img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition:
    transform 650ms cubic-bezier(.2, .7, .2, 1),
    filter 650ms ease;
}


.situacion-pct:hover .situacion-pct__media img {
  transform: scale(1.025);
  filter: saturate(1.04);
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 767px) {

  .situacion-pct__summary {
    grid-template-columns: 54px minmax(0, 1fr) 30px;

    gap: 14px;

    padding: 16px 18px;
  }

  .situacion-pct__icono {
    width: 52px;
    height: 52px;

    border-radius: 15px;
  }

  .situacion-pct__icono svg {
    width: 33px;
    height: 33px;
  }

  .situacion-pct__control {
    width: 28px;
    height: 28px;
  }

  .situacion-pct__panel {
    padding:
      0
      18px
      24px
      18px;
  }

  .situacion-pct__media {
    aspect-ratio: 16 / 9;
  }
}


/* =====================================================
   MÓVIL
===================================================== */

@media (max-width: 480px) {

  .situaciones-pct {
    padding: 40px 0;
  }

  .situacion-pct {
    border-radius: 15px;
  }

  .situacion-pct__summary {
    grid-template-columns: 46px minmax(0, 1fr) 28px;

    gap: 12px;

    padding: 15px 14px;
  }

  .situacion-pct__icono {
    width: 44px;
    height: 44px;

    border-radius: 13px;
  }

  .situacion-pct__icono svg {
    width: 28px;
    height: 28px;
  }

  .situacion-pct__panel {
    gap: 16px;

    padding:
      0
      14px
      20px
      14px;
  }

  .situacion-pct__media {
    border-radius: 12px;
  }
}


/* =====================================================
   ACCESIBILIDAD
===================================================== */

.situacion-pct__summary:focus-visible {
  outline: 3px solid rgba(249, 115, 22, 0.3);
  outline-offset: -3px;
}


@media (prefers-reduced-motion: reduce) {

  .situacion-pct,
  .situacion-pct::before,
  .situacion-pct__icono,
  .situacion-pct__control,
  .situacion-pct__control::before,
  .situacion-pct__control::after,
  .situacion-pct__media img {
    transition: none;
  }

  .situacion-pct__panel {
    animation: none;
  }

  .situacion-pct:hover .situacion-pct__media img {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0db2668 *//* =====================================================
   FRASE DESTACADA · PC TRIAGE
===================================================== */

.frase-pct {
  --fp-azul-profundo: #00142f;
  --fp-azul-secundario: #00295d;
  --fp-azul-brillante: #087cff;
  --fp-naranja: #f97316;
  --fp-naranja-claro: #ffad5a;
  --fp-blanco: #ffffff;
  --fp-texto-secundario: rgba(255, 255, 255, 0.82);

  position: relative;
  isolation: isolate;
  overflow: hidden;

  display: grid;
  grid-template-columns: minmax(90px, 135px) minmax(0, 1fr);
  align-items: center;

  gap: clamp(24px, 4vw, 48px);

  width: 100%;
  max-width: 100%;

  padding:
    clamp(34px, 5vw, 52px)
    clamp(24px, 5vw, 54px);

  border: 1px solid rgba(249, 115, 22, 0.2);
  border-radius: 22px;

  background:
    radial-gradient(
      circle at 88% 50%,
      rgba(249, 115, 22, 0.16),
      transparent 30%
    ),
    radial-gradient(
      circle at 18% 25%,
      rgba(8, 124, 255, 0.18),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      var(--fp-azul-profundo) 0%,
      #001d43 52%,
      var(--fp-azul-secundario) 100%
    );

  box-shadow:
    0 20px 45px rgba(0, 20, 55, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);

  font-family: "Manrope", sans-serif;
  box-sizing: border-box;
}


/* =====================================================
   TEXTURA DE FONDO
===================================================== */

.frase-pct::before {
  content: "";

  position: absolute;
  inset: 0;
  z-index: -2;

  opacity: 0.18;

  background-image:
    linear-gradient(
      rgba(41, 130, 255, 0.14) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(41, 130, 255, 0.1) 1px,
      transparent 1px
    );

  background-size: 40px 40px;

  mask-image: linear-gradient(
    90deg,
    transparent,
    rgba(0, 0, 0, 0.72)
  );
}


/* Halo naranja lateral */

.frase-pct::after {
  content: "";

  position: absolute;
  z-index: -1;

  width: 230px;
  height: 230px;

  top: 50%;
  right: -110px;

  border-radius: 50%;

  background: rgba(249, 115, 22, 0.16);
  filter: blur(42px);

  transform: translateY(-50%);

  pointer-events: none;
}


/* =====================================================
   ICONO
===================================================== */

.frase-pct__icono {
  display: grid;
  place-items: center;

  width: clamp(92px, 11vw, 122px);
  aspect-ratio: 1;

  margin-inline: auto;

  border: 1px solid rgba(249, 115, 22, 0.36);
  border-radius: 24px;

  color: var(--fp-naranja);

  background:
    radial-gradient(
      circle at 35% 30%,
      rgba(255, 173, 90, 0.22),
      transparent 52%
    ),
    rgba(255, 255, 255, 0.045);

  box-shadow:
    inset 0 0 26px rgba(249, 115, 22, 0.06),
    0 12px 28px rgba(0, 0, 0, 0.16),
    0 0 24px rgba(249, 115, 22, 0.08);

  transition:
    transform 320ms ease,
    color 320ms ease,
    border-color 320ms ease,
    box-shadow 320ms ease;
}


.frase-pct__icono svg {
  width: 68%;
  height: 68%;
}


/* =====================================================
   CONTENIDO
===================================================== */

.frase-pct__contenido {
  min-width: 0;
  max-width: 820px;
}


.frase-pct__linea {
  margin: 0 0 8px;

  color: var(--fp-texto-secundario);

  font-family: "Manrope", sans-serif;
  font-size: clamp(16px, 1.9vw, 21px);
  font-weight: 550;
  line-height: 1.4;
}


.frase-pct__principal {
  margin: 0;

  color: var(--fp-blanco);

  font-family: "Manrope", sans-serif;
  font-size: clamp(24px, 3.4vw, 40px);
  font-weight: 700;
  line-height: 1.24;
  letter-spacing: -0.035em;
}


.frase-pct__principal span {
  color: var(--fp-naranja);

  text-shadow:
    0 0 20px rgba(249, 115, 22, 0.16);
}


/* =====================================================
   HOVER
===================================================== */

.frase-pct:hover .frase-pct__icono {
  transform: translateY(-4px) scale(1.025);

  color: var(--fp-naranja-claro);

  border-color: rgba(255, 173, 90, 0.6);

  box-shadow:
    inset 0 0 30px rgba(249, 115, 22, 0.08),
    0 16px 34px rgba(0, 0, 0, 0.2),
    0 0 30px rgba(249, 115, 22, 0.12);
}


/* =====================================================
   TABLET / BLOG ESTRECHO
===================================================== */

@media (max-width: 820px) {

  .frase-pct {
    grid-template-columns: 90px minmax(0, 1fr);

    gap: 24px;

    padding: 34px 28px;
  }

  .frase-pct__icono {
    width: 86px;

    border-radius: 20px;
  }
}


/* =====================================================
   MÓVIL
===================================================== */

@media (max-width: 600px) {

  .frase-pct {
    grid-template-columns: 1fr;

    gap: 22px;

    padding: 32px 22px;

    border-radius: 18px;

    text-align: center;
  }

  .frase-pct__icono {
    width: 80px;
  }

  .frase-pct__contenido {
    max-width: none;
  }
}


/* =====================================================
   MÓVIL PEQUEÑO
===================================================== */

@media (max-width: 420px) {

  .frase-pct {
    padding: 28px 18px;
  }

  .frase-pct__icono {
    width: 72px;

    border-radius: 17px;
  }
}


/* =====================================================
   ACCESIBILIDAD
===================================================== */

@media (prefers-reduced-motion: reduce) {

  .frase-pct__icono {
    transition: none;
  }

  .frase-pct:hover .frase-pct__icono {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-deb8c9d */.title {
  margin: 0;
  color: #071b3d;
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: -0.035em;
}

.title .title__highlight {
  color: #f97316;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ab4298 *//* =====================================================
   KPIS · PC TRIAGE
===================================================== */

.pct-kpis {
  --pk-naranja: #f97316;
  --pk-naranja-claro: #ffad5a;
  --pk-azul: #08264f;
  --pk-azul-secundario: #123a6d;
  --pk-texto: #000;
  --pk-borde: rgba(8, 38, 79, 0.12);
  --pk-fondo: #ffffff;
  --pk-fondo-suave: #fff8f2;

  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));

  align-items: stretch;
  gap: clamp(14px, 2vw, 20px);

  width: 100%;
  max-width: 100%;

  margin: 0;
  padding: 0;

  font-family: "Manrope", sans-serif;
  box-sizing: border-box;
}


/* =====================================================
   TARJETA
===================================================== */

.pct-kpi {
  position: relative;
  isolation: isolate;
  overflow: hidden;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;

  min-width: 0;
  min-height: 100%;

  padding:
    clamp(26px, 3vw, 36px)
    clamp(18px, 2.5vw, 26px);

  border: 1px solid var(--pk-borde);
  border-radius: 20px;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(249, 115, 22, 0.1),
      transparent 34%
    ),
    linear-gradient(
      150deg,
      var(--pk-fondo) 0%,
      #fffaf6 100%
    );

  box-shadow:
    0 12px 28px rgba(8, 38, 79, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);

  text-align: center;
  box-sizing: border-box;

  transition:
    transform 320ms ease,
    border-color 320ms ease,
    box-shadow 320ms ease;
}


/* Línea superior naranja */

.pct-kpi::before {
  content: "";

  position: absolute;
  top: 0;
  left: 50%;

  width: 68%;
  height: 3px;

  border-radius: 0 0 999px 999px;

  background: linear-gradient(
    90deg,
    transparent,
    var(--pk-naranja),
    var(--pk-naranja-claro),
    transparent
  );

  transform: translateX(-50%) scaleX(0);
  transform-origin: center;

  transition: transform 380ms ease;
}


/* Resplandor */

.pct-kpi::after {
  content: "";

  position: absolute;
  z-index: -1;

  top: -70px;
  left: 50%;

  width: 190px;
  height: 140px;

  border-radius: 50%;

  background: rgba(249, 115, 22, 0.08);
  filter: blur(32px);

  transform: translateX(-50%);
}


/* =====================================================
   ICONO
===================================================== */

.pct-kpi__icono {
  display: grid;
  place-items: center;

  width: clamp(72px, 8vw, 88px);
  aspect-ratio: 1;

  margin: 0 auto 20px;

  border: 1px solid rgba(249, 115, 22, 0.22);
  border-radius: 22px;

  color: var(--pk-naranja);

  background:
    radial-gradient(
      circle at 35% 28%,
      rgba(255, 173, 90, 0.3),
      transparent 55%
    ),
    var(--pk-fondo-suave);

  box-shadow:
    inset 0 0 24px rgba(249, 115, 22, 0.05),
    0 9px 20px rgba(8, 38, 79, 0.06);

  transition:
    transform 320ms ease,
    color 320ms ease,
    border-color 320ms ease,
    box-shadow 320ms ease;
}


.pct-kpi__icono svg {
  width: 54%;
  height: 54%;
}


/* =====================================================
   CIFRA
===================================================== */

.pct-kpi__numero {
  display: block;

  width: 100%;

  margin: 0 0 12px;

  color: var(--pk-azul);

  font-family: "Manrope", sans-serif;
  font-size: clamp(36px, 4.8vw, 54px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.045em;

  text-align: center;
}


/* =====================================================
   TEXTO
===================================================== */

.pct-kpi__texto {
  width: 100%;
  max-width: 250px;

  margin: 0 auto;

  color: var(--pk-texto);

  font-family: "Manrope", sans-serif;
  font-size: clamp(14px, 1.4vw, 16px);
  font-weight: 500;
  line-height: 1.55;

  text-align: center;
}


/* =====================================================
   HOVER
===================================================== */

.pct-kpi:hover {
  transform: translateY(-5px);

  border-color: rgba(249, 115, 22, 0.3);

  box-shadow:
    0 20px 42px rgba(8, 38, 79, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}


.pct-kpi:hover::before {
  transform: translateX(-50%) scaleX(1);
}


.pct-kpi:hover .pct-kpi__icono {
  transform: translateY(-4px) scale(1.03);

  color: var(--pk-naranja-claro);

  border-color: rgba(249, 115, 22, 0.38);

  box-shadow:
    inset 0 0 26px rgba(249, 115, 22, 0.08),
    0 13px 26px rgba(8, 38, 79, 0.09);
}


/* =====================================================
   PLANTILLA DE BLOG ESTRECHA
===================================================== */

@media (max-width: 900px) {

  .pct-kpis {
    grid-template-columns: 1fr;
  }

  .pct-kpi {
    max-width: 680px;
    width: 100%;

    margin-inline: auto;
  }

  .pct-kpi__texto {
    max-width: 460px;
  }
}


/* =====================================================
   MÓVIL
===================================================== */

@media (max-width: 480px) {

  .pct-kpi {
    padding: 26px 20px;

    border-radius: 18px;
  }

  .pct-kpi__icono {
    width: 68px;

    margin-bottom: 17px;

    border-radius: 18px;
  }

  .pct-kpi__numero {
    margin-bottom: 10px;
  }

  .pct-kpi__texto {
    max-width: 300px;
  }
}


/* =====================================================
   ACCESIBILIDAD
===================================================== */

@media (prefers-reduced-motion: reduce) {

  .pct-kpi,
  .pct-kpi::before,
  .pct-kpi__icono {
    transition: none;
  }

  .pct-kpi:hover,
  .pct-kpi:hover .pct-kpi__icono {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1dd3e1d *//* =====================================================
   CONTROL PC TRIAGE
===================================================== */

.control-pct {
  --cp-naranja: #f97316;
  --cp-naranja-claro: #ffad5a;
  --cp-azul: #08264f;
  --cp-azul-medio: #123a6d;
  --cp-texto: #00000;
  --cp-borde: rgba(8, 38, 79, 0.12);
  --cp-fondo: #ffffff;
  --cp-fondo-suave: #fff8f2;

  width: 100%;
  max-width: 100%;

  margin: 0;
  padding: clamp(46px, 6vw, 70px) 0;

  font-family: "Manrope", sans-serif;
  box-sizing: border-box;
}


/* =====================================================
   ENCABEZADO
===================================================== */

.control-pct__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  width: 100%;
  max-width: 900px;

  margin: 0 auto clamp(28px, 4vw, 42px) 0;

  text-align: left;
}


.control-pct__linea {
  display: block;

  width: 82px;
  height: 3px;

  margin-bottom: 14px;

  border-radius: 999px;

  background: linear-gradient(
    90deg,
    var(--cp-naranja),
    var(--cp-naranja-claro)
  );

  box-shadow:
    0 0 16px rgba(249, 115, 22, 0.2);
}


.control-pct__titulo {
  width: 100%;
  max-width: 820px;

  margin: 0;

  color: var(--cp-azul);

  font-family: "Manrope", sans-serif;
  font-size: clamp(20px, 2vw, 25px);
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: -0.035em;

  text-align: left;
}


/* =====================================================
   GRID 2 COLUMNAS × 3 FILAS
===================================================== */

.control-pct__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  align-items: stretch;
  gap: clamp(16px, 2.2vw, 22px);

  width: 100%;
}


/* =====================================================
   TARJETA
===================================================== */

.control-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;

  display: flex;
  flex-direction: column;
  align-items: center;

  min-width: 0;
  min-height: 100%;

  padding:
    clamp(26px, 3.2vw, 36px)
    clamp(22px, 3vw, 32px);

  border: 1px solid var(--cp-borde);
  border-radius: 20px;

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(249, 115, 22, 0.1),
      transparent 34%
    ),
    linear-gradient(
      150deg,
      var(--cp-fondo) 0%,
      #fffaf6 100%
    );

  box-shadow:
    0 12px 28px rgba(8, 38, 79, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);

  text-align: center;
  box-sizing: border-box;

  transition:
    transform 320ms ease,
    border-color 320ms ease,
    box-shadow 320ms ease;
}


/* Línea superior animada */

.control-card::before {
  content: "";

  position: absolute;
  top: 0;
  left: 50%;

  width: 72%;
  height: 3px;

  border-radius: 0 0 999px 999px;

  background: linear-gradient(
    90deg,
    transparent,
    var(--cp-naranja),
    var(--cp-naranja-claro),
    transparent
  );

  transform: translateX(-50%) scaleX(0);
  transform-origin: center;

  transition: transform 380ms ease;
}


/* Resplandor interno */

.control-card::after {
  content: "";

  position: absolute;
  z-index: -1;

  top: -90px;
  left: 50%;

  width: 210px;
  height: 150px;

  border-radius: 50%;

  background: rgba(249, 115, 22, 0.08);
  filter: blur(34px);

  transform: translateX(-50%);
}


/* =====================================================
   ICONO
===================================================== */

.control-card__icono {
  display: grid;
  place-items: center;

  width: clamp(70px, 7vw, 84px);
  aspect-ratio: 1;

  margin: 0 auto 20px;

  border: 1px solid rgba(249, 115, 22, 0.2);
  border-radius: 20px;

  color: var(--cp-naranja);

  background:
    radial-gradient(
      circle at 35% 28%,
      rgba(255, 173, 90, 0.3),
      transparent 55%
    ),
    var(--cp-fondo-suave);

  box-shadow:
    inset 0 0 24px rgba(249, 115, 22, 0.05),
    0 9px 20px rgba(8, 38, 79, 0.06);

  transition:
    transform 320ms ease,
    color 320ms ease,
    border-color 320ms ease,
    box-shadow 320ms ease;
}


.control-card__icono svg {
  width: 54%;
  height: 54%;
}


/* =====================================================
   TÍTULO DE TARJETA
===================================================== */

.control-card__titulo {
  width: 100%;
  max-width: 420px;

  margin: 0 auto 12px;

  color: var(--cp-azul);

  font-family: "Manrope", sans-serif;
  font-size: clamp(17px, 2vw, 21px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.022em;

  text-align: center;
}


/* =====================================================
   TEXTO
===================================================== */

.control-card__texto {
  width: 100%;
  max-width: 470px;

  margin: 0 auto;

  color: var(--cp-texto);

  font-family: "Manrope", sans-serif;
  font-size: clamp(14px, 1.4vw, 16px);
  font-weight: 450;
  line-height: 1.65;

  text-align: center;
}


/* =====================================================
   HOVER
===================================================== */

.control-card:hover {
  transform: translateY(-5px);

  border-color: rgba(249, 115, 22, 0.3);

  box-shadow:
    0 20px 42px rgba(8, 38, 79, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}


.control-card:hover::before {
  transform: translateX(-50%) scaleX(1);
}


.control-card:hover .control-card__icono {
  transform: translateY(-4px) scale(1.03);

  color: var(--cp-naranja-claro);

  border-color: rgba(249, 115, 22, 0.4);

  box-shadow:
    inset 0 0 26px rgba(249, 115, 22, 0.08),
    0 13px 26px rgba(8, 38, 79, 0.09);
}


/* =====================================================
   BLOG ESTRECHO / TABLET
===================================================== */

@media (max-width: 760px) {

  .control-pct__header {
    align-items: flex-start;

    margin-left: 0;
    margin-right: 0;

    text-align: left;
  }

  .control-pct__titulo {
    text-align: left;
  }

  .control-pct__grid {
    grid-template-columns: 1fr;
  }

  .control-card {
    max-width: 680px;
    width: 100%;

    margin-inline: auto;
  }

  .control-card__titulo,
  .control-card__texto {
    max-width: 600px;
  }
}


/* =====================================================
   MÓVIL
===================================================== */

@media (max-width: 480px) {

  .control-pct {
    padding: 40px 0;
  }

  .control-card {
    padding: 26px 20px;

    border-radius: 18px;
  }

  .control-card__icono {
    width: 66px;

    margin-bottom: 17px;

    border-radius: 17px;
  }

  .control-card__titulo {
    margin-bottom: 10px;
  }
}


/* =====================================================
   ACCESIBILIDAD
===================================================== */

@media (prefers-reduced-motion: reduce) {

  .control-card,
  .control-card::before,
  .control-card__icono {
    transition: none;
  }

  .control-card:hover,
  .control-card:hover .control-card__icono {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9f18af2 *//* =====================================================
   ORGANIZACIONES · PC TRIAGE
===================================================== */

.clientes-pct {
  --cl-naranja: #f97316;
  --cl-naranja-claro: #ffad5a;
  --cl-azul: #08264f;
  --cl-azul-medio: #123a6d;
  --cl-texto: #43506a;
  --cl-borde: rgba(8, 38, 79, 0.11);
  --cl-fondo: #ffffff;
  --cl-fondo-suave: #fff8f2;

  width: 100%;
  max-width: 100%;

  margin: 0;
  padding: clamp(20px, 70px) 0;

  font-family: "Manrope", sans-serif;
  box-sizing: border-box;
}


/* =====================================================
   ENCABEZADO
===================================================== */

.clientes-pct__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  width: 100%;
  max-width: 900px;

  margin: 0 auto clamp(10px, 3vw, 42px) 0;

  text-align: left;
}


.clientes-pct__linea {
  display: block;

  width: 82px;
  height: 3px;

  margin-bottom: 14px;

  border-radius: 999px;

  background: linear-gradient(
    90deg,
    var(--cl-naranja),
    var(--cl-naranja-claro)
  );

  box-shadow:
    0 0 16px rgba(249, 115, 22, 0.2);
}


.clientes-pct__titulo {
  width: 100%;
  max-width: 850px;

  margin: 0 0 12px;

  color: var(--cl-azul);

  font-family: "Manrope", sans-serif;
  font-size: clamp(20px, 2vw, 25px);
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: -0.035em;

  text-align: left;
}


/* =====================================================
   LISTADO DE ORGANIZACIONES
===================================================== */

.clientes-pct__lista {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  gap: 14px;

  width: 100%;

  margin-bottom: clamp(28px, 4vw, 40px);
}


.cliente-pct {
  position: relative;
  overflow: hidden;

  display: flex;
  align-items: center;
  justify-content: center;

  min-width: 155px;
  min-height: 64px;

  padding: 14px 20px;

  border: 1px solid var(--cl-borde);
  border-radius: 16px;

  color: var(--cl-azul);

  background:
    linear-gradient(
      160deg,
      #ffffff 0%,
      #fffaf6 100%
    );

  box-shadow:
    0 10px 24px rgba(8, 38, 79, 0.055);

  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;

  box-sizing: border-box;

  transition:
    transform 300ms ease,
    border-color 300ms ease,
    color 300ms ease,
    box-shadow 300ms ease;
}


/* Línea superior naranja */

.cliente-pct::before {
  content: "";

  position: absolute;
  top: 0;
  left: 50%;

  width: 65%;
  height: 3px;

  border-radius: 0 0 999px 999px;

  background: linear-gradient(
    90deg,
    transparent,
    var(--cl-naranja),
    var(--cl-naranja-claro),
    transparent
  );

  transform: translateX(-50%) scaleX(0);
  transform-origin: center;

  transition: transform 320ms ease;
}


/* =====================================================
   HOVER
===================================================== */

.cliente-pct:hover {
  transform: translateY(-4px);

  border-color: rgba(249, 115, 22, 0.28);

  color: var(--cl-naranja);

  box-shadow:
    0 17px 34px rgba(8, 38, 79, 0.1);
}


.cliente-pct:hover::before {
  transform: translateX(-50%) scaleX(1);
}


/* =====================================================
   BLOQUE DESCRIPTIVO
===================================================== */

.clientes-pct__descripcion {
  position: relative;
  overflow: hidden;

  width: 100%;
  max-width: 900px;

  margin: 0 auto;

  padding:
    clamp(24px, 3vw, 32px)
    clamp(22px, 4vw, 38px);

  border: 1px solid rgba(249, 115, 22, 0.14);
  border-left: 4px solid var(--cl-naranja);
  border-radius: 18px;

  background:
    radial-gradient(
      circle at 90% 50%,
      rgba(249, 115, 22, 0.08),
      transparent 34%
    ),
    linear-gradient(
      110deg,
      #fff9f3 0%,
      #fffdfb 100%
    );

  box-shadow:
    0 12px 28px rgba(8, 38, 79, 0.05);

  box-sizing: border-box;
}


.clientes-pct__descripcion::after {
  content: "";

  position: absolute;

  width: 170px;
  height: 170px;

  right: -80px;
  bottom: -100px;

  border-radius: 50%;

  background: rgba(249, 115, 22, 0.09);
  filter: blur(24px);

  pointer-events: none;
}


.clientes-pct__descripcion p {
  position: relative;
  z-index: 2;

  margin: 0;

  color: var(--cl-texto);

  font-family: "Manrope", sans-serif;
  font-size: clamp(14px, 1.45vw, 16px);
  font-weight: 450;
  line-height: 1.7;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 767px) {

  .clientes-pct__header {
    align-items: flex-start;

    margin-left: 0;
    margin-right: 0;

    text-align: left;
  }

  .clientes-pct__titulo,
  .clientes-pct__subtitulo {
    text-align: left;
  }

  .clientes-pct__lista {
    justify-content: flex-start;
  }

  .cliente-pct {
    flex: 1 1 calc(50% - 14px);

    min-width: 140px;
  }
}


/* =====================================================
   MÓVIL
===================================================== */

@media (max-width: 480px) {

  .clientes-pct {
    padding: 40px 0;
  }

  .clientes-pct__lista {
    gap: 12px;
  }

  .cliente-pct {
    flex: 1 1 100%;

    min-width: 0;
    min-height: 58px;

    border-radius: 14px;
  }

  .clientes-pct__descripcion {
    padding: 24px 20px;

    border-radius: 16px;
  }
}


/* =====================================================
   ACCESIBILIDAD
===================================================== */

@media (prefers-reduced-motion: reduce) {

  .cliente-pct,
  .cliente-pct::before {
    transition: none;
  }

  .cliente-pct:hover {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8411a9a *//* =====================================================
   CTA FINAL · PC TRIAGE
===================================================== */

.cta-pct {
  --cta-azul-profundo: #00142f;
  --cta-azul-medio: #062d61;
  --cta-azul-claro: #0b7cff;
  --cta-naranja: #f97316;
  --cta-naranja-claro: #ffad5a;
  --cta-blanco: #ffffff;
  --cta-texto: rgba(255, 255, 255, 0.8);

  position: relative;
  isolation: isolate;
  overflow: hidden;

  display: flex;
  flex-direction: column;
  align-items: flex-start;

  gap: clamp(28px, 4vw, 38px);

  width: 100%;
  max-width: 100%;

  padding:
    clamp(38px, 5vw, 56px)
    clamp(26px, 5vw, 54px);

  border: 1px solid rgba(249, 115, 22, 0.24);
  border-radius: 22px;

  background:
    radial-gradient(
      circle at 88% 18%,
      rgba(249, 115, 22, 0.19),
      transparent 31%
    ),
    radial-gradient(
      circle at 78% 100%,
      rgba(8, 124, 255, 0.18),
      transparent 34%
    ),
    linear-gradient(
      135deg,
      var(--cta-azul-profundo) 0%,
      #001d43 52%,
      var(--cta-azul-medio) 100%
    );

  box-shadow:
    0 22px 48px rgba(0, 20, 55, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);

  font-family: "Manrope", sans-serif;
  box-sizing: border-box;
}


/* =====================================================
   TEXTURA TECNOLÓGICA
===================================================== */

.cta-pct::before {
  content: "";

  position: absolute;
  inset: 0;
  z-index: -2;

  opacity: 0.15;

  background-image:
    linear-gradient(
      rgba(50, 139, 255, 0.14) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(50, 139, 255, 0.1) 1px,
      transparent 1px
    );

  background-size: 40px 40px;

  mask-image: linear-gradient(
    90deg,
    transparent 20%,
    rgba(0, 0, 0, 0.72) 100%
  );
}


/* Resplandor naranja */

.cta-pct::after {
  content: "";

  position: absolute;
  z-index: -1;

  width: 260px;
  height: 260px;

  top: 50%;
  right: -120px;

  border-radius: 50%;

  background: rgba(249, 115, 22, 0.17);
  filter: blur(48px);

  transform: translateY(-50%);

  pointer-events: none;
}


/* =====================================================
   CONTENIDO
===================================================== */

.cta-pct__contenido {
  position: relative;
  z-index: 2;

  width: 100%;
  max-width: 860px;
  min-width: 0;
}


.cta-pct__eyebrow {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;

  margin-bottom: 18px;

  color: var(--cta-naranja);

  font-family: "Manrope", sans-serif;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.3;
  letter-spacing: 0.065em;
  text-transform: uppercase;
}


.cta-pct__eyebrow::after {
  content: "";

  display: block;

  width: 64px;
  height: 2px;

  margin-top: 10px;

  border-radius: 999px;

  background: linear-gradient(
    90deg,
    var(--cta-naranja),
    var(--cta-naranja-claro)
  );

  box-shadow:
    0 0 14px rgba(249, 115, 22, 0.24);
}


/* =====================================================
   TÍTULO
===================================================== */

.cta-pct__titulo {
  width: 100%;
  max-width: 820px;

  margin: 0 0 18px;

  color: var(--cta-blanco);

  font-family: "Manrope", sans-serif;
  font-size: clamp(22px, 2.8vw, 32px);
  font-weight: 700;
  line-height: 1.34;
  letter-spacing: -0.028em;
}


/* =====================================================
   TEXTO
===================================================== */

.cta-pct__texto {
  width: 100%;
  max-width: 800px;

  margin: 0;

  color: var(--cta-texto);

  font-family: "Manrope", sans-serif;
  font-size: clamp(14px, 1.45vw, 16px);
  font-weight: 400;
  line-height: 1.7;
}


/* =====================================================
   BLOQUE DE ACCIÓN
===================================================== */

.cta-pct__accion {
  position: relative;
  z-index: 2;

  display: flex;
  flex-direction: column;
  align-items: center;

  width: 100%;
  max-width: 360px;
  min-width: 0;

  margin-inline: auto;
}


/* =====================================================
   BOTÓN
===================================================== */

.cta-pct__boton {
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 13px;

  width: 100%;
  min-height: 58px;

  padding: 15px 24px;

  border: 1px solid rgba(255, 173, 90, 0.6);
  border-radius: 14px;

  color: var(--cta-blanco) !important;

  background:
    linear-gradient(
      135deg,
      var(--cta-naranja) 0%,
      #e65d0b 100%
    );

  box-shadow:
    0 14px 28px rgba(249, 115, 22, 0.23),
    inset 0 1px 0 rgba(255, 255, 255, 0.2);

  font-family: "Manrope", sans-serif;
  font-size: clamp(16px, 2vw, 20px);
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none !important;

  box-sizing: border-box;

  transition:
    transform 280ms ease,
    color 280ms ease,
    background 280ms ease,
    box-shadow 280ms ease;
}


.cta-pct__flecha {
  display: inline-block;

  font-size: 23px;
  font-weight: 400;
  line-height: 1;

  transition: transform 280ms ease;
}


.cta-pct__boton:hover {
  transform: translateY(-3px);

  color: var(--cta-azul-profundo) !important;

  background: var(--cta-blanco);

  box-shadow:
    0 19px 38px rgba(249, 115, 22, 0.28);
}


.cta-pct__boton:hover .cta-pct__flecha {
  transform: translateX(5px);
}


.cta-pct__boton:focus-visible {
  outline: 3px solid rgba(255, 173, 90, 0.45);
  outline-offset: 4px;
}


/* =====================================================
   CORREO
===================================================== */

.cta-pct__correo {
  display: block;

  width: 100%;
  margin-top: 15px;

  color: rgba(255, 255, 255, 0.88) !important;

  font-family: "Manrope", sans-serif;
  font-size: clamp(13px, 1.45vw, 15px);
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  text-decoration: none !important;

  overflow-wrap: anywhere;

  transition: color 250ms ease;
}


.cta-pct__correo:hover {
  color: var(--cta-naranja-claro) !important;
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 820px) {

  .cta-pct {
    gap: 30px;

    padding: 40px 30px;
  }

  .cta-pct__contenido,
  .cta-pct__titulo,
  .cta-pct__texto {
    max-width: none;
  }

  .cta-pct__accion {
    width: 100%;
    max-width: 360px;
  }
}


/* =====================================================
   MÓVIL
===================================================== */

@media (max-width: 600px) {

  .cta-pct {
    gap: 26px;

    padding: 34px 22px;

    border-radius: 18px;
  }

  .cta-pct__accion {
    max-width: none;
  }

  .cta-pct__boton {
    min-height: 56px;

    padding-inline: 18px;
  }

  .cta-pct__correo {
    text-align: center;
  }

  .cta-pct::after {
    width: 190px;
    height: 190px;

    right: -100px;
  }
}


/* =====================================================
   ACCESIBILIDAD
===================================================== */

@media (prefers-reduced-motion: reduce) {

  .cta-pct__boton,
  .cta-pct__flecha,
  .cta-pct__correo {
    transition: none;
  }

  .cta-pct__boton:hover {
    transform: none;
  }

  .cta-pct__boton:hover .cta-pct__flecha {
    transform: none;
  }
}/* End custom CSS */