/**********************************************************
        E X P E R I E N C I A S
***********************************************************/

#columnasExperiencias {
  display: flex; 
  align-items: flex-start;
  padding: 5% 0;
  gap: 20px; 
}
#columnasExperiencias .columnaExperiencias {
  width: 50%;
}
#columnasExperiencias .columnaExperiencias img {
  width: 80%;
  margin: auto;
}
#columnasExperiencias .columnaExperiencias #textoColumnaExperiencias {
 width: 80%;
  margin: auto;
  color: white;
}
#columnasExperiencias .columnaExperiencias #textoColumnaExperiencias h1 {
  font-size: 1.3rem;
  margin-bottom: 10px;
}
#columnasExperiencias .columnaExperiencias #textoColumnaExperiencias p {
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.4rem;
}
#contieneFechasExperiencias {
  position: relative;
}
#contieneFechasExperiencias #cajaFechasExperiencias {
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  margin: auto;
  width: 80%;
  max-width: 600px;
  margin: auto;
  color: white;
  text-align: center;
}
#contieneFechasExperiencias #cajaFechasExperiencias h3 {
  font-size: 1.2rem;
}
#contieneFechasExperiencias #cajaFechasExperiencias h2 {
  font-size: 2.2rem;
  line-height: 3rem;
  padding: 10px 0;
}


@media (max-width: 768px) and (orientation: portrait)  {

        /**********************************************************
                E X P E R I E N C I A S    M Ó V I L E S
        ***********************************************************/

            #columnasExperiencias {
                display: flex; 
                flex-direction: column;
                align-items: flex-start;
                padding: 5% 0;
                gap: 20px; 
            }
            #columnasExperiencias .columnaExperiencias {
                width: 100%;
                text-align: center;
            }


}