.el_lugar {
  position: relative;
  min-height: 60vh; 
  align-items: center;
  justify-content: center;
  padding: 40px 20px;

}

/* Contenedor central con ligera rotación como el ejemplo */
.el-lugar-contenido {
  position: relative;
  left: 10%;
  transform: translateX(-71%) rotate(-4deg);
  text-align: center;
  max-width:  10%;
}

/* Título principal “El Lugar” con el estilo pesado y sombreado */
.lugar_titulo {
    color: #f671be;
       text-shadow: 3px 3px 4px #462838;
  text-transform: uppercase;
  font-size: 42px;
  line-height: 47px;
  letter-spacing: 2px;
  margin: 0 0 18px 0;
  display: inline-block;
  transform: skew(-10deg) translateX(-50px) scale(0);
  opacity: 1;
}

/* Líneas descriptivas, siguiendo el look inclinado + shadow */
.lugar_1,
.lugar_2,
.lugar_3 {
    margin-bottom: 40%;
    font-size: 1.2em;
    letter-spacing: 4px;
    display: block;
    transform: skew(349deg) translateX(+150px) scale(0);
    color: #742151;
    font-family: 'arial_narrow';
}


.llegar{
  margin-top: 10%;
   position: relative;
   height: 100vh;
}






.gif_catalog {
    opacity: 0;
    position: absolute;
    margin: auto;
    width: 56vw;
    height: 63vh;
    object-fit: cover;
    z-index: -1;
    background-color: black;
    pointer-events: none;
    box-shadow: 0px 0px 20px 1px #f671be;
    top: 0;
    right: 5%;
    aspect-ratio: 9/16;
    border-radius: 50% / 35%;
overflow: hidden; /* recorta el rectángulo original */
    
    mask-image: radial-gradient(
        circle,
        black 0%,
        black 60%,
        transparent 75%
    );
    -webkit-mask-image: radial-gradient(
        circle,
        black 0%,
        black 60%,
        transparent 75%
    );
}

.llegar-contenido{
  margin-top: 10vh;
}

.llegar_titulo{
     text-align: center;
        color: #f671be;
       text-shadow: 3px 3px 4px #462838;
             font-size: 10vw;
    font-family: 'Happy';
    font-weight: 800; 
        margin: 0;
}

.llegar_instruccion{
font-size: 0.7em;
    text-align: center;
    font-family: 'arial_narrow';
    
}

.Mira {
  font-size: 0.7em;
  font-weight: bold;
  text-align: center;
  position: relative;
  display: inline-block;
  margin-bottom: 10vh;
}

.Mira::before {
  content: "⬇ ⬇ ";
  display: inline-block;
  margin-right: 10px;
  animation: flechasMove 1s ease-in-out infinite;
}

.Mira::after {
  content: "⬇ ⬇";
  display: inline-block;
  margin-left: 10px;
  animation: flechasMove 1s ease-in-out infinite;
}

@keyframes flechasMove {
  0% { transform: translateY(0); }
  50% { transform: translateY(6px); }
  100% { transform: translateY(0); }
}


.video_comollegar {
    opacity: 1;
    position: relative;
    margin: auto;
    width: 89vw;
    height: 63vh;
    object-fit: cover;
    z-index: 10;
    background-color: black;
    box-shadow: 0px 0px 20px 1px #f671be;
    top: 0;
}


.llegar{
  position: relative;
   margin-top: 10%;
    text-align: center;
   
    font-family: 'arial_narrow';
    width: 100vw;
    color: #863c66;
    font-size: 1.5em;
}