/* =========================================================
  ESTILOS GENERALES
  ========================================================= */
#comienza{
    background-color: var(--bg-2, #f6f6f2);min-height: 50vh;
    padding-top: 9em;
}
#comienza .seccion_container{display: flex;}
.comienza_img{display: flex;align-items: center;}
.comienza_img img{
  width: 100%;
  border-radius: 4px;
}
.comienza_info{color: #1c1c1c;}
.comienza_info .con-linea{
  color: var(--header-orange, #d9722c);
  font-weight: 700;
  font-size: .8em;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.comienza_info h2{
  font-family: "Playfair Display", "Poppins", serif;
  font-weight: 800;
  color: var(--header-maroon, #711c2e);
  margin-bottom: .5em;
}
.comienza_info p{
  opacity: .8;
  line-height: 1.7;
  margin-bottom: 1.5em;
}
.comienza_img video{
  display: block;        /* evita espacio raro inline */
  width: 100%;
  height: auto;          /* mantiene proporción */
  max-width: 100%;
}

/* =========================================================
  RESPONSIVE: MÓVILES / TABLET (≤ 959px)
  ========================================================= */
@media (max-width:959px){
  #comienza{padding-top: 4em;padding-bottom: 4em;}
  .comienza_info{margin-bottom: 2em;}
  #comienza .seccion_container{flex-direction: column;align-items: center;}
  .comienza_img{
    width: 80%;
  }
}

/* =========================================================
  RESPONSIVE: ESCRITORIO (≥ 960px)
  ========================================================= */
@media (min-width:960px){
  #comienza{padding-top: 5em;padding-bottom: 7em;}
  .comienza_info{width: 55%;padding-right: 2em;}
  .comienza_img{width: 45%;}
  .comienza_img{padding-left: 2em;}
}