.max-h-\[200px\] {
   max-height: 200px;
}

.pb-0 {
   padding-bottom: 0px;
}

.mb-0 {
   margin-bottom: 0px;
}

.text-\[24px\] {
   font-size: 24px;
}

.text-\[24px\]\! {
   font-size: 24px !important;
}

.md\:text-\[32px\] {
   @media (min-width: 768px) {
      font-size: 32px;
   }
}

.md\:text-\[32px\]\! {
   @media (min-width: 768px) {
      font-size: 32px !important;
   }
}

.min-h-\[400px\] {
   min-height: 400px;
}

.max-h-\[600px\] {
   max-height: 600px;
}

/* Bloquea el contenedor general */
.index-slider-holder {
   overflow: hidden !important;
   max-height: 600px !important;
   position: relative !important;
   width: 100%;
   /* Toma el 100% del espacio real sin la barra de scroll */
}

.index-slider {
   display: flex !important;
   flex-wrap: nowrap !important;
   /* Eliminamos el width: 300% !important para que el JS asigne el ancho total */
}

.slide.box__slide {
   /* Quitamos el 100vw y el !important para que el JS asigne los pixeles exactos */
   flex: none;
   max-width: none !important;
}


/* Color Primario Dark para el fondo (Pasa Lighthouse con blanco) */
/* --- Ajustes de Accesibilidad (Sufijo "!") --- */

/* Color Teal Accesible para pasar Lighthouse */
.bg-\[\#00695c\]\! {
   background-color: #00695c !important;
}

/* Texto blanco con sufijo de importancia */
.text-white\! {
   color: #ffffff !important;
}

/* Tracking widest (si no existe en tu build actual) */
.tracking-widest {
   letter-spacing: 0.1em;
}

/* Estilos de interacción para el botón */
.standalone button {
   transition: background-color 0.3s ease;
}

.standalone button:hover {
   background-color: rgba(0, 0, 0, 0.15);
   /* Oscurece sutilmente en hover */
}

.complex-form-feedback.feedback-rebuild .feedback-subtitle {
   color: #007b68 !important;
}

.complex-form-feedback.feedback-rebuild .career-summary-table th {
   color: #007b68 !important;
}

.complex-form-feedback.feedback-rebuild .career-summary-cta-title {
   color: #007b68 !important;
}

.career-summary-cta .cta-flex-item-action .button {
   color: #004f45 !important;
}

.career-summary-cta .cta-flex-item-action .button:hover {
   color: #007b68 !important;
}

[v-cloak] {
   display: none !important;
}

.policy-shadow {
   box-shadow: 0 -25px 32px rgba(0, 0, 0, 0.15);
}

.content-policy a {
   color: #FF9900 !important;
   text-decoration: underline;
}

.content-policy p {
   line-height: inherit;
}

.content-policy+.items-center button {
   @media (width < 40rem) {
      padding-top: .375rem;
      padding-bottom: .375rem;
      padding-inline: calc(var(--spacing) * 5);
   }
}

/* Forzar visibilidad del LCP (Slider) sin esperar al JavaScript */
div.box__slide__container img.no-lazy,
div.box__slide__container div.box__slide--right img {
   opacity: 1 !important;
   visibility: visible !important;
   display: block !important;
}

.sr-only{
   position: absolute !important;
   width: 1px !important;
   height: 1px !important;
   padding: 0 !important;
   margin: -1px !important;
   overflow: hidden !important;
   clip: rect(0, 0, 0, 0) !important;
   white-space: nowrap !important;
   border: 0 !important;
}