@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap");
@import url('general.css');
@import url('mobile.css');
@import url('desktop.css');

/* MI CRITERIO GENERAL MOBILE ( < 992 ) y DESKTOP ( > 991 )*/
/* aquí pongo toda la base y las medias que no son generales o son la base de referencia porque luego serán solapadas */
html {
  font-family: "Lato", sans-serif;
  scroll-behavior: auto !important;
  /* Desactiva smooth scroll inicial */
}

/* Añade esto a tu CSS global */
body {
  margin: 0 auto;
  padding: 0;
  background-color: #ff0000!important;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 900;
  line-height: 1
}

.bold {
  font-weight: 900;
}

.unbold {
  font-weight: 400;
}

.red {
  color: red;
}

.font-size-1em {
  font-size: 1em;
}

.color-black {
  color: black;
}
/* #xmegamenu-particulares {
  display: flex!important;
}  */

/* Estilos para el texto expandible */
@media screen and (max-width: 700px) {
  .expandable-text p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.3s ease;
  }

  .expandable-text.expanded p {
    -webkit-line-clamp: unset;
    display: block;
  }

  .read-more-btn {
    display: block;
    background: none;
    border: none;
    color: #ff0000;
    cursor: pointer;
    padding: 0 0 10px 0;
    font-weight: bold;
    position: relative;
    top: -12px;
  }

  .expandable-text.expanded .read-more-btn {
    display: none;
  }
}

@media screen and (min-width: 701px) {
  .read-more-btn {
    display: none;
  }
}