/* portada */
.portada {
    /* medida para la imagen las medidas serian 1.768 px x 650 px y para movil 320px y 180px */
    position: relative;
    background: url('../img/portada.png');
    background-size:cover;     
    background-repeat: no-repeat;
    background-position: center;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow);
    margin: 18px 0;
    min-height: 425px;
    display: flex;
    flex-direction: column;
    padding: 60px; /* pasamos padding aquí para evitar que desaparezca al cambiar display */
}
.portada_descripcion {
    margin-top: auto;  /* Esto empuja el contenido hacia abajo */
    color: #111827cc;
}
.portada h1 {
    font-size: clamp(28px, 5vw, 48px);
    margin: 0 0 12px;
}
.portada p {
    max-width: 50ch;
    font-size: 1.05rem;
    margin: 0 0 20px;
}
.contenedor_botones_de_la_portada .btn{
  margin-right: 15px;
}
@media (max-width: 768px) {
  /* PORTADA */
  .portada {
    background: url('../img/portada_para_movil.png');
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 700px;
    padding: 15px;
  }
  .portada_descripcion{
    margin-top: 0px;
  }
  .contenedor_botones_de_la_portada {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    gap: 16px;
    width: 100%;
    justify-content: center;
  }
}