.reveal {
  opacity: 0;
  transform: translateY(60px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}.reveal.active {
  opacity: 1;
  transform: translateY(0);
}.apto-hero-buttons .apto-btn {
  position: relative;
  overflow: hidden;
  background: transparent;
  border: 2px solid var(--c-white);
  color: var(--c-white);
  transition: color 0.3s ease;
}.apto-hero-buttons .apto-btn::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(255,255,255,0.3), rgba(255,255,255,0));
  transform: translateX(-100%);
  transition: transform 0.4s ease;
}.apto-hero-buttons .apto-btn:hover::before {
  transform: translateX(0);
}.apto-hero-buttons .apto-btn:hover {
  color: var(--c-main);
}.floating-bubbles img,
.floating-bubbles-2 img,
.apto-skill-bubbles .apto-bubble {
  animation: float 8s ease-in-out infinite;
}.apto-hero-cover {
    position: relative;
    min-height: 80vh;
}.apto-hero-cover .wp-block-cover__image-background {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}.apto-hero-cover .wp-block-cover__background {
    position: absolute !important;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(19, 108, 166, 0.85) !important;
    pointer-events: none;
}.apto-hero-cover .wp-block-cover__inner-container {
    position: relative;
    max-width: 90%;
    margin: 0 auto;
    padding: 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;      /* centra verticalmente */
    text-align: center;
}.home .site-branding img {
    display: none !important;
}.apto-logo-img {
    height: 390px;
    width: auto;
    display: auto;
    margin: 0 0 0 0;   /* un poco de espacio con el texto */
}.apto-hero-subtitle {
    font-size: 32px;
    line-height: 1.3;
    color: #ffffff !important;
    margin: 0 0 28px 0;
}.apto-hero-buttons {
    display: flex;
    justify-content: center;
    gap: 50px;
    margin-top: 8px;
}.apto-hero-buttons .apto-btn {
    padding: 18px 40px;
    border-radius: 999px;
    border: 2px solid #ffffff;
    background: transparent;
    color: #ffffff !important;
    font-weight: 600;
    font-size: 24px;
    text-decoration: none !important;
    transition: all 0.2s ease;
}.apto-hero-buttons .apto-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.25);
}.main-header-menu .menu-link {
    position: relative;
    padding-top: 0;   /* espacio arriba para la pastilla */
}.main-header-menu .menu-link::before {
    content: "";
    position: absolute;
    top: 0;           /* baja o sube la pastilla */
    left: 50%;
    transform: translateX(-50%);
    width: 110px;        /* largo de la pastilla */
    height: 30px;
    border-radius: 999px;
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.35);
    pointer-events: none;
}.main-header-menu .menu-link:hover::before,
.main-header-menu .current-menu-item .menu-link::before {
    background: rgba(255,255,255,0.35);
}.apto-hero-cover p {
    color: #ffffff !important;
}@media (max-width: 768px) {.apto-logo-img {
        max-height: 160px;
    }.apto-hero-subtitle {
        font-size: 22px;
    }.apto-hero-buttons {
        flex-direction: column;
    }.apto-hero-buttons .apto-btn {
        width: 100%;
        max-width: 260px;
    }}.apto-hero-cover::after {
    content: "";
    position: absolute;
    bottom: -250px;      /* mueve hacia arriba/abajo */
    left: -120px;        /* mueve hacia la izquierda/derecha */
    width: 560px;      /* tamaño de la imagen */
    height: 560px;
    background-image: url("https://apto360.com.mx/wp-content/uploads/2025/11/bolitas.png"); /* reemplaza */
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 3;        /* arriba del overlay */
    pointer-events: none;
}.section-subtitle-text {
  max-width: 980px;
  margin: 0 auto 44px;
  font-size: 24px;
  line-height: 1.5;
  color: rgba(255,255,255,0.95);
	
}.floating-bubbles {
    position: absolute;
    left: -150px;
    bottom: 410px; /* ajusta según lo que quieras */
    z-index: 0;
    opacity: 0.8;
}.floating-bubbles img {
    width: 590px; /* ajusta el tamaño */
    pointer-events: none; /* no obstruye clics */
}.floating-bubbles-2 {
    position: absolute;
    right: -190px;
    top: -15px; /* ajusta según lo que quieras */
    z-index: 0;
    opacity: 0.8;
}.floating-bubbles-2 img {
    width: 790px; /* ajusta el tamaño */
    pointer-events: none; /* no obstruye clics */
		transform: rotate(90deg);
}#services {
    position: relative; /* Necesario para posicionar la imagen dentro */
    z-index: 1;
}@media (min-width: 769px) {.wp-block-media-text.has-media-on-the-right {
      display: grid;
      grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); /* text a bit wider */
      column-gap: 40px;
      align-items: center;
  }.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
      order: 1;
  }.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
      order: 2;
      justify-self: end;
  }.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media img {
      display: block;
      width: 100%;
      height: auto;
  }}#services.wp-block-group.alignfull{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  position: relative;
  overflow: hidden;
}.signals-container {
  position: relative;
  z-index: 2;
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}.signals-title-box {
  display: inline-block;
  background: rgba(255, 255, 255, 0.22);
  padding: 20px 34px;
  margin-bottom: 50px;
}.signals-title-box h2 {
  margin: 0;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.05;
  font-weight: 800;
  color: #ffffff;
}.signals-subtitle {
  max-width: 850px;
  margin: 0 auto 60px;
  font-size: clamp(17px, 2vw, 29px);
  line-height: 1.45;
  color: #ffffff;
}.signals-question-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  max-width: 900px;
  margin: 0 auto;
}.signals-logo-icon {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}.signals-logo-icon img {
  width: 550%;
  height: auto;
  object-fit: contain;
  filter: brightness(0) invert(1); /* asegura blanco si el logo no lo es */
}.signals-question-box {
  min-height: 115px;
  padding: 26px 50px;
  border-radius: 999px;
  border: 3px solid rgba(255,255,255,0.65);
  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.22),
    rgba(255,255,255,0.10)
  );
  box-shadow:
    inset 0 0 24px rgba(255,255,255,0.16),
    0 0 12px rgba(255,255,255,0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(22px, 3vw, 34px);
  line-height: 1.3;
  font-weight: 800;
  color: #ffffff;
}.signals-bubbles {
  position: absolute;
  z-index: 1;
  pointer-events: none;
  opacity: 0.55;
}.signals-bubbles img {
  width: 480px;
  height: auto;
}.signals-bubbles-left {
  top: 28px;
  left: -100px;
}.signals-bubbles-right {
  right: 15px;
  bottom: -5px;
  transform: rotate(180deg);
}@media (max-width: 768px) {.signals-section {
    padding: 55px 18px 70px;
  }.signals-question-row {
    flex-direction: column;
    gap: 22px;
  }.signals-question-box {
    border-radius: 36px;
    padding: 24px 28px;
  }.signals-title-box {
    padding: 16px 22px;
    margin-bottom: 38px;
  }.signals-subtitle {
    margin-bottom: 45px;
  }}#problema-talento.wp-block-group.alignfull{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  position: relative;
  overflow: hidden;
}#problema-talento .problema-talento-bg{
  position: absolute;
  inset: 0;
  background-image: url("https://apto360.com.mx/wp-content/uploads/2026/01/Problema.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}#problema-talento .problema-talento-inner{
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  padding: 90px 20px 90px;
  text-align: center;
  color: #fff;
}#problema-talento .problema-talento-title-pill{
  display: inline-block;
  padding: 22px 70px;
  border-radius: 18px;
  background: rgba(255,255,255,0.2);
  border: 1px solid rgba(255,255,255,0.4);
  box-shadow: 0 14px 32px rgba(0,0,0,0.25);
  margin-bottom: 28px;
}#problema-talento .problema-talento-title-pill h2{
  margin: 0;
  font-size: 44px;
  font-weight: 800;
  color: #fff;
}#problema-talento .problema-talento-text{
  max-width: 980px;
  margin: 0 auto 44px;
  font-size: 24px;
  line-height: 1.5;
  color: rgba(255,255,255,0.95);
}#problema-talento .problema-talento-bubbles{
  display: flex;
  justify-content: center;
  gap: 70px;
  flex-wrap: wrap;
  margin-top: 10px;
}#problema-talento .problema-bubble{
  width: 350px;
  height: 350px;
  background-image: url("https://apto360.com.mx/wp-content/uploads/2025/11/Burbuja_grande-e1764350453250.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px;
  box-sizing: border-box;
}#problema-talento .problema-bubble-inner{
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.25;
  text-shadow: 0 2px 10px rgba(0,0,0,0.25);
}@media (max-width: 980px){#problema-talento .problema-talento-title-pill h2{ font-size: 34px; }#problema-talento .problema-talento-text{ font-size: 16px; margin-bottom: 34px; }#problema-talento .problema-talento-bubbles{ gap: 28px; }#problema-talento .problema-bubble{ width: 200px; height: 200px; }#problema-talento .problema-bubble-inner{ font-size: 16px; }}@media (max-width: 480px){#problema-talento .problema-talento-inner{ padding: 70px 16px; }#problema-talento .problema-talento-title-pill{
    padding: 16px 24px;
    border-radius: 14px;
  }#problema-talento .problema-talento-title-pill h2{ font-size: 26px; }#problema-talento .problema-bubble{ width: 180px; height: 180px; padding: 22px; }}#costo {
    position: relative;
    padding: 120px 0;
    text-align: center;

 
}.apto-costo-inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}.titulo-con-imagen-costo h2 {
    font-size: 48px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
}.costo-columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}.costo-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}.costo-bubble {
    width: 110px;
    height: 110px;
    background-image: url("https://apto360.com.mx/wp-content/uploads/2025/11/Burbuja_grande-e1764350453250.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

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

    font-size: 34px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 24px;
    z-index: 3;
}.costo-card-inner {
    background: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(6px);
    border-radius: 20px;
    padding: 42px 26px 32px;
    width: 100%;
    max-width: 300px;
    box-shadow: 0 18px 40px rgba(0,0,0,0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}.costo-card-inner:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 55px rgba(0,0,0,0.35);
}.costo-card-inner h3 {
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #004a7c;
}.costo-desc {
    font-size: 22px;
    line-height: 1.4;
    color: #ffffff;
}@media (max-width: 900px) {.experiencia-columns {
        grid-template-columns: 1fr;
        gap: 48px;
    }.titulo-con-imagen-costo h2 {
        font-size: 34px;
    }}#solucion-apto360.wp-block-group.alignfull{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  position: relative;
  overflow: hidden;
}#solucion-apto360 .solucion-bg{
  position: absolute;
  inset: 0;
  background-image: url("https://apto360.com.mx/wp-content/uploads/2026/01/Solucion.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}#solucion-apto360 .solucion-inner{
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  padding: 90px 20px 90px;
  color: #fff;
}#solucion-apto360 .solucion-title-pill{
  display: inline-block;
  padding: 18px 60px;
  border-radius: 18px;
  background: rgba(255,255,255,0.22);
  border: 1px solid rgba(255,255,255,0.30);
  box-shadow: 0 14px 32px rgba(0,0,0,0.25);
  margin-bottom: 34px;
}#solucion-apto360 .solucion-title-pill h2{
  margin: 0;
  font-size: 44px;
  font-weight: 800;
  color: #fff;
}#solucion-apto360 .solucion-lista-logo{
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 720px;      /* para que se parezca a Canva y no se vaya muy ancho */
}#solucion-apto360 .solucion-lista-logo li{
  position: relative;
  padding-left: 74px;     /* espacio para el icono grande */
  margin-bottom: 26px;
  font-size: 22px;
  line-height: 1.5;
  color: rgba(255,255,255,0.95);
}#solucion-apto360 .solucion-lista-logo li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 6px;              /* ajusta para alinear con primera línea */
  width: 44px;
  height: 44px;
  background-image: url("https://apto360.com.mx/wp-content/uploads/2025/11/Logo-blanco-1-e1763743136106.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.95;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,0.25));
}#solucion-apto360 .solucion-lista-logo-sub li{
  position: relative;
  padding-left: 7px;     /* espacio para el icono grande */
  margin-bottom: 1px;
  font-size: 22px;
	left: 73px;
  line-height: 1.5;
  color: rgba(255,255,255,0.95);
}#solucion-apto360 .solucion-lista-logo-sub li::before{
  content: "";
  left: 0px;
  top: 6px;              /* ajusta para alinear con primera línea */
  width: 44px;
  height: 44px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.95;
  filter: drop-shadow(10px 10px 18px rgba(0,0,0,0.25));
}@media (max-width: 980px){#solucion-apto360 .solucion-title-pill h2{ font-size: 34px; }#solucion-apto360 .solucion-inner{ padding: 70px 18px; }#solucion-apto360 .solucion-lista-logo{ max-width: 820px; }#solucion-apto360 .solucion-lista-logo li{ font-size: 16px; padding-left: 64px; }#solucion-apto360 .solucion-lista-logo li::before{ width: 38px; height: 38px; top: 4px; }}@media (max-width: 480px){#solucion-apto360 .solucion-title-pill{
    padding: 14px 22px;
    border-radius: 14px;
  }#solucion-apto360 .solucion-title-pill h2{ font-size: 26px; }#solucion-apto360 .solucion-lista-logo li{ padding-left: 56px; margin-bottom: 18px; }#solucion-apto360 .solucion-lista-logo li::before{ width: 32px; height: 32px; top: 4px; }}.wp-block-group.alignfull{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  position: relative;
  overflow: hidden;
}.talento-section {

  text-align: center;
}.talento-container {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}.talento-title-box {
  display: inline-block;
  background: rgba(255,255,255,0.15);
  padding: 20px 40px;
  margin-bottom: 40px;
}.talento-title-box h2 {
  margin: 0;
  font-size: clamp(36px, 5vw, 60px);
  font-weight: 800;
}.talento-subtitle {
  max-width: 750px;
  margin: 0 auto 70px;
  font-size: clamp(16px, 2vw, 22px);
  line-height: 1.5;
  padding: 10px 20px;
}.talento-circles {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
}.talento-bubble-card {
  position: relative;
  width: 220px;
  height: 220px;
  flex-shrink: 0;
}.talento-bubble-card img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}.bubble-text {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  padding: 20px;
	text-shadow: 0 2px 8px rgba(0,0,0,0.4);
}.bubble-text strong {
  font-size: 18px;
  letter-spacing: 1px;
}.bubble-text span {
  font-size: 15px;
  margin-top: 6px;
  opacity: 0.95;
}@media (max-width: 900px) {.talento-circles {
    justify-content: center;
  }.talento-bubble-card {
    width: 170px;
    height: 170px;
  }}.talento-bubbles {
  position: absolute;
  z-index: 1;
  opacity: 0.5;
}.talento-bubbles img {
  width: 380px;
}.talento-bubbles-top {
	transform: rotate(80deg);
  top: 70px;
  right: 20px;
	width: px;
}.talento-bubbles-bottom {
  bottom: 10px;
  left: 20px;
}@media (max-width: 900px) {.talento-circles {
    justify-content: center;
  }}#perfiles {
    text-align: center;
    padding-top: 80px !important;
    padding-bottom: 80px !important;

    /* Usa aquí la imagen de fondo que exportes de Canva */
    background-image: url("https://apto360.com.mx/wp-content/uploads/2025/11/Perfiles_APTO360.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}#perfiles > .wp-block-group__inner-container {
    background: transparent !important;
}#perfiles .wp-block-columns {
    text-align: left;
}#perfiles .titulo-con-imagen-perfiles {
    position: relative;
    display: inline-block;     /* se centra por el text-align del padre */
    margin: 0 auto 32px auto;  /* espacio con el texto de abajo */
}#perfiles .titulo-con-imagen-perfiles img {
    position: absolute;
    top: 52%;
    left: 50%;
    width: 000px;              /* ajusta al gusto */
    transform: translate(-50%, -50%);
    opacity: 0.85;
    z-index: 1;
    pointer-events: none;
}#perfiles .titulo-con-imagen-perfiles h2 {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 22px 120px;       /* controla el ancho visual del texto */
    color: #ffffff;
}#perfiles .perfiles-subtitle {
    max-width: 900px;
    margin: 0 auto 40px auto;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
}#perfiles .perfiles-col-header {
    display: inline-block;
    padding: 23px 45px;
    margin-bottom: 20px;
    color: #ffffff;
    font-weight: 600;
    text-align: left;

    background-image: url("https://apto360.com.mx/wp-content/uploads/2025/11/Boton-transparente.png");
    background-repeat: no-repeat;
    background-size: 100% 230%;
    background-position: center;
}#perfiles .lista-logo {
    list-style: none;
    margin: 0;
    padding: 0;
}#perfiles .lista-logo li {
    position: relative;
    padding-left: 48px;
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 22px;
}#perfiles .lista-logo li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    background-image: url("https://apto360.com.mx/wp-content/uploads/2025/11/Logo-blanco-1-e1763743136106.png");
    background-size: contain;
    background-repeat: no-repeat;
}@media (max-width: 768px) {#perfiles {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }#perfiles .titulo-con-imagen-perfiles img {
        width: 95%;
    }#perfiles .titulo-con-imagen-perfiles h2 {
        padding: 18px 40px;
        font-size: 22px;
    }#perfiles .perfiles-col {
        padding: 16px 0;
    }}#radar360.wp-block-group.alignfull{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  position: relative;
  overflow: hidden;
}#radar360 .radar360-bg{
  position: absolute;
  inset: 0;
  background-image: url("https://apto360.com.mx/wp-content/uploads/2026/01/Radar.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}#radar360::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    url("https://apto360.com.mx/wp-content/uploads/2025/11/bolitas.png"),
    url("https://apto360.com.mx/wp-content/uploads/2025/11/bolitas.png");
  background-repeat: no-repeat, no-repeat;
  background-size: 700px 400px, 700px 400px;
  background-position: left -160px top 420px, right -190px top -20px;
  opacity: 0.85;
  z-index: 1;
  pointer-events:none;
}#radar360 .radar360-inner{
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 90px 20px 95px;
  text-align: center;
  color: #fff;
}#radar360 .radar360-title-pill{
  display: inline-block;
  padding: 18px 64px;
  border-radius: 18px;
  background: rgba(255,255,255,0.22);
  border: 1px solid rgba(255,255,255,0.30);
  box-shadow: 0 14px 32px rgba(0,0,0,0.25);
  margin-bottom: 42px;
}#radar360 .radar360-title-pill h2{
  margin: 0;
  font-size: 44px;
  font-weight: 800;
  color: #fff;
}#radar360 .radar360-steps{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}#radar360 .radar360-step{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}#radar360 .radar360-num{
  width: 110px;
  height: 110px;
  background-image: url("https://apto360.com.mx/wp-content/uploads/2025/11/Burbuja_grande-e1764350453250.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

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

  font-size: 34px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1;
}#radar360 .radar360-card{
  width: 100%;
  border-radius: 16px;
  background: rgba(255,255,255,0.78);
  box-shadow: 0 14px 30px rgba(0,0,0,0.22);
  padding: 18px 18px;
  text-align: left;
}#radar360 .radar360-card-title{
  font-size: 24px;
  font-weight: 800;
  color: #0b3a59;
  margin-bottom: 6px;
}#radar360 .radar360-card-text{
  font-size: 20px;
  line-height: 1.45;
  color: #0b3a59;
  opacity: 0.95;
}#radar360 .radar360-card{
  transition: transform .2s ease, box-shadow .2s ease;
}#radar360 .radar360-step:hover .radar360-card{
  transform: translateY(-3px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}@media (max-width: 1100px){#radar360 .radar360-steps{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 22px;
  }}@media (max-width: 768px){#radar360 .radar360-inner{
    padding: 70px 18px 75px;
  }#radar360 .radar360-title-pill h2{
    font-size: 32px;
  }#radar360 .radar360-steps{
    grid-template-columns: 1fr;
    max-width: 520px;
    margin: 0 auto;
  }#radar360 .radar360-num{
    width: 92px;
    height: 92px;
    font-size: 28px;
  }#radar360::before{
    background-size: 320px 320px, 340px 340px;
    background-position: left -120px top -100px, right -140px top -90px;
    opacity: 0.75;
  }}@media (max-width: 480px){#radar360 .radar360-title-pill{
    padding: 14px 22px;
    border-radius: 14px;
  }#radar360 .radar360-title-pill h2{
    font-size: 26px;
    line-height: 1.1;
  }#radar360 .radar360-card{
    padding: 16px 16px;
  }}#perfiles-tech.wp-block-group.alignfull{
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  position: relative;
  overflow: hidden;
  background: #0c6da8;
}#perfiles-tech::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    url("https://apto360.com.mx/wp-content/uploads/2025/11/bolitas.png"),
    url("https://apto360.com.mx/wp-content/uploads/2025/11/bolitas.png");
  background-repeat: no-repeat, no-repeat;
  background-size: 700px 410px, 860px 520px;
  background-position: left -150px top 380px, right -170px top -30px;
  opacity: 0.85;
  z-index: 0;
  pointer-events: none;
}#perfiles-tech .perfiles-tech-inner{
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  padding: 90px 20px 95px;
  text-align: center;
  color: #fff;
}#perfiles-tech .perfiles-tech-title-pill{
  display:inline-block;
  padding: 18px 64px;
  border-radius: 18px;
  background: rgba(255,255,255,0.22);
  border: 1px solid rgba(255,255,255,0.30);
  box-shadow: 0 14px 32px rgba(0,0,0,0.25);
  margin-bottom: 18px;
}#perfiles-tech .perfiles-tech-title-pill h2{
  margin:0;
  font-size: 44px;
  font-weight: 800;
  color:#fff;
}#perfiles-tech .perfiles-tech-subtitle{
  max-width: 980px;
  margin: 14px auto 44px;
  font-size: 22px;
  line-height: 1.55;
  color: rgba(255,255,255,0.95);
}#perfiles-tech .perfiles-tech-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 110px;
  row-gap: 52px;
  justify-items: center;
  align-items: center;
}#perfiles-tech .perfiles-tech-item{
  width: 100%;
  max-width: 520px;
  display:flex;
  align-items:center;
  justify-content: flex-start;
  gap: 24px;
}#perfiles-tech .perfiles-tech-icon{
  width: 180px;
  height: 180px;
  object-fit: contain;
  flex: 0 0 auto;
  filter: drop-shadow(0 12px 22px rgba(0,0,0,0.25));
}#perfiles-tech .perfiles-tech-pill{
  flex: 1 1 auto;
  padding: 18px 26px;
  border-radius: 14px;
  background: rgba(255,255,255,0.22);
  border: 1px solid rgba(255,255,255,0.30);
  box-shadow: 0 14px 28px rgba(0,0,0,0.22);
  color: #ffffff;
  font-size: 24px;
  font-weight: 800;
  text-align: left;
  line-height: 1.15;
}#perfiles-tech .perfiles-tech-item{
  transition: transform .2s ease;
}#perfiles-tech .perfiles-tech-item:hover{
  transform: translateY(-3px);
}@media (max-width: 1100px){#perfiles-tech .perfiles-tech-grid{
    column-gap: 60px;
  }}@media (max-width: 900px){#perfiles-tech .perfiles-tech-title-pill h2{ font-size: 34px; }#perfiles-tech .perfiles-tech-grid{
    grid-template-columns: 1fr;
    row-gap: 26px;
  }#perfiles-tech .perfiles-tech-item{
    max-width: 640px;
  }}@media (max-width: 480px){#perfiles-tech .perfiles-tech-inner{
    padding: 70px 18px 75px;
  }#perfiles-tech .perfiles-tech-title-pill{
    padding: 14px 22px;
    border-radius: 14px;
  }#perfiles-tech .perfiles-tech-title-pill h2{
    font-size: 26px;
    line-height: 1.1;
  }#perfiles-tech .perfiles-tech-subtitle{
    font-size: 20px;
    margin-bottom: 28px;
  }#perfiles-tech .perfiles-tech-item{
    gap: 16px;
  }#perfiles-tech .perfiles-tech-icon{
    width: 84px;
    height: 84px;
  }#perfiles-tech .perfiles-tech-pill{
    font-size: 20px;
    padding: 16px 18px;
  }#perfiles-tech::before{
    background-size: 320px 320px, 320px 320px;
    background-position: left -130px top -110px, right -130px top -110px;
    opacity: 0.75;
  }}#experiencia {
    position: relative;
    padding: 120px 0;
    text-align: center;

    background-image: url("https://apto360.com.mx/wp-content/uploads/2026/01/Experiencia.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}.apto-experiencia-inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}.titulo-con-imagen-experiencia h2 {
    font-size: 48px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20px;
}.experiencia-subtitle {
    max-width: 820px;
    margin: 0 auto 70px auto;
    font-size: 24px;
    line-height: 1.5;
    color: #ffffff;
}.experiencia-columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}.experiencia-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}.experiencia-bubble {
    width: 110px;
    height: 110px;
    background-image: url("https://apto360.com.mx/wp-content/uploads/2025/11/Burbuja_grande-e1764350453250.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

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

    font-size: 34px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 24px;
    z-index: 3;
}.experiencia-card-inner {
    background: rgba(255, 255, 255, 0.30);
    backdrop-filter: blur(6px);
    border-radius: 20px;
    padding: 42px 26px 32px;
    width: 100%;
    max-width: 300px;
    box-shadow: 0 18px 40px rgba(0,0,0,0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}.experiencia-card-inner:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 55px rgba(0,0,0,0.35);
}.experiencia-card-inner h3 {
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #004a7c;
}.experiencia-desc {
    font-size: 22px;
    line-height: 1.4;
    color: #ffffff;
}@media (max-width: 900px) {.experiencia-columns {
        grid-template-columns: 1fr;
        gap: 48px;
    }.titulo-con-imagen-experiencia h2 {
        font-size: 34px;
    }.experiencia-subtitle {
        font-size: 18px;
    }}#analisis-mercado.apto-market{
  position: relative;
  padding: 110px 0;
  color: #fff;
  overflow: hidden;
  background: #0c6da8; /* fallback si no carga imagen */
}#analisis-mercado.apto-market::before,
#analisis-mercado.apto-market::after{
  content:"";
  position:absolute;
  background-image:url("https://apto360.com.mx/wp-content/uploads/2025/11/bolitas.png");
  background-repeat:no-repeat;
  background-size:contain;
  opacity:0.85;
  pointer-events:none;
  z-index:0;
}#analisis-mercado.apto-market::before{
  left:-170px;
  top:-10px;
  width:720px;
  height:720px;
}#analisis-mercado.apto-market::after{
  right:-200px;
  bottom:-50px;
  width:760px;
  height:760px;
  transform:rotate(180deg);
}.apto-market-inner{
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}.apto-market-header{
  max-width: 920px;
  margin: 0 auto 55px auto;
  text-align: center;
}.apto-market-title{
  font-size: 52px;
  line-height: 1.05;
  margin: 0 0 16px 0;
  font-weight: 800;
  letter-spacing: -0.5px;
}.apto-market-subtitle{
  margin: 0 auto;
  font-size: 24px;
  line-height: 1.55;
  opacity: 0.95;
}.apto-market-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}.apto-market-card{
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 26px 26px;
  border-radius: 22px;

  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.22);
  backdrop-filter: blur(8px);

  box-shadow: 0 18px 45px rgba(0,0,0,0.18);
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}.apto-market-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 28px 70px rgba(0,0,0,0.28);
  background: rgba(255,255,255,0.18);
}.apto-market-icon{
  width: 64px;
  height: 64px;
  border-radius: 18px;
  flex: 0 0 auto;

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

  background: rgba(255,255,255,0.16);
  border: 1px solid rgba(255,255,255,0.24);
  box-shadow: 0 12px 24px rgba(0,0,0,0.18);
}.apto-market-icon img{
  width: 40px;
  height: 40px;
  object-fit: contain;
  display: block;
  filter: brightness(0) invert(1); /* fuerza blanco si el icono es oscuro */
  opacity: 0.95;
}.apto-market-content h3{
  margin: 0 0 6px 0;
  font-size: 24px;
  font-weight: 800;
  color: #ffffff;
}.apto-market-content p{
  margin: 0;
  font-size: 20px;
  line-height: 1.5;
  color: rgba(255,255,255,0.92);
}@media (max-width: 900px){.apto-market-title{ font-size: 36px; }.apto-market-grid{ grid-template-columns: 1fr; }.apto-market-card{ padding: 22px; }}@media (max-width: 480px){.apto-market-title{ font-size: 30px; }.apto-market-subtitle{ font-size: 16px; }.apto-market-icon{ width: 56px; height: 56px; border-radius: 16px; }.apto-market-icon img{ width: 34px; height: 34px; }}.apto-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 70px 1px;
}.apto-footer-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}.apto-footer-column {
    flex: 1 1 250px;
    min-width: 230px;
}.footer-pill {
    display: inline-flex;                  /* el texto va dentro del pill */
    align-items: center;
    justify-content: center;

    padding: 54px 60px;                    /* controla la altura y ancho del pill */
    font-size: 30px;
    color: #ffffff;

    background-image: url("https://apto360.com.mx/wp-content/uploads/2025/11/Boton-transparente.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;            /* la imagen se adapta al texto */
    background-position: center;

    border-radius: 999px;                  /* por si la imagen no se nota, mantiene forma “pill” */
    line-height: 1;                        /* evita que el texto empuje hacia arriba/abajo */
}.footer-contact-list,
.footer-legal-list {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}.footer-contact-list li,
.footer-legal-list li {
    margin-bottom: 8px;
    font-size: 24px;
}.footer-legal-list a {
    color: #ffffff;
    text-decoration: none;
}.footer-legal-list a:hover {
    text-decoration: underline;
}.footer-social-list {
    display: flex;
    gap: px;
    margin-top: 20px;
}.footer-social {
    width:85px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.2s ease;
}.footer-social:hover {
    background: rgba(255,255,255,0.15);
    transform: translateY(-2px);
}@media (max-width: 768px) {.apto-footer-inner {
        padding: 50px 20px 30px;
    }.apto-footer-columns {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }.apto-footer-column {
        align-items: center;
    }.footer-social-list {
        justify-content: center;
    }}@media (max-width: 768px) {.apto-logo-img {
    height: 40vw;           /* e.g. 40% of viewport width */
    max-width: 80vw;
    max-height: none;
  }.apto-hero-buttons {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;              /* smaller gap on mobile */
  }.apto-hero-buttons .apto-btn {
    flex: 1 1 auto;
    min-width: 140px;
    padding: 14px 24px;
    font-size: 18px;
  }.apto-hero-subtitle {
    font-size: clamp(20px, 4.8vw, 28px);
  }}@media (max-width: 768px) {#ofrecemos .wp-block-columns,
  #perfiles .wp-block-columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 32px;
    text-align: left;       /* retain desktop alignment */
  }}@media (max-width: 768px) {.modelo-columns .wp-block-column {
    scroll-snap-align: start;
    flex: 0 0 80%;         /* each card takes most of the screen width */
    max-width: 80%;
  }}@media (max-width: 768px) {.apto-footer-columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    text-align: center;
  }.apto-footer-column {
    align-items: center;
  }}@media (max-width: 768px) {.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
      width: 100% !important;
      max-width: 100% !important;
  }.wp-block-media-text__content h2 {
      font-size: clamp(28px, 7vw, 40px);
      line-height: 1.1;
      overflow-wrap: break-word;
      word-break: normal;
      text-align: center;  /* optional: makes it prettier on mobile */
      margin-bottom: 20px;
  }}@media (max-width: 768px) {.apto-logo-img {
      height: 120px;
      margin: 0 auto 12px auto;
  }.apto-hero-subtitle {
      font-size: clamp(18px, 5vw, 24px);
      line-height: 1.3;
      text-align: center;
      max-width: 90%;
      margin: 0 auto 20px auto;
  }.apto-hero-buttons {
      flex-direction: column;
      gap: 14px;
      width: 100%;
      align-items: center;
      justify-content: center;
  }.apto-hero-buttons .apto-btn {
      width: 80%;
      max-width: 260px;
      font-size: 18px;
      padding: 14px 24px;
  }.apto-hero-cover::after {
      left: -50px;
      bottom: -120px;
      width: 260px;
      height: 260px;
  }}.page-id-526 .site-content .ast-container,
.page-id-526 .entry-content {
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
}.page-id-526 .entry-content > * {
  max-width: 100%;
}.page-id-526 .mision-logo-link {
    position: absolute;
    top: -10px;     /* baja o sube el logo */
    left: 30px;    /* mueve hacia la derecha */
    z-index: 999;
    display: block;
}.page-id-526 .mision-logo {
    width: 250px;        /* tamaño del logo */
    height: auto;
    object-fit: contain;
}.page-id-526 .site-header, 
.page-id-526 .main-header-bar {
    background: #0c6da8 !important;  /* asegúrate que la franja siga azul */
    z-index: 998;
}@media(max-width: 768px) {.page-id-526 .mision-logo-link {
        top: 12px;
        left: 16px;
    }.page-id-526 .mision-logo {
        width: 130px;
    }}.mision-hero {
    position: relative;
    min-height: 100vh;
}.mision-hero .wp-block-cover__image-background {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}.mision-hero .wp-block-cover__inner-container {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;      /* centra verticalmente */
    text-align: center;
}.nuestra-mision-imagen {
    position: relative;
    display: inline-block;        /* se centra gracias al text-align del padre */
    margin: 0 auto 40px auto;     /* separación con las columnas */
}.nuestra-mision-imagen img {
    position: absolute;
    top: 55%;
    left: 50%;
    width: 620px;                 /* tamaño del botón */
    max-width: 90vw;              /* que no se desborde en pantallas pequeñas */
    transform: translate(-50%, -50%);
    opacity: 0.8;
    z-index: 1;
    pointer-events: none;
}.nuestra-mision-imagen h1 {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 50px 80px;           /* ajusta para que el texto quepa cómodo */
    color: #ffffff;
}.mision-hero-subtitle {
    font-size: 26px;
    line-height: 1.5;
  	max-width: 70vw; 
    color: #ffffff !important;
    margin: 0 0 28px 0;
}.bubbles-mision {
    position: absolute;
    right: -190px;
    top: -15px; /* ajusta según lo que quieras */
    z-index: 0;
    opacity: 0.8;
}.bubbles-mision img {
    width: 790px; /* ajusta el tamaño */
    pointer-events: none; /* no obstruye clics */
		transform: rotate(0deg);
}.equipo-section {
    position: relative;
    padding: 90px 20px 100px;
    background-color: #0c6da8;
    color: #ffffff;
    overflow: hidden;
    text-align: center;
}.equipo-section::before,
.equipo-section::after {
    content: "";
    position: absolute;
    background-image: url("https://apto360.com.mx/wp-content/uploads/2025/11/bolitas.png");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.85;
    z-index: 0;
}.equipo-section::before {
    left: -120px;
    top: 30px;
    width: 620px;
    height: 520px;
}.equipo-section::after {
    right: -120px;
    bottom: 500px;
    width: 560px;
    height: 560px;
    transform: rotate(180deg);
}.equipo-section > * {
    position: relative;
    z-index: 1;
}.equipo-titulo-wrap {
    display: inline-block;
    margin-bottom: 50px;
    padding: 18px 90px;
    border-radius: 999px;
    background: rgba(255,255,255,0.18);
    border: 1px solid rgba(255,255,255,0.35);
}.equipo-titulo {
    font-size: 48px;
    font-weight: 700;
    color: #ffffff !important;
    margin: 0;
}.equipo-subtitle {
		max-width: 8000px;
    margin: 0 0 0 0;
    font-size: 30px;
    line-height: 1.6;
}.equipo-container {
    display: flex;
    justify-content: center;
    gap: 140px;              /* menos separación que 280px */
    flex-wrap: wrap;
    margin-bottom: 70px;     /* espacio antes de “¿Por qué APTO360?” */
}.equipo-card {
    max-width: 320px;
    text-align: center;
    color: #ffffff;
}.equipo-img {
    width: 300px;
    height: 300px;
    border-radius: 22%;
    object-fit: cover;
    margin-bottom: 22px;
    border: 4px solid rgba(255,255,255,0.35);
    box-shadow: 0 18px 38px rgba(0,0,0,0.25);
}.equipo-nombre {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 6px;
}.equipo-rol {
    font-size: 24px;
    font-weight: 600;
    opacity: 0.9;
    margin-bottom: 14px;
}.equipo-bio {
    font-size: 22px;
    line-height: 1.5;
    opacity: 0.92;
}.porque-inner {
    max-width: 9600px;
    margin: 0 0;
    text-align: center;
}.porque-header-pill {
    display: inline-block;
    margin-bottom: 50px;
    padding: 18px 90px;
    border-radius: 999px;
    background: rgba(255,255,255,0.18);
    border: 1px solid rgba(255,255,255,0.35);
}.porque-header-pill h1 {
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    color: #ffffff;
}.porque-subtitle {
		text-align: center;
    max-width: 7800px;
    margin: 0 0 10px 0;
    font-size: 24px;
    line-height: 1.6;
}.porque-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px 54px; /* filas / columnas */
  text-align: left;
  align-items: start;
}.porque-item{
  display:flex;
  align-items:center;
  gap: 18px;
}.porque-num{
  width: 84px;
  height: 84px;
  border-radius: 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 30px;
  font-weight: 800;
  color:#ffffff;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.55), rgba(255,255,255,0.12) 55%, rgba(0,0,0,0.08));
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow: 0 16px 34px rgba(0,0,0,0.28);
  flex: 0 0 auto;
}.porque-card{
  width: 100%;
  padding: 18px 22px;
  border-radius: 16px;
  background: rgba(255,255,255,0.78);
  box-shadow: 0 14px 30px rgba(0,0,0,0.28);
}.porque-card-title{
  font-size: 28px;
	line-height: 1.3;
  font-weight: 800;
  color: #0b3a59;
  margin-bottom: 8px;
}.porque-card-text{
  font-size: 20px;
  line-height: 1.45;
  color: #0b3a59;
  opacity: 0.95;
}.porque-item:hover .porque-card{
  transform: translateY(-2px);
  transition: transform .2s ease;
}@media (max-width: 980px){.porque-grid{ grid-template-columns: 1fr; gap: 18px; }.porque-num{ width: 70px; height: 70px; font-size: 24px; }.porque-card-title{ font-size: 18px; }}@media (max-width: 480px){.porque-item{ gap: 14px; }.porque-card{ padding: 16px 18px; }}@media (max-width: 768px) {.equipo-section {
        padding: 70px 16px 80px;
    }.equipo-titulo-wrap {
        padding: 12px 32px;
    }.equipo-titulo {
        font-size: 32px;
    }.equipo-container {
        gap: 40px;
        margin-bottom: 50px;
    }.equipo-img {
        width: 200px;
        height: 200px;
    }.equipo-bio {
        font-size: 18px;
    }.porque-inner {
        max-width: 100%;
    }.porque-header-pill {
        padding: 14px 24px;
    }.porque-header-pill h2 {
        font-size: 24px;
        text-align: center;
    }.porque-subtitle {
        font-size: 16px;
    }.porque-num {
        min-width: 40px;
        height: 40px;
        font-size: 18px;
    }}.page-id-127 .site-content .ast-container,
.page-id-127 .entry-content {
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
}.page-id-127 .entry-content > * {
  max-width: 100%;
}.page-id-127 .candidatos-logo-link {
    position: absolute;
    top: -10px;     /* baja o sube el logo */
    left: 30px;    /* mueve hacia la derecha */
    z-index: 999;
    display: block;
}.page-id-127 .candidatos-logo {
    width: 250px;        /* tamaño del logo */
    height: auto;
    object-fit: contain;
}.page-id-127 .site-header, 
.page-id-127 .main-header-bar {
    background: #0c6da8 !important;  /* asegúrate que la franja siga azul */
    z-index: 998;
}@media(max-width: 768px) {.page-id-127 .candidatos-logo-link {
        top: 12px;
        left: 16px;
    }.page-id-127 .candidatos-logo {
        width: 130px;
    }}.candidatos-hero {
    position: relative;
    min-height: 100vh;
}.candidatos-hero .wp-block-cover__image-background {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}.candidatos-hero .wp-block-cover__inner-container {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;      /* centra verticalmente */
    text-align: center;
}.candidatos-imagen {
    position: relative;
    display: inline-block;        /* se centra gracias al text-align del padre */
    margin: 0 auto 40px auto;     /* separación con las columnas */
}.candidatos-imagen img {
    position: absolute;
    top: 55%;
    left: 50%;
    width: 620px;                 /* tamaño del botón */
    max-width: 90vw;              /* que no se desborde en pantallas pequeñas */
    transform: translate(-50%, -50%);
    opacity: 0.8;
    z-index: 1;
    pointer-events: none;
}.candidatos-imagen h1 {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 50px 80px;           /* ajusta para que el texto quepa cómodo */
    color: #ffffff;
}.candidatos-hero-subtitle {
    font-size: 26px;
    line-height: 1.5;
  	max-width: 70vw; 
    color: #ffffff !important;
    margin: 0 0 28px 0;
}.bubbles-candidatos {
    position: absolute;
    right: -190px;
    top: -15px; /* ajusta según lo que quieras */
    z-index: 0;
    opacity: 0.8;
}.bubbles-candidatos img {
    width: 790px; /* ajusta el tamaño */
    pointer-events: none; /* no obstruye clics */
		transform: rotate(0deg);
}.beneficios-candidatos{
  position: relative;
  background: #0c6da8;
  overflow: hidden;
  padding: 90px 20px;
  color: #fff;
}.beneficios-candidatos::before,
.beneficios-candidatos::after{
  content:"";
  position:absolute;
  background-image:url("https://apto360.com.mx/wp-content/uploads/2025/11/bolitas.png");
  background-repeat:no-repeat;
  background-size:contain;
  opacity:0.85;
  pointer-events:none;
  z-index:0;
}.beneficios-candidatos::before{
  left:-100px;
  top:-10px;
  width:570px;
  height:570px;
}.beneficios-candidatos::after{
  right:-40px;
  bottom:-250px;
  width:760px;
  height:760px;
  transform:rotate(80deg);
}.beneficios-candidatos-inner{
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}.beneficios-candidatos-title-pill{
  display:inline-block;
  padding: 22px 70px;
  border-radius: 18px;
  background: rgba(255,255,255,0.22);
  border: 1px solid rgba(255,255,255,0.35);
  margin-bottom: 42px;
  box-shadow: 0 14px 32px rgba(0,0,0,0.25);
}.beneficios-candidatos-title-pill h2{
  margin:0;
  font-size: 44px;
  font-weight: 800;
  color:#fff;
}.beneficios-candidatos-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px 54px; /* filas / columnas */
  text-align: left;
  align-items: start;
}.beneficios-candidatos-item{
  display:flex;
  align-items:center;
  gap: 18px;
}.beneficios-candidatos-num{
  width: 84px;
  height: 84px;
  border-radius: 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 30px;
  font-weight: 800;
  color:#ffffff;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.55), rgba(255,255,255,0.12) 55%, rgba(0,0,0,0.08));
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow: 0 16px 34px rgba(0,0,0,0.28);
  flex: 0 0 auto;
}.beneficios-candidatos-card{
  width: 100%;
  padding: 18px 22px;
  border-radius: 16px;
  background: rgba(255,255,255,0.78);
  box-shadow: 0 14px 30px rgba(0,0,0,0.28);
}.beneficios-candidatos-card-title{
  font-size: 28px;
	line-height: 1.3;
  font-weight: 800;
  color: #0b3a59;
  margin-bottom: 8px;
}.beneficios-candidatos-card-text{
  font-size: 20px;
  line-height: 1.45;
  color: #0b3a59;
  opacity: 0.95;
}.beneficios-candidatos-item:hover .beneficios-candidatos-card{
  transform: translateY(-2px);
  transition: transform .2s ease;
}@media (max-width: 980px){.beneficios-candidatos-title-pill h2{ font-size: 34px; }.beneficios-candidatos-grid{ grid-template-columns: 1fr; gap: 18px; }.beneficios-candidatos-num{ width: 70px; height: 70px; font-size: 24px; }.beneficios-candidatos-card-title{ font-size: 18px; }}@media (max-width: 480px){.beneficios-candidatos-title-pill{
    padding: 16px 24px;
    border-radius: 14px;
  }.beneficios-candidatos-title-pill h2{ font-size: 28px; }.beneficios-candidatos-item{ gap: 14px; }.beneficios-candidatos-card{ padding: 16px 18px; }}.page-id-127 .buscamos-candidatos{
  position: relative;
  min-height: 720px;
  padding: 90px 20px;
  overflow: hidden; /* fallback */
}.page-id-127 .buscamos-candidatos .buscamos-bg{
  position: absolute;
  inset: 0;
  background-image:
   url("https://apto360.com.mx/wp-content/uploads/2025/12/Candidatos_buscamos.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
}.page-id-127 .buscamos-inner{
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}.page-id-127 .buscamos-title-pill{
  display: inline-block;
  padding: 22px 70px;
  border-radius: 18px;
  background: rgba(255,255,255,0.22);
  border: 1px solid rgba(255,255,255,0.30);
  box-shadow: 0 14px 32px rgba(0,0,0,0.25);
  margin-bottom: 26px;
}.page-id-127 .buscamos-title-pill h2{
  margin: 0;
  font-size: 44px;
  font-weight: 800;
  color: #fff;
}.page-id-127 .buscamos-subtitle{
  max-width: 980px;
  margin: 0 auto 46px auto;
  font-size: 24px;
  line-height: 1.6;
  opacity: 1;
}.page-id-127 .buscamos-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  text-align: left;
  align-items: start;
}.page-id-127 .buscamos-col{
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.20);
  border-radius: 14px;
  padding: 18px 18px 16px 18px;
  backdrop-filter: blur(2px);
}.page-id-127 .buscamos-col-title{
  margin: 0 0 14px 0;
  font-size: 28px;
  font-weight: 800;
  color: #ffffff;
  background: rgba(255,255,255,0.16);
  border-radius: 10px;
  padding: 12px 14px;
}.page-id-127 .buscamos-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}.page-id-127 .buscamos-list li{
  display: grid;
  grid-template-columns: 26px 1fr;
  gap: 12px;
  align-items: start;
  font-size: 24px;
  line-height: 1.5;
}.page-id-127 .buscamos-icon{
  width: 34px;
  height: 34px;
  object-fit: contain;
  opacity: 0.95;
  margin-top: 2px;
  filter: drop-shadow(0 8px 14px rgba(0,0,0,0.25));
}@media (max-width: 1100px){.page-id-127 .buscamos-grid{ grid-template-columns: repeat(2, 1fr); }}@media (max-width: 620px){.page-id-127 .buscamos-title-pill{ padding: 16px 24px; }.page-id-127 .buscamos-title-pill h2{ font-size: 30px; }.page-id-127 .buscamos-grid{ grid-template-columns: 1fr; }}.como-perfil-apto360{
  position: relative;
  background: #0c6da8;
  overflow: hidden;
  padding: 90px 20px;
  color: #fff;
}.como-perfil-apto360::before,
.como-perfil-apto360::after{
  content:"";
  position:absolute;
  background-image:url("https://apto360.com.mx/wp-content/uploads/2025/11/bolitas.png");
  background-repeat:no-repeat;
  background-size:contain;
  opacity:0.85;
  pointer-events:none;
  z-index:0;
}.como-perfil-apto360::before{
  left:-160px;
  top:0px;
  width:740px;
  height:740px;
}.como-perfil-apto360::after{
  right:-90px;
  top:250px;
  width:860px;
  height:860px;
  transform: rotate(125deg);
}.como-perfil-inner{
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}.como-perfil-title-pill{
  display:inline-block;
  padding: 22px 70px;
  border-radius: 18px;
  background: rgba(255,255,255,0.22);
  border: 1px solid rgba(255,255,255,0.30);
  margin-bottom: 22px;
  box-shadow: 0 14px 32px rgba(0,0,0,0.25);
}.como-perfil-title-pill h2{
  margin:0;
  font-size: 44px;
  font-weight: 800;
  color:#fff;
}.como-perfil-subtitle{
  margin: 0 auto 44px auto;
  max-width: 980px;
  font-size: 24px;
  line-height: 1.6;
  opacity: 0.95;
}.como-perfil-steps{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 34px;
  align-items: start;
}.como-step{
  display: flex;
  flex-direction: column;
  align-items: center;
}.como-step-num{
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 30px;
  font-weight: 800;
  color:#ffffff;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.55), rgba(255,255,255,0.12) 55%, rgba(0,0,0,0.08));
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow: 0 16px 34px rgba(0,0,0,0.28);
  margin-bottom: 16px;
}.como-step-card{
  width: 100%;
  max-width: 320px;
  padding: 18px 20px;
  border-radius: 16px;
  background: rgba(255,255,255,0.80);
  box-shadow: 0 14px 30px rgba(0,0,0,0.22);
  text-align: left;
}.como-step-title{
  font-size: 29px;
	line-height: 1.45;
  font-weight: 900;
  color: #0b3a59;
  margin-bottom: 10px;
}.como-step-text{
  font-size: 24px;
  line-height: 1.45;
  color: #0b3a59;
  opacity: 0.95;
}.como-step-card{
  transition: transform .2s ease, box-shadow .2s ease;
}.como-step:hover .como-step-card{
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(0,0,0,0.26);
}@media (max-width: 980px){.como-perfil-title-pill h2{ font-size: 34px; }.como-perfil-steps{ grid-template-columns: 1fr; gap: 22px; }.como-step-card{ max-width: 520px; }.como-step-num{ width: 78px; height: 78px; font-size: 26px; }}@media (max-width: 480px){.como-perfil-title-pill{
    padding: 16px 24px;
    border-radius: 14px;
  }.como-perfil-title-pill h2{ font-size: 28px; }.como-perfil-subtitle{ font-size: 16px; }}.cta-apto360-wrapper{
  margin-top: 80px;
  display: flex;
  justify-content: center;
}.cta-apto360-btn{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}.cta-apto360-btn img{
  width: 620px;
  max-width: 90vw;
  opacity: 0.85;
  transition: all 0.25s ease;
}.cta-apto360-btn span{
  position: absolute;
  padding: 29px 54px;
  font-size: 30px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  z-index: 2;
  pointer-events: none;
}.cta-apto360-btn:hover img{
  opacity: 1;
  transform: scale(1.03);
}@media(max-width: 768px){.cta-apto360-btn span{
    font-size: 20px;
    padding: 20px 28px;
  }}@media(max-width: 480px){.cta-apto360-btn span{
    font-size: 18px;
    padding: 18px 22px;
  }}.page-id-134 .site-content .ast-container,
.page-id-134 .entry-content {
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
}.page-id-134 .entry-content > * {
  max-width: 100%;
}.page-id-134 .empresas-logo-link {
    position: absolute;
    top: -10px;     /* baja o sube el logo */
    left: 30px;    /* mueve hacia la derecha */
    z-index: 999;
    display: block;
}.page-id-134 .empresas-logo {
    width: 250px;        /* tamaño del logo */
    height: auto;
    object-fit: contain;
}.page-id-134 .site-header, 
.page-id-134 .main-header-bar {
    background: #0c6da8 !important;  /* asegúrate que la franja siga azul */
    z-index: 998;
}@media(max-width: 768px) {.page-id-134 .empresas-logo-link {
        top: 12px;
        left: 16px;
    }.page-id-134 .empresas-logo {
        width: 130px;
    }}.empresas-hero {
    position: relative;
    min-height: 100vh;
}.empresas-hero .wp-block-cover__image-background {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}.empresas-hero .wp-block-cover__inner-container {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;      /* centra verticalmente */
    text-align: center;
}.empresas-imagen {
    position: relative;
    display: inline-block;        /* se centra gracias al text-align del padre */
    margin: 0 auto 40px auto;     /* separación con las columnas */
}.empresas-imagen img {
    position: absolute;
    top: 55%;
    left: 50%;
    width: 620px;                 /* tamaño del botón */
    max-width: 90vw;              /* que no se desborde en pantallas pequeñas */
    transform: translate(-50%, -50%);
    opacity: 0.8;
    z-index: 1;
    pointer-events: none;
}.empresas-imagen h1 {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 50px 80px;           /* ajusta para que el texto quepa cómodo */
    color: #ffffff;
}.empresas-hero-subtitle {
    font-size: 26px;
    line-height: 1.5;
  	max-width: 70vw; 
    color: #ffffff !important;
    margin: 0 0 30px 0;
}.bubbles-empresas {
    position: absolute;
    right: -310px;
    top: 15px; /* ajusta según lo que quieras */
    z-index: 0;
    opacity: 0.8;
}.bubbles-empresas img {
    width: 1090px; /* ajusta el tamaño */
    pointer-events: none; /* no obstruye clics */
		transform: rotate(90deg);
}.beneficios-empresas{
  position: relative;
  background: #0c6da8;
  overflow: hidden;
  padding: 90px 20px;
  color: #fff;
}.beneficios-empresas::before,
.beneficios-empresas::after{
  content:"";
  position:absolute;
  background-image:url("https://apto360.com.mx/wp-content/uploads/2025/11/bolitas.png");
  background-repeat:no-repeat;
  background-size:contain;
  opacity:0.85;
  pointer-events:none;
  z-index:0;
}.beneficios-empresas::before{
  left:-140px;
  top:30px;
  width:640px;
  height:640px;
}.beneficios-empresas::after{
  right:170px;
  bottom:-140px;
  width:860px;
  height:860px;
  transform:rotate(90deg);
}.beneficios-empresas-inner{
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}.beneficios-empresas-title-pill{
  display:inline-block;
  padding: 22px 70px;
  border-radius: 18px;
  background: rgba(255,255,255,0.22);
  border: 1px solid rgba(255,255,255,0.30);
  margin-bottom: 42px;
  box-shadow: 0 14px 32px rgba(0,0,0,0.25);
}.beneficios-empresas-title-pill h2{
  margin:0;
  font-size: 44px;
  font-weight: 800;
  color:#fff;
}.beneficios-empresas-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px 54px; /* filas / columnas */
  text-align: left;
  align-items: start;
}.beneficios-empresas-item{
  display:flex;
  align-items:center;
  gap: 18px;
}.beneficios-empresas-num{
  width: 84px;
  height: 84px;
  border-radius: 50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 30px;
  font-weight: 800;
  color:#ffffff;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.55), rgba(255,255,255,0.12) 55%, rgba(0,0,0,0.08));
  border: 1px solid rgba(255,255,255,0.35);
  box-shadow: 0 16px 34px rgba(0,0,0,0.28);
  flex: 0 0 auto;
}.beneficios-empresas-card{
  width: 100%;
  padding: 18px 22px;
  border-radius: 16px;
  background: rgba(255,255,255,0.78);
  box-shadow: 0 14px 30px rgba(0,0,0,0.22);
}.beneficios-empresas-card-title{
  font-size: 30px;
	line-height: 1.25;
  font-weight: 800;
  color: #0b3a59;
  margin-bottom: 10px;
}.beneficios-empresas-card-text{
  font-size: 20px;
  line-height: 1.45;
  color: #0b3a59;
  opacity: 0.95;
}.beneficios-empresas-item:hover .beneficios-empresas-card{
  transform: translateY(-2px);
  transition: transform .2s ease;
}@media (max-width: 980px){.beneficios-empresas-title-pill h2{ font-size: 34px; }.beneficios-empresas-grid{ grid-template-columns: 1fr; gap: 18px; }.beneficios-empresas-num{ width: 70px; height: 70px; font-size: 24px; }.beneficios-empresas-card-title{ font-size: 18px; }}@media (max-width: 480px){.beneficios-empresas-title-pill{
    padding: 16px 24px;
    border-radius: 14px;
  }.beneficios-empresas-title-pill h2{ font-size: 28px; }.beneficios-empresas-item{ gap: 14px; }.beneficios-empresas-card{ padding: 16px 18px; }}.proceso-contratacion{
  position: relative;
  background: #0c6da8;
  overflow: hidden;
  padding: 90px 20px;
  color: #fff;
}.proceso-contratacion .proceso-bg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 1;
  z-index: 0;
}.proceso-contratacion::before,
.proceso-contratacion::after{
  content:"";
  position:absolute;
  background-image:url("https://apto360.com.mx/wp-content/uploads/2025/11/bolitas.png");
  background-repeat:no-repeat;
  background-size:contain;
  opacity:0.85;
  pointer-events:none;
  z-index: 2; /* encima del fondo */
}.proceso-contratacion::before{
  left:-200px;
  top:-50px;
  width:920px;
  height:920px;
}.proceso-contratacion::after{
  right:-170px;
  top:-40px;
  width:720px;
  height:720px;
  transform: rotate(180deg);
}.proceso-inner{
  position: relative;
  z-index: 3;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}.proceso-title-pill{
  display:inline-block;
  padding: 22px 70px;
  border-radius: 16px;
  background: rgba(255,255,255,0.22);
  border: 1px solid rgba(255,255,255,0.30);
  box-shadow: 0 14px 32px rgba(0,0,0,0.25);
  margin-bottom: 18px;
}.proceso-title-pill h2{
  margin: 0;
  font-size: 44px;
  font-weight: 800;
  color: #fff;
}.proceso-subtitle{
  max-width: 900px;
  margin: 18px auto 40px auto;
  font-size: 24px;
  line-height: 1.45;
  color: rgba(255,255,255,0.95);
}@media (max-width: 820px){.proceso-title-pill h2{ font-size: 34px; }}@media (max-width: 520px){.proceso-title-pill{
    padding: 16px 24px;
  }.proceso-title-pill h2{ font-size: 28px; }}.page-id-1079 .site-content .ast-container,
.page-id-1079 .entry-content {
  max-width: 1800px;
  margin-left: -10px;
  margin-right: -10px;
}.page-id-1079 .entry-content > * {
  max-width: 100%;
}.page-id-1079 .site-header, 
.page-id-1079 .main-header-bar {
    background: #0c6da8 !important;  /* asegúrate que la franja siga azul */
    z-index: 998;
}.encuesta-hero .wp-block-cover__image-background {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-color: #0c6da8 !important;
	object-fit: cover;
	z-index: 0;
	pointer-events: none;
}.encuesta-hero .wp-block-cover__inner-container {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;      /* centra verticalmente */
    text-align: center;
}.page-id-1167 .site-content .ast-container,
.page-id-1167 .entry-content {
  max-width: 1800px;
  margin-left: -10px;
  margin-right: -10px;
}.page-id-1167 .entry-content > * {
  max-width: 100%;
}.page-id-1167 .site-header, 
.page-id-1167 .main-header-bar {
    background: #0c6da8 !important;  /* asegúrate que la franja siga azul */
    z-index: 998;
}.solicitud-hero .wp-block-cover__image-background {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-color: #0c6da8 !important;
	object-fit: cover;
	z-index: 0;
	pointer-events: none;
}.solicitud-hero .wp-block-cover__inner-container {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;      /* centra verticalmente */
    text-align: center;
}.page-id-1175 .site-content .ast-container,
.page-id-1175 .entry-content {
  max-width: 1800px;
  margin-left: -10px;
  margin-right: -10px;
}.page-id-1175 .entry-content > * {
  max-width: 100%;
}.page-id-1175 .site-header, 
.page-id-1175 .main-header-bar {
    background: #0c6da8 !important;  /* asegúrate que la franja siga azul */
    z-index: 998;
}.definicion-hero .wp-block-cover__image-background {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-color: #0c6da8 !important;
	object-fit: cover;
	z-index: 0;
	pointer-events: none;
}.definicion-hero .wp-block-cover__inner-container {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;      /* centra verticalmente */
    text-align: center;
}

/****************************************************
   APTO360 – Ajustes finales, interacciones y móvil
   Añadido en limpieza 2026-05
****************************************************/
:root{
  --apto-blue:#136ca6;
  --apto-blue-dark:#004a7c;
  --apto-white:#ffffff;
  --apto-glass:rgba(255,255,255,.22);
  --apto-shadow:0 18px 45px rgba(0,0,0,.24);
}

html{ scroll-behavior:smooth; }
body{ overflow-x:hidden; }

/* Pastilla "Inicio" insertada por JS en páginas internas */
.main-header-menu .apto-inicio-menu .menu-link{
  color:#ffffff !important;
  font-weight:600;
}
.home .main-header-menu .apto-inicio-menu{ display:none !important; }

/* Si decides usar el nav HTML alternativo dentro de páginas */
.apto-page-tabs{
  position:fixed;
  top:22px;
  right:clamp(16px,4vw,56px);
  z-index:9999;
  display:flex;
  gap:12px;
  align-items:center;
}
.apto-tab{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:9px 18px;
  border-radius:999px;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:700;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.42);
  backdrop-filter:blur(8px);
  transition:transform .25s ease, background .25s ease, box-shadow .25s ease;
}
.apto-tab:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.30);
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}
.home .apto-page-tabs .apto-tab-home{ display:none; }

/* Animación escalonada para secciones reveladas */
.reveal{ opacity:0; transform:translateY(42px); transition:opacity .7s ease, transform .7s ease; }
.reveal.active{ opacity:1; transform:translateY(0); }

/* Microinteracciones globales para tarjetas y burbujas existentes */
.costo-card-inner,
.porque-card,
.equipo-card,
.beneficios-empresas-card,
.beneficios-candidatos-card,
.proceso-step,
.proceso-card,
.radar360-step,
.perfiles-tech-item,
.apto-market-card,
.como-card,
.talento-bubble-card,
.problema-bubble{
  transition:transform .28s ease, box-shadow .28s ease, filter .28s ease;
  will-change:transform;
}
.costo-card-inner:hover,
.porque-item:hover .porque-card,
.equipo-card:hover,
.beneficios-empresas-item:hover .beneficios-empresas-card,
.beneficios-candidatos-item:hover .beneficios-candidatos-card,
.proceso-step:hover,
.proceso-card:hover,
.radar360-step:hover,
.perfiles-tech-item:hover,
.apto-market-card:hover,
.como-card:hover,
.talento-bubble-card:hover,
.problema-bubble:hover{
  transform:translateY(-7px);
  box-shadow:0 26px 56px rgba(0,0,0,.28);
  filter:saturate(1.03);
}

/* Movimiento sutil para imágenes decorativas */
@keyframes aptoFloatSoft{
  0%,100%{ transform:translateY(0) rotate(var(--apto-rotate,0deg)); }
  50%{ transform:translateY(-14px) rotate(var(--apto-rotate,0deg)); }
}
.floating-bubbles img,
.floating-bubbles-2 img,
.signals-bubbles img,
.talento-bubbles img,
.bubbles-mision img,
.bubbles-empresas img,
.bubbles-candidatos img{
  animation:aptoFloatSoft 9s ease-in-out infinite;
}
.floating-bubbles-2 img{ --apto-rotate:90deg; }
.signals-bubbles-right img{ --apto-rotate:180deg; }

/* Full width estable en Astra/WordPress */
.wp-block-group.alignfull,
.wp-block-cover.alignfull{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  position:relative;
  overflow:hidden;
}

/* Ajustes responsive generales */
@media (max-width: 980px){
  .apto-hero-cover{ min-height:72vh; }
  .apto-logo-img{ height:auto; max-width:74vw; max-height:230px; }
  .apto-hero-subtitle,
  .mision-hero-subtitle,
  .empresas-hero-subtitle,
  .candidatos-hero-subtitle,
  .section-subtitle-text,
  .perfiles-subtitle,
  .proceso-subtitle,
  .buscamos-subtitle,
  .como-subtitle,
  .apto-market-subtitle,
  .porque-subtitle,
  .equipo-subtitle{
    font-size:clamp(16px,3.8vw,20px) !important;
    line-height:1.45 !important;
  }
  .costo-columns,
  .beneficios-empresas-grid,
  .beneficios-candidatos-grid,
  .porque-grid,
  .apto-market-grid,
  .buscamos-grid,
  .como-grid,
  .radar360-grid,
  .perfiles-tech-grid{
    grid-template-columns:1fr !important;
  }
  .talento-circles,
  .problema-talento-bubbles{
    justify-content:center !important;
    gap:24px !important;
  }
}

@media (max-width: 768px){
  .apto-page-tabs{
    position:absolute;
    top:14px;
    right:14px;
    gap:8px;
  }
  .apto-tab{ min-height:34px; padding:7px 13px; font-size:14px; }
  .apto-hero-buttons{ flex-direction:column; gap:14px; align-items:center; }
  .apto-hero-buttons .apto-btn{ width:min(100%,280px); font-size:18px; padding:14px 24px; }
  .signals-question-row{ flex-direction:column; }
  .signals-question-box{ border-radius:28px; padding:22px; }
  .problema-bubble{ width:210px !important; height:210px !important; padding:34px !important; }
  .talento-bubble-card{ width:175px !important; height:175px !important; }
  .equipo-container{ grid-template-columns:1fr !important; }
  .mision-logo-link,
  .empresas-logo-link,
  .candidatos-logo-link{ top:14px !important; left:14px !important; }
  .mision-logo,
  .empresas-logo,
  .candidatos-logo{ width:120px !important; height:auto !important; }
}

@media (max-width: 480px){
  h1,.wp-block-heading{ word-break:normal; }
  .signals-title-box h2,
  .problema-talento-title-pill h2,
  .solucion-title-pill h2,
  .talento-title-box h2,
  .beneficios-empresas-title-pill h1,
  .beneficios-candidatos-title-pill h1,
  .proceso-title-pill h2,
  .buscamos-title-pill h2,
  .como-title-pill h2,
  .apto-market-title,
  .porque-header-pill h1,
  .equipo-titulo{
    font-size:clamp(25px,8vw,34px) !important;
  }
  .signals-bubbles,
  .talento-bubbles,
  .floating-bubbles,
  .floating-bubbles-2,
  .bubbles-mision,
  .bubbles-empresas,
  .bubbles-candidatos{
    opacity:.28 !important;
  }
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}


.main-header-menu .apto-inicio-menu {
  margin-right: 16px;
}

@media (max-width: 768px) {
  .main-header-menu .apto-inicio-menu {
    margin-right: 0;
  }
}

/************************************************
APTO360 – Página Aviso de Privacidad
ID página: 1403
************************************************/
/* Ancho más amplio solo para la página "Nuestra misión - 2"  */
.page-id-1403 .site-content .ast-container,
.page-id-1403 .entry-content {
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
}

/* Para que los bloques internos no vuelvan a encoger */
.page-id-1403 .entry-content > * {
  max-width: 100%;
}

/* LOGO SUPERIOR IZQUIERDA EN PÁGINA NUESTRA MISIÓN */
.page-id-1403 .aviso-logo-link {
    position: absolute;
    top: -10px;     /* baja o sube el logo */
    left: 30px;    /* mueve hacia la derecha */
    z-index: 999;
    display: block;
}

.page-id-1403 .aviso-logo {
    width: 250px;        /* tamaño del logo */
    height: auto;
    object-fit: contain;
}

/* Evita que el menú lo tape */
.page-id-1403 .site-header, 
.page-id-1403 .main-header-bar {
    background: #0c6da8 !important;  /* asegúrate que la franja siga azul */
    z-index: 998;
}

/* Si necesitas darle más aire en mobile */
@media(max-width: 768px) {
    .page-id-1403 .aviso-logo-link {
        top: 12px;
        left: 16px;
    }
    .page-id-1403 .aviso-logo {
        width: 130px;
    }
}

/****************************************************
   Layout de aviso
****************************************************/
/* El cover ocupa todo el ancho y sirve de contenedor relativo */
.aviso-hero {
    position: relative;
    min-height: 100vh;
}

/* La imagen de fondo rellena todo el cover */
.aviso-hero .wp-block-cover__image-background {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Contenido del hero: centrado y con padding vertical */
.aviso-hero .wp-block-cover__inner-container {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;      /* centra verticalmente */
    text-align: center;
}






/***************************************************
 * -------------------------------------------------
 * -------------------------------------------------
****************************************************/
/****************************************************
   Página Solicitud
****************************************************/

.page-id-1167 .site-content .ast-container,
.page-id-1167 .entry-content {
  max-width: 1800px;
  margin-left: -10px;
  margin-right: -10px;
}

/* Para que los bloques internos no vuelvan a encoger */
.page-id-1167 .entry-content > * {
  max-width: 100%;
}


/****************************************************
   Header - Candidatos
****************************************************/
/* LOGO SUPERIOR IZQUIERDA EN PÁGINA NUESTRA MISIÓN */
.page-id-1167 .solicitud-logo-link {
    position: absolute;
    top: -10px;     /* baja o sube el logo */
    left: 30px;    /* mueve hacia la derecha */
    z-index: 999;
    display: block;
}

.page-id-1167 .solicitud-logo {
    width: 250px;        /* tamaño del logo */
    height: auto;
    object-fit: contain;
}

/* Evita que el menú lo tape */
.page-id-1167 .site-header, 
.page-id-1167 .main-header-bar {
    background: #0c6da8 !important;  /* asegúrate que la franja siga azul */
    z-index: 998;
}

/* Si necesitas darle más aire en mobile */
@media(max-width: 768px) {
    .page-id-1167 .solicitud-logo-link {
        top: 12px;
        left: 16px;
    }
    .page-id-1167 .solicitud-logo {
        width: 130px;
    }
}


/****************************************************
   Layout 
****************************************************/
/* El cover ocupa todo el ancho y sirve de contenedor relativo */
.solicitud-hero {
    position: relative;
    min-height: 10vh;
}

/* La imagen de fondo rellena todo el cover */
.solicitud-hero .wp-block-cover__image-background {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-color: #0c6da8 !important;
	object-fit: cover;
	z-index: 0;
	pointer-events: none;
}

/* Contenido del hero: centrado y con padding vertical */
.solicitud-hero .wp-block-cover__inner-container {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;      /* centra verticalmente */
    text-align: center;
}


/* Pastilla con la imagen - Nuestra Misión*/ 
.solicitud-imagen {
    position: relative;
    display: inline-block;        /* se centra gracias al text-align del padre */
    margin: 0 auto 40px auto;     /* separación con las columnas */
}

/* Imagen transparente detrás del texto */
.solicitud-imagen img {
    position: absolute;
    top: 55%;
    left: 50%;
    width: 1020px;                 /* tamaño del botón */
    max-width: 90vw;              /* que no se desborde en pantallas pequeñas */
    transform: translate(-50%, -50%);
    opacity: 0.8;
    z-index: 1;
    pointer-events: none;
}

/* Texto del título encima de la imagen */
.solicitud-imagen h1 {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 50px 80px;           /* ajusta para que el texto quepa cómodo */
    color: #ffffff;
}

.solicitud-hero-subtitle {
    font-size: 56px;
    line-height: 1.5;
  	max-width: 70vw; 
    color: #ffffff !important;
    margin: 0 0 28px 0;
}

/* Bolitas superpuestas */
.bubbles-solicitud {
    position: absolute;
    right: -190px;
    top: -15px; /* ajusta según lo que quieras */
    z-index: 0;
    opacity: 0.8;
}

.bubbles-solicitud img {
    width: 790px; /* ajusta el tamaño */
    pointer-events: none; /* no obstruye clics */
		transform: rotate(0deg);
}















/***************************************************
 * -------------------------------------------------
 * -------------------------------------------------
****************************************************/
/****************************************************
   Página Encuesta
****************************************************/

.page-id-1079 .site-content .ast-container,
.page-id-1079 .entry-content {
  max-width: 1800px;
  margin-left: -10px;
  margin-right: -10px;
}

/* Para que los bloques internos no vuelvan a encoger */
.page-id-1079 .entry-content > * {
  max-width: 100%;
}


/****************************************************
   Header - Candidatos
****************************************************/
/* LOGO SUPERIOR IZQUIERDA EN PÁGINA NUESTRA MISIÓN */
.page-id-1079 .encuesta-logo-link {
    position: absolute;
    top: -10px;     /* baja o sube el logo */
    left: 30px;    /* mueve hacia la derecha */
    z-index: 999;
    display: block;
}

.page-id-1079 .encuesta-logo {
    width: 250px;        /* tamaño del logo */
    height: auto;
    object-fit: contain;
}

/* Evita que el menú lo tape */
.page-id-1079 .site-header, 
.page-id-1079 .main-header-bar {
    background: #0c6da8 !important;  /* asegúrate que la franja siga azul */
    z-index: 998;
}

/* Si necesitas darle más aire en mobile */
@media(max-width: 768px) {
    .page-id-1079 .encuesta-logo-link {
        top: 12px;
        left: 16px;
    }
    .page-id-1079 .encuesta-logo {
        width: 130px;
    }
}


/****************************************************
   Layout 
****************************************************/
/* El cover ocupa todo el ancho y sirve de contenedor relativo */
.encuesta-hero {
    position: relative;
    min-height: 10vh;
}

/* La imagen de fondo rellena todo el cover */
.encuesta-hero .wp-block-cover__image-background {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-color: #0c6da8 !important;
	object-fit: cover;
	z-index: 0;
	pointer-events: none;
}

/* Contenido del hero: centrado y con padding vertical */
.encuesta-hero .wp-block-cover__inner-container {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;      /* centra verticalmente */
    text-align: center;
}


/* Pastilla con la imagen - Nuestra Misión*/ 
.encuesta-imagen {
    position: relative;
    display: inline-block;        /* se centra gracias al text-align del padre */
    margin: 0 auto 40px auto;     /* separación con las columnas */
}

/* Imagen transparente detrás del texto */
.encuesta-imagen img {
    position: absolute;
    top: 55%;
    left: 50%;
    width: 620px;                 /* tamaño del botón */
    max-width: 90vw;              /* que no se desborde en pantallas pequeñas */
    transform: translate(-50%, -50%);
    opacity: 0.8;
    z-index: 1;
    pointer-events: none;
}

/* Texto del título encima de la imagen */
.encuesta-imagen h1 {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 50px 80px;           /* ajusta para que el texto quepa cómodo */
    color: #ffffff;
}

.encuesta-hero-subtitle {
    font-size: 56px;
    line-height: 1.5;
  	max-width: 70vw; 
    color: #ffffff !important;
    margin: 0 0 28px 0;
}

/* Bolitas superpuestas */
.bubbles-encuesta {
    position: absolute;
    right: -190px;
    top: -15px; /* ajusta según lo que quieras */
    z-index: 0;
    opacity: 0.8;
}

.bubbles-encuesta img {
    width: 790px; /* ajusta el tamaño */
    pointer-events: none; /* no obstruye clics */
		transform: rotate(0deg);
}













/************************************************
APTO360 – Página Contacto
ID página: 1450
************************************************/

.page-id-1450 .site-content,
.page-id-1450 .entry-content,
.page-id-1450 .post-1450 {
  width: 100% !important;
  max-width: 100% !important;
}

#contacto-apto360.wp-block-group.alignfull {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  position: relative;
  overflow: hidden;
  background: #156ea8;
  color: #ffffff;
}

/* Hero */
.contacto-hero {
  position: relative;
  min-height: 430px;
  background-image: url("https://apto360.com.mx/wp-content/uploads/2025/12/Empresas_cover.png");
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contacto-hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(19, 108, 166, 0.78);
}

.contacto-hero-inner {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 920px;
  padding: 80px 24px;
}

.contacto-title-pill {
  display: inline-block;
  padding: 20px 70px;
  border-radius: 999px;
  background: rgba(255,255,255,0.18);
  border: 2px solid rgba(255,255,255,0.45);
  box-shadow: 0 20px 45px rgba(0,0,0,0.20);
  margin-bottom: 28px;
}

.contacto-title-pill h1 {
  margin: 0;
  font-size: clamp(44px, 6vw, 78px);
  line-height: 1;
  color: #ffffff;
  font-weight: 800;
}

.contacto-hero-inner p {
  font-size: clamp(18px, 2.5vw, 28px);
  line-height: 1.45;
  color: rgba(255,255,255,0.95);
  margin: 0;
}

/* Main */
.contacto-main {
  position: relative;
  padding: 95px 24px;
  background: #156ea8;
}

.contacto-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 70px;
  align-items: start;
}

.contacto-info h2,
.contacto-form-card h2,
.contacto-faq h2,
.contacto-cta h2 {
  color: #ffffff;
  font-size: clamp(34px, 4vw, 52px);
  line-height: 1.1;
  margin: 0 0 24px;
  font-weight: 800;
}

.contacto-info > p {
  color: rgba(255,255,255,0.92);
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 42px;
}

.contacto-detail {
  display: flex;
  gap: 18px;
  padding: 24px 0;
  border-top: 1px solid rgba(255,255,255,0.22);
}

.contacto-detail:last-child {
  border-bottom: 1px solid rgba(255,255,255,0.22);
}

.contacto-detail span {
  font-size: 24px;
}

.contacto-detail h3 {
  margin: 0 0 8px;
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.contacto-detail p,
.contacto-detail a {
  margin: 0;
  color: rgba(255,255,255,0.92);
  font-size: 18px;
  text-decoration: none;
}

.contacto-detail a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/* Form */
.contacto-form-card {
  background: rgba(255,255,255,0.16);
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 28px;
  padding: 42px;
  box-shadow: 0 22px 55px rgba(0,0,0,0.20);
  backdrop-filter: blur(8px);
}

.contacto-form {
  display: grid;
  gap: 14px;
}

.contacto-form label {
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
}

.contacto-form input,
.contacto-form textarea {
  width: 100%;
  border: 1px solid rgba(255,255,255,0.35);
  border-radius: 14px;
  padding: 15px 16px;
  background: rgba(255,255,255,0.92);
  color: #123;
  font-size: 16px;
  outline: none;
}

.contacto-form textarea {
  resize: vertical;
}

.contacto-form input:focus,
.contacto-form textarea:focus {
  border-color: #ffffff;
  box-shadow: 0 0 0 4px rgba(255,255,255,0.20);
}

.contacto-form button {
  margin-top: 14px;
  border: none;
  border-radius: 999px;
  padding: 16px 30px;
  background: #ffffff;
  color: #156ea8;
  font-size: 17px;
  font-weight: 800;
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.contacto-form button:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(0,0,0,0.22);
}

/* FAQ */
.contacto-faq {
  padding: 90px 24px;
  background: #0f5f92;
  text-align: center;
}

.contacto-faq-inner {
  max-width: 860px;
  margin: 0 auto;
}

.contacto-faq-inner > p {
  color: rgba(255,255,255,0.9);
  font-size: 18px;
  margin-bottom: 38px;
}

.contacto-faq details {
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.20);
  border-radius: 16px;
  margin-bottom: 14px;
  text-align: left;
  overflow: hidden;
}

.contacto-faq summary {
  cursor: pointer;
  padding: 22px 26px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  list-style: none;
  position: relative;
}

.contacto-faq summary::after {
  content: "+";
  position: absolute;
  right: 26px;
  font-size: 24px;
  top: 50%;
  transform: translateY(-50%);
}

.contacto-faq details[open] summary::after {
  content: "–";
}

.contacto-faq details p {
  padding: 0 26px 24px;
  margin: 0;
  color: rgba(255,255,255,0.88);
  font-size: 16px;
  line-height: 1.6;
}

/* CTA */
.contacto-cta {
  position: relative;
  padding: 95px 24px;
  background-image: url("https://apto360.com.mx/wp-content/uploads/2025/12/Candidatos_cover.png");
  background-size: cover;
  background-position: center;
  text-align: center;
}

.contacto-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(19,108,166,0.82);
}

.contacto-cta-inner {
  position: relative;
  z-index: 2;
  max-width: 900px;
  margin: 0 auto;
}

.contacto-cta span {
  display: block;
  color: rgba(255,255,255,0.9);
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 13px;
  margin-bottom: 18px;
  font-weight: 700;
}

.contacto-cta a {
  display: inline-block;
  margin-top: 20px;
  padding: 16px 34px;
  border-radius: 999px;
  background: #ffffff;
  color: #156ea8;
  font-weight: 800;
  text-decoration: none;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.contacto-cta a:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(0,0,0,0.22);
}

/* Microinteracciones */
.contacto-form-card,
.contacto-detail,
.contacto-faq details {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.contacto-form-card:hover,
.contacto-faq details:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 55px rgba(0,0,0,0.20);
}

/* Responsive */
@media (max-width: 900px) {
  .contacto-inner {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .contacto-main,
  .contacto-faq,
  .contacto-cta {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@media (max-width: 600px) {
  .contacto-hero {
    min-height: 360px;
  }

  .contacto-title-pill {
    padding: 16px 34px;
  }

  .contacto-form-card {
    padding: 28px 20px;
    border-radius: 22px;
  }

  .contacto-info > p,
  .contacto-detail p,
  .contacto-detail a {
    font-size: 16px;
  }

  .contacto-faq summary {
    font-size: 16px;
    padding-right: 56px;
  }
}


/************************************************
1. QUITAR PASTILLAS DEL MENÚ EN MÓVIL
************************************************/

@media (max-width: 921px) {
  .main-header-menu .menu-link::before,
  .ast-mobile-popup-drawer .menu-link::before {
    display: none !important;
    content: none !important;
  }

  .ast-mobile-popup-drawer .menu-link {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}

/************************************************
2. AJUSTAR HERO MOBILE – EMPRESAS Y CANDIDATOS
************************************************/

@media (max-width: 768px) {

  .empresas-hero,
  .candidatos-hero {
    min-height: 100vh !important;
    overflow: hidden !important;
  }

  .empresas-hero .wp-block-cover__image-background,
  .candidatos-hero .wp-block-cover__image-background {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* Empresas: centra mejor el rostro y el CV */
  .empresas-hero .wp-block-cover__image-background {
    object-position: 54% center !important;
  }

  /* Candidatos: mueve la imagen a la izquierda para que no corte el título */
  .candidatos-hero .wp-block-cover__image-background {
    object-position: 30% center !important;
  }

  .empresas-imagen h1,
  .candidatos-imagen h1 {
    font-size: clamp(40px, 14vw, 1px) !important;
    padding: 32px 2px !important;
    white-space: normal !important;
    max-width: 90vw !important;
  }

  .empresas-imagen img,
  .candidatos-imagen img {
    width: 92vw !important;
    max-width: 92vw !important;
  }

  .empresas-hero-subtitle,
  .candidatos-hero-subtitle {
    max-width: 84vw !important;
    font-size: clamp(20px, 5.6vw, 26px) !important;
    line-height: 1.32 !important;
  }
}
























/************************************************
APTO360 – Blog IA y mercado laboral tech
************************************************/

/************************************************
APTO360 – BLOG PAGE 1485 FULL WIDTH
************************************************/

.page-id-1485 .site-content .ast-container,
.page-id-1485 .entry-content,
.page-id-1485 .entry-content > *,
.page-id-1485 .post-1485 {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}

.page-id-1485 .entry-content {
  padding: 0 !important;
  margin: 0 !important;
}

.page-id-1485 #apto-blog-ia-empleo {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

#apto-blog-ia-empleo.wp-block-group.alignfull {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  position: relative;
  overflow: hidden;
  background: #ffffff;
  color: #0b3a59;
}

#apto-blog-ia-empleo * {
  box-sizing: border-box;
}

/************************************************
HERO
************************************************/

.apto-blog-hero {
  position: relative;
  min-height: 92vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 120px 24px;
  overflow: hidden;
  background: #0c6da8;
}

.apto-blog-hero-bg {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(12,109,168,0.92), rgba(7,62,96,0.92)),
    url("https://apto360.com.mx/wp-content/uploads/2025/11/bolitas.png");
  background-repeat: no-repeat;
  background-size: cover, 760px auto;
  background-position: center, right -140px top -80px;
  z-index: 0;
}

.apto-blog-hero::after {
  content: "";
  position: absolute;
  left: -220px;
  bottom: -260px;
  width: 720px;
  height: 720px;
  background-image: url("https://apto360.com.mx/wp-content/uploads/2025/11/bolitas.png");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.55;
  pointer-events: none;
  z-index: 1;
  animation: aptoFloat 9s ease-in-out infinite;
}

.apto-blog-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 1120px;
  margin: 0 auto;
  text-align: center;
  color: #ffffff;
}

.apto-blog-kicker,
.apto-blog-section-label {
  display: inline-block;
  margin-bottom: 22px;
  padding: 10px 20px;
  border-radius: 999px;
  background: rgba(255,255,255,0.18);
  border: 1px solid rgba(255,255,255,0.28);
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.apto-blog-hero h1 {
  max-width: 1040px;
  margin: 0 auto 28px;
  color: #ffffff;
  font-size: clamp(48px, 8vw, 104px);
  line-height: 0.98;
  font-weight: 900;
  letter-spacing: -2px;
}

.apto-blog-hero h1 span {
  display: block;
  color: #dff3ff;
  text-shadow: 0 12px 35px rgba(0,0,0,0.22);
}

.apto-blog-subtitle {
  max-width: 780px;
  margin: 0 auto 30px;
  color: rgba(255,255,255,0.94);
  font-size: clamp(19px, 2.5vw, 29px);
  line-height: 1.45;
  font-weight: 600;
}

.apto-blog-meta {
  display: inline-flex;
  padding: 12px 22px;
  border-radius: 999px;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.22);
  color: rgba(255,255,255,0.85);
  font-size: 13px;
  font-weight: 700;
}

/************************************************
STATS
************************************************/

.apto-blog-stats {
  position: relative;
  padding: 54px 24px;
  background: #ffffff;
}

.apto-blog-stats-grid {
  max-width: 1180px;
  margin: -110px auto 0;
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.apto-blog-stat {
  padding: 34px 24px;
  border-radius: 28px;
  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(12,109,168,0.18);
  box-shadow: 0 24px 58px rgba(0,0,0,0.18);
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease;
}

.apto-blog-stat:hover {
  transform: translateY(-7px);
  box-shadow: 0 32px 72px rgba(0,0,0,0.24);
}

.apto-blog-stat-num {
  display: block;
  margin-bottom: 12px;
  color: #0c6da8;
  font-size: clamp(38px, 5vw, 64px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -1px;
}

.apto-blog-stat-label {
  display: block;
  color: #0b3a59;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 700;
}

/************************************************
CONTENT
************************************************/

.apto-blog-section {
  position: relative;
  padding: 95px 24px;
  background: #ffffff;
}

.apto-blog-section::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: min(980px, 86vw);
  height: 1px;
  transform: translateX(-50%);
  background: rgba(12,109,168,0.18);
}

.apto-blog-container {
  max-width: 860px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.apto-blog-wide {
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.apto-blog-center {
  text-align: center;
}

.apto-blog-section .apto-blog-section-label {
  background: rgba(12,109,168,0.12);
  border: 1px solid rgba(12,109,168,0.22);
  color: #0c6da8;
}

.apto-blog-section h2 {
  margin: 0 0 28px;
  color: #0b3a59;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.07;
  font-weight: 900;
  letter-spacing: -1px;
}

.apto-blog-section p {
  margin: 0 0 24px;
  color: #173d55;
  font-size: 21px;
  line-height: 1.72;
}

.apto-blog-section strong {
  color: #0c6da8;
  font-weight: 900;
}

.apto-blog-source {
  margin-top: 22px !important;
  color: rgba(11,58,89,0.62) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-style: italic;
}

/************************************************
BLUE SECTIONS
************************************************/

.apto-blog-blue {
  background: #0c6da8;
  color: #ffffff;
  overflow: hidden;
}

.apto-blog-blue::before {
  display: none;
}

.apto-blog-blue::after {
  content: "";
  position: absolute;
  right: -180px;
  top: -160px;
  width: 680px;
  height: 680px;
  background-image: url("https://apto360.com.mx/wp-content/uploads/2025/11/bolitas.png");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.50;
  pointer-events: none;
  animation: aptoFloat 10s ease-in-out infinite;
}

.apto-blog-blue .apto-blog-section-label {
  background: rgba(255,255,255,0.18);
  border-color: rgba(255,255,255,0.30);
  color: #ffffff;
}

.apto-blog-blue h2,
.apto-blog-blue p {
  color: #ffffff;
}

.apto-blog-blue strong {
  color: #dff3ff;
}

/************************************************
QUOTE / CALLOUTS
************************************************/

.apto-blog-quote {
  margin: 40px 0;
  padding: 34px 38px;
  border-left: 6px solid #0c6da8;
  border-radius: 24px;
  background: rgba(12,109,168,0.09);
  box-shadow: 0 18px 42px rgba(12,109,168,0.12);
}

.apto-blog-quote p {
  margin: 0;
  color: #0b3a59;
  font-size: clamp(23px, 3vw, 34px);
  line-height: 1.35;
  font-weight: 800;
}

.apto-blog-quote cite {
  display: block;
  margin-top: 18px;
  color: rgba(11,58,89,0.65);
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
}

.apto-blog-callout,
.apto-blog-final-callout {
  position: relative;
  margin: 42px 0;
  padding: 36px 38px;
  border-radius: 28px;
  background: linear-gradient(135deg, #0c6da8, #0b3a59);
  box-shadow: 0 24px 60px rgba(0,0,0,0.20);
  overflow: hidden;
}

.apto-blog-callout::before,
.apto-blog-final-callout::before {
  content: "";
  position: absolute;
  right: -120px;
  top: -150px;
  width: 360px;
  height: 360px;
  background-image: url("https://apto360.com.mx/wp-content/uploads/2025/11/bolitas.png");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.32;
}

.apto-blog-callout p,
.apto-blog-final-callout {
  position: relative;
  z-index: 2;
  margin: 0;
  color: #ffffff;
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.45;
  font-weight: 700;
}

.apto-blog-callout strong,
.apto-blog-final-callout strong {
  color: #dff3ff;
}

/************************************************
ROLES
************************************************/

.apto-blog-role-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 54px;
}

.apto-blog-role-card {
  position: relative;
  padding: 32px;
  border-radius: 30px;
  background: rgba(255,255,255,0.16);
  border: 1px solid rgba(255,255,255,0.24);
  box-shadow: 0 24px 60px rgba(0,0,0,0.18);
  backdrop-filter: blur(8px);
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.apto-blog-role-card:hover {
  transform: translateY(-7px);
  background: rgba(255,255,255,0.20);
  box-shadow: 0 34px 76px rgba(0,0,0,0.24);
}

.apto-blog-role-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.apto-blog-role-header span {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255,255,255,0.22);
  color: #ffffff;
  font-size: 30px;
  font-weight: 900;
}

.apto-blog-role-header h3 {
  margin: 0;
  color: #ffffff;
  font-size: 26px;
  line-height: 1.1;
  font-weight: 900;
}

.apto-blog-role-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.apto-blog-role-card li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 0;
  border-top: 1px solid rgba(255,255,255,0.18);
}

.apto-blog-role-card li span {
  color: #ffffff;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 700;
}

.apto-blog-role-card li strong {
  flex-shrink: 0;
  display: inline-flex;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.18);
  color: #ffffff;
  font-size: 13px;
  line-height: 1;
  white-space: nowrap;
}

.apto-blog-role-up li strong {
  background: rgba(206,244,223,0.24);
}

.apto-blog-role-down li strong {
  background: rgba(255,255,255,0.18);
}

/************************************************
SALARY BARS
************************************************/

.apto-blog-soft {
  background: #eef8fd;
}

.apto-blog-soft::before {
  background: rgba(12,109,168,0.10);
}

.apto-blog-bars {
  margin: 42px 0;
  padding: 30px;
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 24px 60px rgba(12,109,168,0.14);
  border: 1px solid rgba(12,109,168,0.12);
}

.apto-blog-bar-row {
  margin-bottom: 28px;
}

.apto-blog-bar-row:last-child {
  margin-bottom: 0;
}

.apto-blog-bar-label {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 10px;
  color: #0b3a59;
}

.apto-blog-bar-label span {
  font-size: 17px;
  font-weight: 800;
}

.apto-blog-bar-label strong {
  color: #0c6da8;
  font-size: 16px;
  font-weight: 900;
}

.apto-blog-bar-track {
  width: 100%;
  height: 14px;
  border-radius: 999px;
  background: rgba(12,109,168,0.12);
  overflow: hidden;
}

.apto-blog-bar-fill {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #0c6da8, #59b9e9);
  animation: aptoBarGrow 1.2s ease both;
}

.apto-blog-bar-fill.hot {
  background: linear-gradient(90deg, #0b3a59, #0c6da8);
}

/************************************************
SOURCES
************************************************/

.apto-blog-sources {
  padding: 80px 24px;
  background: #0b3a59;
  color: #ffffff;
}

.apto-blog-sources .apto-blog-section-label {
  background: rgba(255,255,255,0.14);
  border-color: rgba(255,255,255,0.25);
  color: #ffffff;
}

.apto-blog-sources ol {
  margin: 0;
  padding-left: 22px;
}

.apto-blog-sources li {
  margin-bottom: 12px;
  color: rgba(255,255,255,0.86);
  font-size: 16px;
  line-height: 1.55;
}

.apto-blog-sources em {
  color: #ffffff;
}

/************************************************
ANIMATIONS
************************************************/

@keyframes aptoFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-18px);
  }
}

@keyframes aptoBarGrow {
  from {
    width: 0;
  }
}

/************************************************
RESPONSIVE
************************************************/

@media (max-width: 980px) {
  .apto-blog-stats-grid {
    grid-template-columns: repeat(2, 1fr);
    margin-top: -80px;
  }

  .apto-blog-role-grid {
    grid-template-columns: 1fr;
  }

  .apto-blog-section {
    padding: 78px 22px;
  }
}

@media (max-width: 640px) {
  .apto-blog-hero {
    min-height: 86vh;
    padding: 92px 20px;
  }

  .apto-blog-hero h1 {
    font-size: clamp(43px, 13vw, 62px);
    letter-spacing: -1px;
  }

  .apto-blog-subtitle {
    font-size: 18px;
  }

  .apto-blog-meta {
    border-radius: 22px;
    line-height: 1.45;
  }

  .apto-blog-stats {
    padding-left: 18px;
    padding-right: 18px;
  }

  .apto-blog-stats-grid {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: -70px;
  }

  .apto-blog-stat {
    padding: 28px 20px;
  }

  .apto-blog-section {
    padding: 68px 18px;
  }

  .apto-blog-section h2 {
    font-size: clamp(31px, 9vw, 44px);
  }

  .apto-blog-section p {
    font-size: 18px;
    line-height: 1.65;
  }

  .apto-blog-quote {
    padding: 28px 24px;
  }

  .apto-blog-quote p {
    font-size: 22px;
  }

  .apto-blog-role-card {
    padding: 24px 20px;
    border-radius: 24px;
  }

  .apto-blog-role-card li {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .apto-blog-role-card li strong {
    white-space: normal;
  }

  .apto-blog-bars {
    padding: 22px 18px;
  }

  .apto-blog-bar-label {
    flex-direction: column;
    gap: 4px;
  }

  .apto-blog-final-callout,
  .apto-blog-callout p {
    font-size: 21px;
  }
}

/************************************************
FIX BLOG PAGE 1485 – EVITAR PÁGINA INVISIBLE
************************************************/

.page-id-1485 #apto-blog-ia-empleo.reveal {
  opacity: 1 !important;
  transform: none !important;
}