/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/App.scss ***!
  \*******************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);
/*!***********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/App.scss (1) ***!
  \***********************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Karla:wght@200;300;400;500;600;700;800&display=swap);
/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/componentes/Logo/Logo.scss ***!
  \*************************************************************************************************************************/
.Logo {
  width: 70px;
  max-width: 100%;
}
/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/Alert/Alert.scss ***!
  \**************************************************************************************************************************************/

/*!****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/Input2/Input2.scss ***!
  \****************************************************************************************************************************************/
.Input2 {
  border: none;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease 0.5s;
  background-color: transparent;
  width: 100%;
}
.Input2 input {
  width: 100%;
  border: none;
  outline: none;
  text-align: center;
  background-color: #f2f2f2;
  max-width: 16rem;
  width: 100%;
  border-radius: 3rem;
  padding: 0.5rem;
  border: 1px solid #CDCDCD;
}
.Input2 .hideinput {
  opacity: 0;
  transition: all ease 0.5s;
}
.Input2 .hideinput.showinput {
  animation: showinput ease 0.5s forwards;
}
.Input2 .underlined::after {
  animation: widther 0.5s forwards ease;
  position: absolute;
  bottom: -3px;
  width: 0;
  content: "";
  border-bottom: 1px solid grey;
  transition: all ease 0.5s;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  width: 100%;
  text-align: center;
}
@keyframes widther {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes showinput {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes moverderecha {
  0% {
    transform: translate(-150px);
  }
  50% {
    transform: translate(-150px);
  }
  100% {
    transform: translate(0);
  }
}
/*!**********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/paginas/Login/Login.scss ***!
  \**********************************************************************************************************************************/
.sectionGrupoGestion {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
}
.sectionGrupoGestion .title {
  font-size: var(--font-mediana2);
}
.sectionGrupoGestion .item:not(:last-child) {
  margin-bottom: 1rem;
}

.login-container {
  width: 50rem;
  max-width: 98vw;
}
.login-container .sectionLogin {
  display: grid;
  grid-template-columns: 50% 50%;
  box-shadow: var(--box-shadow-light);
  border-radius: 20px;
  background-color: #fff;
}
.login-container .sectionLogin .login {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 4rem 0.5rem;
}
.login-container .sectionLogin .loginImg {
  width: 100%;
}
.login-container .sectionLogin .loginImg img {
  width: 100%;
  height: 100%;
}
.login-container .sectionLogin .recuperarclave {
  color: var(--green-color);
  text-decoration: underline;
  cursor: pointer;
  font-size: 1rem;
}

.altura {
  height: 100vh !important;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/ButtonBack/_styles.module.scss ***!
  \****************************************************************************************************************************************************/
.OgXRrH3njqB1fiKj4nDk {
  display: flex;
  align-items: center;
  list-style: none;
  text-decoration: none;
  color: var(--Escala-de-Grises-Dark-Grey);
}
.qrKhuf4gAxYgw39zJm6A {
  padding: 0.5rem 0;
  display: flex;
  align-items: center;
  list-style: none;
  text-decoration: none;
  color: var(--Escala-de-Grises-Dark-Grey);
  gap: 1rem;
  border: none;
}
.HouhKqK8VKvGpxjxDvvT {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
/*!****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/Button/Button.scss ***!
  \****************************************************************************************************************************************/
.btnRed {
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 15px;
  background-color: #ff7676;
}
.btnRed :hover {
  background-color: #ff4949;
}

.btnGreed {
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 15px;
  background-color: var(--lightgreen-color);
}
.btnGreed :hover {
  background-color: var(--green-color);
}
/*!****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/paginas/NewsBlog/NewsBlog.scss ***!
  \****************************************************************************************************************************************/
.NewsBlog {
  width: 100%;
  padding: 0 0.5rem;
  overflow: scroll;
  gap: 1rem;
}
.NewsBlog .rdw-editor-wrapper {
  min-width: 100%;
  min-height: 90%;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/TextInput/TextInput.scss ***!
  \**********************************************************************************************************************************************/
.TextInput {
  overflow: hidden;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  height: 100%;
}
.TextInput .editorClassName {
  height: 95%;
}

.buttonSaveTextInput {
  width: 200px;
  position: fixed;
  bottom: 1.5rem;
  height: 2rem;
  border-radius: 5px;
  border: none;
  color: #fff;
  background-color: #bbcb47;
  border: 2px solid rgba(0, 0, 0, 0);
  border: 2px solid transparent;
  transition: 0.4s all;
  z-index: 999;
}
/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/Toast/Toast.scss ***!
  \**************************************************************************************************************************************/
.Toast {
  color: #101010;
  padding: 10px;
  z-index: 9999999;
  background: var(--white);
  backdrop-filter: blur(4.5px);
  -webkit-backdrop-filter: blur(4.5px);
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.338);
  display: flex;
  align-items: center;
}
.Toast span {
  flex: 1;
}
.Toast .close-button {
  margin-left: 0.5rem;
  border: none;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
}
/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/Formularios/Formularios.scss ***!
  \**************************************************************************************************************************************************/
.formularios {
  display: flex;
  flex-direction: column;
  width: max-content;
  background: #fafafa;
  box-shadow: 4px 5px 13px 0px rgba(0, 0, 0, 0.1);
  margin-top: 2rem;
  padding: 1rem;
  border-radius: 15px;
}
.formularios .tabla {
  overflow: hidden;
  flex-shrink: 1;
  width: 100%;
}
.formularios .form-title {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 0.8rem;
  margin: 0.7rem 0;
}
.formularios .form-title .nombre {
  font-size: var(--font-chica);
  color: #222D32;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}
.formularios .form-options {
  border-bottom: 2px;
  padding: 0 1rem;
}
.formularios .grayButton {
  background: #C1C1C1;
  border: none;
  transition: all ease 0.3s;
  color: #fff !important;
  font-weight: 400;
  font-size: var(--font-boton);
  padding: 0.4rem;
  border-radius: 10px;
  font-size: var(--font-chica);
}
.formularios .modal.container-editor {
  display: flex;
  position: absolute;
  background: white;
  flex-direction: column;
  right: 0;
  top: 0;
  left: 0;
  transform: translate(50%, 50%);
  padding: 1rem;
  box-shadow: 0px 2px 10px 5px #e3e3e3;
  border-radius: 15px;
  z-index: 10;
  width: 38rem;
  height: fit-content;
}
.formularios .select {
  grid-column: 1/-1;
  width: 25%;
}
.formularios .Card {
  min-height: 500px;
  display: flex;
  flex-direction: column;
  overflow: scroll;
  height: fit-content;
  padding: 0.5rem;
  background: #fafafa;
  border-radius: 15px;
  margin-top: 1rem;
}
.formularios .formCard .botonera {
  display: flex;
  flex-direction: row;
  align-self: center;
  gap: 0.5rem;
}
.formularios .formCard .botonera button:not(:first-child) {
  margin-left: 0.2rem;
}

.buttonSave {
  width: 200px;
  height: 2rem;
  border-radius: 5px;
  border: none;
  color: #fff;
  background-color: #bbcb47;
  border: 2px solid rgba(0, 0, 0, 0);
  border: 2px solid transparent;
  transition: 0.4s all;
}

.buttonBorrar {
  width: 200px;
  height: 2rem;
  border-radius: 5px;
  border: none;
  color: #fff;
  background-color: rgb(255, 65, 51);
  border: 2px solid rgba(0, 0, 0, 0);
  border: 2px solid transparent;
  transition: 0.4s all;
}

.buttonClose {
  border-radius: 5px;
  border: none;
  color: #fff;
  padding: 4px 10px;
  background-color: rgb(31, 31, 31);
  border: 2px solid rgba(0, 0, 0, 0);
  border: 2px solid transparent;
  transition: 0.4s all;
}

.hw-custom {
  height: 90vh !important;
  width: 90%;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/CheckOcultar/CheckOcultar.scss ***!
  \****************************************************************************************************************************************************/
.containerCheckOcultar {
  display: flex;
  align-items: center;
  width: 100%;
}
.containerCheckOcultar p {
  font-weight: bold;
  margin-right: 1rem;
}

.react-toggle--checked .react-toggle-track {
  background-color: var(--green-color);
}
.react-toggle--checked .react-toggle-thumb {
  left: 27px;
  border-color: var(--green-color);
}

.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: var(--green-color) !important;
}
/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/ImageHolder/ImageHolder.scss ***!
  \**************************************************************************************************************************************************/
.containerCargarImagen {
  display: grid;
  gap: 0.5rem;
  max-width: 45rem;
  padding: 0.5rem;
  min-width: 50%;
  grid-template-columns: 5fr 1fr;
  align-items: center;
  justify-items: center;
}
.containerCargarImagen .firstColumn {
  display: grid;
  place-items: center;
  background: #f5f5f5;
  border-radius: 20px !important;
  overflow: hidden;
  object-fit: cover;
  max-width: 300px;
  max-height: 160px !important;
}
.containerCargarImagen .firstColumn img {
  height: 100% !important;
  width: 100% !important;
}
.containerCargarImagen .secondColumn {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  height: fit-content;
  justify-content: space-between;
  gap: 0.8rem;
}
.containerCargarImagen .secondColumn .buttonSave {
  width: 200px;
  height: 2rem;
  border-radius: 5px;
  border: none;
  color: #fff;
  background-color: #bbcb47;
  border: 2px solid rgba(0, 0, 0, 0);
  z-index: 9999999;
  border: 2px solid transparent;
  transition: 0.4s all;
}
.containerCargarImagen .secondColumn .buttonSave:hover {
  border: 2px solid #bbcb47;
  color: #bbcb47;
  background-color: white;
}
.containerCargarImagen .secondColumn .fileSelect {
  position: relative;
  display: inline-block;
  cursor: pointer;
  height: 2rem;
}
.containerCargarImagen .secondColumn .fileSelect::before {
  background-color: #FF9933;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  content: "Seleccionar";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.containerCargarImagen .secondColumn .fileSelect input[type=file] {
  opacity: 0;
  width: 200px;
  height: 32px;
  border: 2px solid red;
  display: inline-block;
  transition: all 0.4s;
}
.containerCargarImagen .secondColumn .srcSelect::before {
  content: "Seleccionar Imagen";
  font-weight: bold;
}
.containerCargarImagen .secondColumn .fileSelect input[type=file]:hover {
  background-color: red;
}
/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/Tabla/Tabla.scss ***!
  \**************************************************************************************************************************************/
.btn-container {
  width: 100%;
  display: grid;
  place-items: center;
}
.btn-container .btn-loadmore {
  margin: 1rem 0;
  height: 3rem;
  width: 12rem;
  height: 2rem;
  border-radius: 2rem;
  display: grid;
  place-items: center;
  background-color: var(--secondary-color);
  border: 1px solid var(--orange-color);
  transition: all 200ms ease-in-out;
  color: white;
}
.btn-container .btn-loadmore:hover {
  background-color: var(--orange-color);
}

.Tabla {
  transition: all ease 0.3s;
}
.Tabla thead {
  background: #D9D2D2;
}
.Tabla th {
  text-align: center;
  border-bottom: 1px solid rgb(83, 83, 83);
  padding: 0.5rem;
  text-transform: capitalize;
}
.Tabla tbody tr {
  cursor: pointer;
}
.Tabla tbody tr:hover {
  background: #CAD76D;
}
.Tabla tbody tr th,
.Tabla tbody tr td {
  width: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 10rem;
  text-align: center;
}
.Tabla .active {
  transition: all ease 0.3s;
  background: var(--green-color);
}
.Tabla .active td:first-child {
  border-radius: 15px 0 0 15px;
}
.Tabla .active td:last-child {
  border-radius: 0 15px 15px 0;
}

.tablaContainer {
  display: grid;
  grid-template-columns: 2fr 1fr;
  justify-items: center;
  align-items: center;
}
/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/Formularios/Formulario.scss ***!
  \*************************************************************************************************************************************************/
.formCard__body {
  display: grid;
  grid-template-columns: 1fr 4fr;
  column-gap: 1rem;
  row-gap: 0.5rem;
  padding-bottom: 1rem;
  justify-content: center;
}
.formCard__body .label {
  text-align: left;
  text-transform: capitalize;
}
.formCard__body .input {
  border-radius: 5px;
  border: 1px solid #cecece;
  text-align: center;
  background-color: #EFEFEF;
}
/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/Modal/Modal.scss ***!
  \**************************************************************************************************************************************/
.Modal .modal-header {
  background: #fafafa;
}
.Modal .modal-header .modal-title {
  color: #201B1B;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.Modal .modal-body {
  border-radius: 10px;
  background: #fafafa;
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
.Modal .modal-body .leftBody {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.Modal .modal-body .leftBody .footerImg {
  display: flex;
  width: 100%;
  justify-content: space-around;
  align-items: center;
  padding-top: 1rem;
}
.Modal .modal-body .leftBody .footerImg .orange {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 130px;
  color: #fff;
  background: #f88c1f;
  padding: 0.4rem;
  border: none;
  border-radius: 5px;
  stroke-width: 1.5px;
}
.Modal .modal-body .leftBody .footerImg span {
  color: #201B1B;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.Modal .modal-body .rightBody {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.Modal .modal-body .btnContainer {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.Modal .modal-body .btnContainer .orange {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 87px;
  color: #fff;
  background: #f88c1f;
  padding: 0.4rem;
  border: none;
  border-radius: 5px;
  stroke-width: 1.5px;
}
.Modal .modal-body .btnContainer .gray {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 87px;
  color: #fff;
  background: #A7A7A7;
  padding: 0.4rem;
  border: none;
  border-radius: 5px;
  stroke-width: 1.5px;
}
.Modal .modal-body .inputImg {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin-bottom: 1rem;
}
.Modal .modal-body .inputImg span {
  color: #201B1B;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.Modal .modal-body .inputImg input {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #A7A7A7;
  background: #FEFEFE;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/DataTable/DataTable.scss ***!
  \**********************************************************************************************************************************************/
.btn-container {
  width: 100%;
  display: grid;
  place-items: center;
}
.btn-container .btn-loadmore {
  height: 3rem;
  width: 12rem;
  font-size: var(--font-boton);
  margin: 1rem 0;
  height: 2rem;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background-color: var(--secondary-color);
  border: 1px solid var(--orange-800);
  transition: all 200ms ease-in-out;
  color: white;
}
.btn-container .btn-loadmore:hover {
  background-color: var(--orange-800);
}

.DataTable {
  transition: all ease 0.3s;
}
.DataTable thead {
  background: var(--lightgrey-color);
}
.DataTable th {
  text-align: start;
  border-bottom: 1px solid rgb(83, 83, 83);
  padding: 0.5rem;
  text-transform: capitalize;
}
.DataTable tbody tr {
  cursor: pointer;
  margin-bottom: 10px;
  font-size: 14px;
}
.DataTable tbody tr:nth-child(odd) {
  background-color: #f2f2f2;
}
.DataTable tbody tr.active {
  transition: all ease 0.3s;
  background: var(--lightgreen-color);
}
.DataTable tbody tr.active td:first-child, .DataTable tbody tr:hover td:first-child {
  border-radius: 15px 0 0 15px;
}
.DataTable tbody tr.active td:last-child, .DataTable tbody tr:hover td:last-child {
  border-radius: 0 15px 15px 0;
}
.DataTable tbody tr td {
  padding: 0 0.5rem;
}
.DataTable tbody tr th,
.DataTable tbody tr td {
  width: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 10rem;
  text-align: start;
}
.DataTable tbody tr:hover {
  background: #CAD76D;
}

.tablaContainer {
  display: grid;
  grid-template-columns: 2fr 1fr;
  justify-items: center;
  align-items: center;
}

.tableFull {
  width: 100%;
  height: 100%;
}
/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/paginas/Noticia/Noticia.scss ***!
  \***************************************************************************************************************************/
.noticiasContainer {
  display: grid;
  grid-template-columns: 10fr 2fr;
  gap: 1rem;
  max-width: fit-content;
}
@media (max-width: 992px) {
  .noticiasContainer {
    grid-template-columns: 1fr;
  }
}
.noticiasContainer .blogPost {
  text-align: left;
}
.noticiasContainer .blogPost h1, .noticiasContainer .blogPost h2, .noticiasContainer .blogPost h3, .noticiasContainer .blogPost h4, .noticiasContainer .blogPost h5 {
  margin-bottom: 1rem !important;
}
.noticiasContainer .blogPost ul, .noticiasContainer .blogPost ol {
  padding-left: 2rem !important;
  margin-bottom: 1rem !important;
}
.noticiasContainer .blogPost ul li, .noticiasContainer .blogPost ol li {
  line-height: 1.8rem;
  font-size: var(--font-mediana);
}
.noticiasContainer .blogPost ul li::marker, .noticiasContainer .blogPost ol li::marker {
  color: var(--darker-color) !important;
}
.noticiasContainer .blogPost p {
  margin-bottom: 1rem !important;
  min-height: var(--font-mediana);
}
.noticiasContainer .img-fluid {
  max-width: 600px;
  flex-shrink: 0;
  border-radius: 20px;
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
}

.noticias-padding {
  padding: 5rem;
}

.titulo-blog {
  padding: 2rem 0rem;
  font-weight: 700;
  font-size: 40px;
  color: #333;
}
/*!***********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/componentes/WaveCorta/WaveCorta.scss ***!
  \***********************************************************************************************************************************/
.wave-container {
  overflow: hidden;
  position: absolute;
  bottom: -1px;
  width: 100%;
}
.wave-container .waveCorta {
  background-image: url("data:image/svg+xml,%3Csvg width=%271384%27 height=%2760%27 viewBox=%270 0 1384 60%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cmask id=%27mask0_2202_5048%27 style=%27mask-type:alpha%27 maskUnits=%27userSpaceOnUse%27 x=%270%27 y=%270%27 width=%271384%27 height=%2760%27%3E%3Cpath d=%27M0 18.2577C0 18.2577 331.583 59.3375 692 18.2577C1052.42 -22.8221 1384 18.2577 1384 18.2577V60H0V18.2577Z%27 fill=%27white%27/%3E%3C/mask%3E%3Cg mask=%27url%28%23mask0_2202_5048%29%27%3E%3Cpath d=%27M0 18.2577C0 18.2577 331.583 59.3375 692 18.2577C1052.42 -22.8221 1384 18.2577 1384 18.2577V60H0V18.2577Z%27 fill=%27white%27/%3E%3Cpath d=%27M576 -12.75H-288V25.659C50.5754 64.2571 240.206 64.6364 576 25.659V-12.75Z%27 fill=%27%23203855%27/%3E%3Cpath d=%27M1963 -12.75H1099V25.659C1437.58 64.2571 1627.21 64.6364 1963 25.659V-12.75Z%27 fill=%27%23203855%27/%3E%3Cpath d=%27M1517.76 -556.139C1517.76 -556.139 812.951 -462.897 37.2144 -546.812L18.4658 14.0665C701.866 96.7978 1531.55 4.53479 1531.55 4.53479L1517.76 -556.139Z%27 fill=%27%2312243A%27/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat;
  width: 170%;
  translate: -35%;
  height: 60px;
  z-index: 99999;
}
@media (max-width: 1366px) {
  .wave-container {
    width: 100%;
    translate: 0%;
  }
}
/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/componentes/BannerXL/BannerXL.scss ***!
  \*********************************************************************************************************************************/
.BannerXL {
  height: fit-content;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: start;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  z-index: 0;
  position: relative;
  padding: 7rem 1rem;
  max-height: 20rem;
}
.BannerXL:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
  z-index: -1;
  width: 100%;
}
.BannerXL .lions-span {
  font-weight: bold;
}
.BannerXL .titulo {
  margin-top: 7rem;
  padding: 1rem;
}
.BannerXL .titulo h1, .BannerXL .titulo h2, .BannerXL .titulo h3, .BannerXL .titulo h4, .BannerXL .titulo h5 {
  font-size: var(--font-titulo);
  text-align: center;
  margin-bottom: 2%;
  z-index: 2;
  max-width: 98vw;
}
.BannerXL .titulo.alone {
  font-size: var(--font-titulo);
  margin-bottom: 0;
}
.BannerXL .titulo::first-letter {
  text-transform: uppercase;
}
.BannerXL .titulo.postLineaNaranjaBottom::before {
  content: "";
  position: absolute;
  top: calc(0.3rem + 100%);
  background: var(--dorado);
  height: 6px;
  display: block;
  width: 80%;
  transform: translate(-50%);
  left: 50%;
  margin: 0.8rem 0;
}
.BannerXL .descripcion {
  margin-top: 2.5rem;
  max-width: 70ch;
}
.BannerXL .descripcion:empty {
  margin-top: 0rem;
}
.BannerXL p {
  font-size: var(--font-mediana);
  text-align: center;
  z-index: 2;
}

.search-input-container {
  border: 1px solid grey;
  border-radius: 20px;
  overflow: hidden;
  padding: 0.5rem;
  background-color: #FEFEFE;
  margin-bottom: 5rem;
}

.search-input {
  width: 100%;
  border: none;
  outline: none;
}
/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/componentes/BotonBackoffice/BottonBackoffice.scss ***!
  \************************************************************************************************************************************************/
.btn-backoffice {
  background-color: #cad443 !important;
  padding: 5px 10px;
  position: absolute;
  top: 10px;
  right: 25px;
  border: none;
  border-radius: 5px;
}
.btn-backoffice .link-backoffice {
  text-decoration: none !important;
  color: #fff;
}
/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/componentes/SidebarPrensa/SidebarPrensa.scss ***!
  \*******************************************************************************************************************************************/
.sidebarPrensa {
  height: 100vh !important;
  background-color: #F8F8F8;
  padding: 40px;
}
.sidebarPrensa .sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  display: flex;
  flex-direction: column;
}
.sidebarPrensa .sticky .titulo {
  align-self: center;
  display: flex;
  width: 320px;
  height: 48px;
  padding: 8px 20px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 15px;
  margin-bottom: 25px;
  color: #333;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.sidebarPrensa .sticky .subTitulo {
  display: flex;
  padding: 18px 10px 18px 10px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  border-radius: 15px;
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.sidebarPrensa .sticky .sidebarPrensaNotas {
  display: flex;
  flex-direction: column;
  width: 20rem;
  align-self: center;
  gap: 20px !important;
}
/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/componentes/CardNoticia/CardNoticia.scss ***!
  \***************************************************************************************************************************************/
.nota {
  height: fit-content;
  width: 100%;
  padding: 20px;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  background: #FEFEFE;
  display: flex;
  flex-direction: column;
}
.nota:first-child {
  border-top: 10px;
}
.nota .notaTitle {
  display: flex;
  padding: 5px;
  align-content: center;
  color: var(--darker-color);
  height: fit-content;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis !important;
}
.nota .notaTitle * {
  align-self: center;
  padding-left: 0.2rem;
}

.nota:focus {
  border-radius: 15px;
  border: 2px solid #FEFEFE;
  background: #FEE9D1;
}
/*!*************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/componentes/NavbarWiki/NavbarWiki.scss ***!
  \*************************************************************************************************************************************/
.color-navbar {
  background-color: rgba(254, 254, 254, 0.2);
  backdrop-filter: blur(10px);
  position: absolute;
  z-index: 1;
  top: 0;
}

.navbar-items {
  padding: 2px;
  cursor: pointer;
}

.foto-persona {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  background-color: #FEFEFE;
  color: #203855;
  font-weight: 600;
}

.dropdown-navbar {
  background-color: transparent;
  color: black;
  border: none;
}

.dropdown-navbar:hover {
  background-color: transparent !important;
  color: black !important;
}
/*!*******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/paginas/Pagina404/Pagina404.scss ***!
  \*******************************************************************************************************************************/
.navbarBG {
  height: 5rem;
  width: 100%;
  background-color: black;
  position: sticky;
  top: 0;
  z-index: 4;
}

.Pagina404 {
  display: grid;
  place-items: center;
  height: 40vh;
}
.Pagina404 .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.Pagina404 .content .logo {
  height: 100%;
  width: 100%;
  display: grid;
  place-items: center;
  margin-bottom: 1rem;
  scale: 1.5;
}
/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/componentes/Redes/Redes.scss ***!
  \***************************************************************************************************************************/
.Redes {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  display: flex;
  width: 100%;
}
.Redes li {
  text-align: center;
  border-radius: 100%;
  margin-inline: 0.7rem;
}
.Redes li a {
  color: var(--grey-color);
  font-size: 1.7rem;
  transition: 0.3s all;
}
.Redes li a:hover {
  color: var(--orange-color);
}

@media (max-width: 1012px) {
  .Redes li a {
    font-size: 1.5rem;
  }
}
/*!*****************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/componentes/Footer/Footer.scss ***!
  \*****************************************************************************************************************************/
.wave-footer {
  width: 100%;
  translate: 0 7px;
}

.arrowFooter {
  transition: all ease 0.5s;
  transform: rotate(180deg);
}
@media (max-width: 1024px) {
  .arrowFooter svg {
    width: 2.5rem;
  }
}
.arrowFooter.rotate {
  transform: rotate(0deg);
}

.footerlogo {
  position: relative;
}
.footerlogo img {
  margin-bottom: 2rem !important;
  width: 200px;
}

.Footers {
  height: 27vh;
  overflow: hidden;
  position: relative;
  transition: all ease 1s;
}
.Footers.agrandar {
  height: min-content;
}
@media (max-width: 925px) {
  .Footers.agrandar {
    height: min-content;
  }
}
@media (max-width: 600px) {
  .Footers.agrandar {
    height: min-content;
  }
}
.Footers.agrandar Footer {
  display: flex;
  flex-direction: column-reverse;
}
.Footers.agrandar Footer .columna {
  margin-bottom: 3rem;
}

.Footer {
  background: #fff;
  display: grid;
  grid-template-columns: 80% 20%;
  justify-items: center;
  padding: 2.5rem 0rem;
  transition: all ease 0.2s;
  height: 100%;
  overflow: hidden;
  opacity: 1;
}
.Footer.hide {
  height: 0;
  opacity: 0;
}
.Footer > * {
  padding-block: 0.4rem;
}
.Footer .title {
  font-weight: 600;
  font-size: var(--font-grande);
}
.Footer .tel {
  font-weight: 600;
  font-size: var(--font-grande);
}
.Footer .derechosReservados {
  text-align: center;
  padding-block: 2rem;
  padding-inline: 2em;
  font-size: var(--font-chica);
}
.Footer .trama {
  width: 100%;
  height: 70px;
  background-repeat: repeat-x;
  background-size: contain;
  background-color: #e4e4e4;
  background-position: center bottom;
}

.fila {
  width: 100%;
  display: flex;
  justify-content: center;
}

.serviciosFooter {
  display: flex;
  flex-wrap: wrap;
}
.serviciosFooter .columna {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 17rem;
  flex-grow: 1;
}
.serviciosFooter .columna .link {
  color: var(--orange-color);
  margin-bottom: 0.4rem;
  font-size: var(--font-grande);
  font-weight: 700;
  margin-bottom: 0.5rem !important;
  text-align: center;
}
.serviciosFooter .columna .sublink {
  color: var(--grey-color);
  margin-bottom: 0.4rem;
  text-decoration: none;
  font-size: var(--font-mediana);
  text-align: center;
  transition: all 100ms ease-in-out;
}
.serviciosFooter .columna .sublink:hover {
  color: var(--orange-color);
}

.columna {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.columna h3 {
  color: var(--dark-color);
  margin-bottom: 0.4rem;
  font-size: var(--font-mediana);
  font-weight: 700;
  margin-bottom: 0.5rem !important;
  text-align: center;
}
.columna p,
.columna a {
  color: var(--grey-color);
  margin-bottom: 0.4rem;
  text-decoration: none;
  font-size: var(--font-mediana);
  text-align: center;
}

.endbanner {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--grey-color);
  width: 100%;
  padding: 0.9rem 4rem;
  font-size: var(--font-chica);
}

.Footer1 {
  z-index: 1;
  transform: translateY(15rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all ease 1s;
  align-items: center;
}
.Footer1.show {
  transform: translateY(-4rem);
}

@media (max-width: 1012px) {
  .Footer {
    grid-template-columns: 100%;
    justify-items: center;
  }
  .Footer .fila {
    display: grid;
    grid-template-columns: repeat(3, auto);
  }
  .footerlogo img {
    width: 200px;
  }
  .footerlogo:after {
    font-size: 0.7rem;
  }
}
@media (max-width: 596px) {
  .Footer .fila {
    display: grid;
    grid-template-columns: 100%;
  }
  .Footer .fila h3 {
    margin: 1rem 0;
  }
  .endbanner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .endbanner p {
    margin: 0.3rem;
    text-align: center;
    color: var(--grey-color);
  }
}
/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/paginas/Prensa/Prensa.scss ***!
  \*************************************************************************************************************************/
.sectionPrensa {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 0 auto !important;
  max-width: 1366px;
}
.sectionPrensa .filtros {
  display: flex;
  justify-content: center;
}
.sectionPrensa .filtros > * {
  margin: 1rem;
}
.sectionPrensa .noticias {
  gap: 2rem;
  display: flex;
}
@media (max-width: 992px) {
  .sectionPrensa .noticias {
    grid-template-columns: 100%;
  }
}

@media (max-width: 760px) {
  .sectionPrensa .filtros {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .sectionPrensa .noticias {
    grid-template-columns: 100%;
  }
}
.dropdown-container {
  background-color: #F8F8F8 !important;
  height: 100%;
  width: 20rem;
  gap: 1rem;
}
/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/componentes/CardNews/CardNews.scss ***!
  \*********************************************************************************************************************************/
.CardNews {
  width: 100%;
}
.CardNews > .content {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.CardNews > .content h1,
.CardNews > .content h2,
.CardNews > .content h3,
.CardNews > .content h4,
.CardNews > .content h5 {
  width: 100%;
}
@media (max-width: 768px) {
  .CardNews > .content h1,
.CardNews > .content h2,
.CardNews > .content h3,
.CardNews > .content h4,
.CardNews > .content h5 {
    text-align: start;
  }
}
.CardNews > .content .titulo {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
  width: 70%;
  text-overflow: ellipsis;
}
.CardNews > .content .contentCard-title {
  font-size: 14px !important;
}
.CardNews > .content .contentCard-fecha {
  font-size: 14px !important;
}
/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/componentes/Card/Card.scss ***!
  \*************************************************************************************************************************/
.Card {
  border-radius: 5px 5px 5px 5px;
  height: min-content;
  position: relative;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.Card .bordeCard01_0 {
  position: absolute;
  width: 100%;
  height: 100px;
  background: rgba(0, 0, 0, 0.33);
}
@media (max-width: 768px) {
  .Card {
    border: none;
  }
}
@media (max-width: 576px) {
  .Card {
    width: auto;
    padding: 1rem;
  }
}
@media (max-width: 768px) {
  .Card .bordeCard01_0 {
    height: 5px;
    background-color: var(--orange-color);
    margin-bottom: 0.5rem;
  }
}
.Card .imagen {
  background-size: cover;
  background-position: center;
  height: 100px;
  transition: 0.5s ease;
}
@media (max-width: 768px) {
  .Card .imagen {
    height: 120px;
    border-radius: 0px;
  }
}
.Card .imagen:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.Card .contentCard {
  padding: 1rem;
  border-radius: 10px;
  max-height: 50px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.Card .fecha {
  background: white;
  top: 10px;
  right: 20px;
  position: absolute;
  display: inline-block;
  border-radius: 10px;
  padding: 1px 5px;
  opacity: 0.83;
}
.Card .fecha .contentCard-fecha {
  font-size: 12px !important;
}

p {
  font-size: var(--font-chica) !important;
}

.Card:hover .imagen {
  transform: scale(1.1);
}
/*!***********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/componentes/MasBuscadosCard/MasBuscadosCard.scss ***!
  \***********************************************************************************************************************************************/
.card-buscados {
  border-radius: 5px;
  border: 1px solid #1E1E1E;
  background: #FEFEFE;
  cursor: pointer;
  padding: 6px;
  max-width: 240px;
}

.masbuscados-link {
  color: black !important;
  font-weight: bold;
}
/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/componentes/MasBuscados/MasBuscados.scss ***!
  \***************************************************************************************************************************************/

/*!*****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/componentes/LinkDropdown/LinkDropdown.scss ***!
  \*****************************************************************************************************************************************/
.dropdown-main {
  background-color: transparent;
  border: none;
  color: black;
}

.dropdown-main:hover {
  background-color: transparent !important;
  color: black !important;
}

.list-items-dropdown {
  list-style: none;
}
/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/componentes/Link/Link.scss ***!
  \*************************************************************************************************************************/
.list-items-dropdown {
  list-style: none;
}

.dropdown-main {
  background-color: transparent;
  border: none;
  color: black;
}

.dropdown-main:hover {
  background-color: transparent !important;
  color: black !important;
}
/*!*******************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/paginas/Categoria/Categoria.scss ***!
  \*******************************************************************************************************************************/
.sectionPrensa {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 0 auto !important;
  max-width: 1366px;
}
.sectionPrensa .filtros {
  display: flex;
  justify-content: center;
}
.sectionPrensa .filtros > * {
  margin: 1rem;
}
.sectionPrensa .noticias {
  gap: 2rem;
  display: flex;
}
@media (max-width: 992px) {
  .sectionPrensa .noticias {
    grid-template-columns: 100%;
  }
}

@media (max-width: 760px) {
  .sectionPrensa .filtros {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .sectionPrensa .noticias {
    grid-template-columns: 100%;
  }
}
.dropdown-container {
  background-color: #F8F8F8 !important;
  height: 100%;
  width: 20rem;
  gap: 1rem;
}
/*!******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/paginas/CategoriasImportantes/CategoriasImportantes.scss ***!
  \******************************************************************************************************************************************************************/
.ArticleEditor {
  background: #fafafa;
  width: 100%;
  height: 100vh;
  display: flex;
  padding: 0.5rem;
  max-height: 100vh;
  position: relative;
  overflow: scroll;
}
.ArticleEditor .rdw-editor-wrapper {
  min-width: 100%;
  background-color: #fefefe;
  border-radius: 0.5rem;
}
.ArticleEditor .offCanvas {
  height: 100vh;
}
/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/paginas/ArticleEditor/ArticleEditor.scss ***!
  \**************************************************************************************************************************************************/
.ArticleEditor {
  background: #fafafa;
  width: 100%;
  height: 100vh;
  display: flex;
  padding: 0.5rem;
  max-height: 100vh;
  position: relative;
  overflow: scroll;
}
.ArticleEditor .rdw-editor-wrapper {
  min-width: 100%;
  background-color: #fefefe;
  border-radius: 0.5rem;
}
.ArticleEditor .offCanvas {
  height: 100vh;
}
/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/TextEditor/TextEditor.scss ***!
  \************************************************************************************************************************************************/
.TextEditor {
  max-width: 900px;
  padding: 1rem;
}
.TextEditor .form {
  background-color: var(--lightgrey-color);
  border-radius: 10px;
  margin: 1rem;
}
.TextEditor .form .inputs {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.TextEditor .form .inputs .Input {
  padding: 0.3rem;
}
.TextEditor .form .inputs .Input label {
  min-width: 3.5rem;
}
.TextEditor .form .inputs .Input input {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #A7A7A7;
  background: #fafafa;
  padding: 0 0.2rem;
}
.TextEditor .button-orange {
  background-color: var(--orange-color);
  border-radius: 5px;
  border: none;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  width: 8rem;
  padding: 0.2rem;
  color: var(--white);
  font-weight: 600;
  font-size: var(--font-chica);
  color: white;
  width: fit-content;
  padding: 0.3rem;
  font-size: var(--font-boton);
}
.TextEditor .button-orange:hover {
  background: var(--primary-color);
}
.TextEditor .button-green {
  background: var(--green-800);
  border-radius: 5px;
  border: none;
  transition: all ease 0.3s;
  width: 8rem;
  padding: 0.2rem;
  color: var(--white);
  font-weight: 400;
  font-size: var(--font-boton);
}
.TextEditor .button-green:hover {
  background: var(--lightgreen-color);
}
/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/TextEditor/Input.scss ***!
  \*******************************************************************************************************************************************/

/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/paginas/Backoffice/Backoffice.scss ***!
  \********************************************************************************************************************************************/

/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/Dropdown/Dropdown.scss ***!
  \********************************************************************************************************************************************/
.dropdown.open > .content {
  height: auto;
}
.dropdown > .content {
  height: 0;
  overflow: hidden;
}
/*!******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/SideBar/SideBar.scss ***!
  \******************************************************************************************************************************************/
.containerOpcionSidebar {
  width: 16rem;
  height: 100vh;
  background-color: #FFF;
  box-shadow: 3px 3px 3px hsla(240deg, 0%, 80%, 0.37);
  overflow-y: scroll;
  scrollbar-width: thin;
  transition: all 0.3s ease-in-out;
}
.containerOpcionSidebar .logoSideBar {
  display: flex;
  justify-content: center;
  padding: 1rem 1rem;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
  max-width: 100%;
  height: 118px;
}
.containerOpcionSidebar .sidebarItem {
  padding: 1em;
  font-size: 1.2rem;
  color: #333;
  display: block;
  cursor: pointer;
  transition: all 0.4s;
}
.containerOpcionSidebar .sidebarItem:hover {
  background-color: rgba(204, 204, 204, 0.8);
}
.containerOpcionSidebar .sidebar-item-padding {
  padding: 0.5rem 1rem;
}
.containerOpcionSidebar .sidebarTitle {
  display: flex;
  align-items: center;
  font-size: var(--font-chica);
  padding: 0.5rem 1rem;
  cursor: pointer;
  transition: 0.4s all;
  white-space: nowrap;
}
.containerOpcionSidebar .sidebarTitle span a {
  color: black;
}
.containerOpcionSidebar .sidebarSubTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  cursor: pointer;
  transition: 0.4s all;
}
.containerOpcionSidebar .toggle-btn {
  font-size: 1.5rem;
  transform: rotate(0deg);
  transition: all 0.4s;
}
.containerOpcionSidebar .dropdownCont {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
}
.containerOpcionSidebar .dropdownIcon {
  margin-left: 10px;
  font-size: 2rem;
  transform: rotate(180deg);
  cursor: pointer;
}
.containerOpcionSidebar .icon {
  font-size: 1.5rem;
  margin-right: 10px;
}
.containerOpcionSidebar .open > .toggle-btn {
  transform: rotate(90deg);
  transition: all 0.4s;
}
.containerOpcionSidebar .sidebarContent {
  height: 0;
  overflow: hidden;
}
.containerOpcionSidebar .sidebarItem.open > .sidebarContent {
  height: auto;
}
.containerOpcionSidebar .sidebarChildren.open > .sidebarTitle .toggle-btn {
  transform: rotate(90deg);
}
.containerOpcionSidebar .link li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.containerOpcionSidebar .link li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: var(--font-chica);
  text-decoration: none;
  color: #333;
  padding: 0.5rem;
  padding-left: 1.5rem;
  width: 100%;
  transition: all 0.4s;
}
.containerOpcionSidebar .link li a:hover,
.containerOpcionSidebar .link li a.active {
  color: var(--orange-color);
}
.containerOpcionSidebar .link.subTitleSubMenu li a {
  padding-left: 2rem;
}

.contenido-backoffice {
  max-height: 100vh;
  overflow: hidden;
  transform: translateX(0);
}

.containerOpcionSidebar.close {
  transition: all 0.3s ease-in-out;
  width: 130px;
}
.containerOpcionSidebar.close .sidebarTitle span {
  display: none;
}
.containerOpcionSidebar.close .toggle-btn {
  display: none;
}
.containerOpcionSidebar.close .icon {
  margin-right: 0;
  margin-left: 4px;
  font-size: 1.6rem;
}
.containerOpcionSidebar.close .dropdownIcon {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: rotate(0deg);
}
.containerOpcionSidebar.close .logoSideBar {
  display: flex;
  justify-content: center;
  max-width: 100% !important;
  align-items: center;
  height: 118px;
  padding: 1rem 5px;
}
.containerOpcionSidebar.close .link {
  display: none;
}
.containerOpcionSidebar.close .optionContainer {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/*!****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/Logout/Logout.scss ***!
  \****************************************************************************************************************************************/
.logout-boton {
  color: var(--grey-light);
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/GirdRolesXUsuario/_GridRolesXUsuario.scss ***!
  \***************************************************************************************************************************************************************/
.mainGirdRolesXUsuario {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ArticleEditor {
  height: 100% !important;
}
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/Backoffice/componentes/AsignarUsuarioasXRoles/_asignarUsuarioasXRoles.scss ***!
  \*************************************************************************************************************************************************************************/
.perfilesPage-tittle {
  text-align: center;
}
.perfilesPage-nombre {
  text-align: center;
}

.container-perfiles {
  display: flex;
  justify-content: space-around;
}
.container-perfiles-disponibles-selects-items, .container-perfiles-asignados-selects-items {
  cursor: pointer;
  margin-bottom: 10px;
  font-size: 14px;
}
.container-perfiles-disponibles-selects-items:nth-child(odd), .container-perfiles-asignados-selects-items:nth-child(odd) {
  background-color: #f2f2f2;
}
.container-perfiles-disponibles-selects-items:hover, .container-perfiles-asignados-selects-items:hover {
  background-color: var(--lightgreen-color);
}

.container-butons-perfiles {
  display: flex;
  justify-content: space-around;
}
/*!***********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/App.scss (2) ***!
  \***********************************************************************************************************/
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
}

#root {
  width: 100%;
}
#root ul {
  padding: 0;
  margin: 0;
}
#root p {
  line-height: 1.8rem;
}
#root p,
#root h1,
#root h2,
#root h3 {
  margin: 0;
}

*.swiper-pagination {
  pointer-events: all !important;
}

*::marker {
  color: var(--orange-color) !important;
  width: 25px;
  height: 25px;
  place-content: center;
  place-items: center;
  font-size: 1.3rem;
}

body {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f9f9f9;
}

button {
  cursor: pointer;
  font-size: var(--font-boton);
}

a {
  cursor: pointer;
  text-decoration: none;
}

:root {
  --main-color: hotpink;
  --primary-color: #cb9c5e;
  --secondary-color: #EF9729;
  --orange-color: #FF9933;
  --lightorange-color: #ffc993;
  --button-color: #BBCB47;
  --green-color: #BBCB47;
  --lightgreen-color: #bccb47a2;
  --stronggreen-color: #BBCB47;
  --dark-color: #3E434F;
  --darker-color: #1D2026;
  --darker-color-transparent: #1d2026b8;
  --celeste-color: #88D0C5;
  --lighterorange-color: #FFEBD7;
  --grey-light-color: #A7A7A7;
  --grey-light: #a7a7a7a2;
  --orange-color-transparent: #d97b1ec9;
  --darker-orange-color-transparent: #4f2a05c9;
  --main-font: "DM Sans", "Karla", sans-serif;
  --grey-color: #212121;
  --black-transparent: rgba(0, 0, 0, 0.55);
  --transparent: rgba(0, 0, 0, 0);
  --blue-color: rgb(63, 63, 238);
  --dorado:rgba(206, 154, 96, 1);
  --azul:rgba(32, 56, 85, 1);
  --white:#fafafa;
  --query-mobile: 320px;
  --query-tablet: 768px;
  --query-large: 992px --query-notebook: 1024px;
  --font-chica: 1rem;
  --font-boton: 1.1rem;
  --font-mediana: 1.2rem;
  --font-mediana2: 1.4rem;
  --font-grande: 1.6rem;
  --font-subtitulo: 2rem;
  --font-titulo: 3rem;
  --font-gigante: 3.5rem;
  --box-shadow-light: 0px 2px 10px 5px #e9e9e9 ;
}
@media (max-width: 1100px) {
  :root {
    --font-titulo: 2rem;
  }
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 16px;
}

*::-webkit-scrollbar-track {
  background: #ffffff;
}

*::-webkit-scrollbar-thumb {
  background-color: #bcbcbc;
  border-radius: 10px;
  border: 3px solid #ffffff;
}

h3,
h4,
h5 {
  font-size: var(--font-subtitulo);
}

p {
  font-size: var(--font-mediana);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.linkNegro {
  color: var(--dark-color);
}
.linkNegrohover {
  color: var(--dark-color);
}

input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}

.h0 {
  height: 0 !important;
}

.p0 {
  padding: 0 !important;
}

.w0 {
  width: 0rem !important;
}

.height0 {
  height: 0rem !important;
}

.h0vh {
  height: 0vh !important;
}

.m0 {
  margin: 0rem !important;
}

.ml0 {
  margin-left: 0rem !important;
}

.mb0 {
  margin-bottom: 0rem !important;
}

.mr0 {
  margin-right: 0rem !important;
}

.mt0 {
  margin-top: 0rem !important;
}

.mx0 {
  margin-inline: 0rem !important;
}

.my0 {
  margin-block: 0rem !important;
}

.w1 {
  width: 1rem !important;
}

.height1 {
  height: 1rem !important;
}

.h1vh {
  height: 10vh !important;
}

.m1 {
  margin: 1rem !important;
}

.ml1 {
  margin-left: 1rem !important;
}

.mb1 {
  margin-bottom: 1rem !important;
}

.mr1 {
  margin-right: 1rem !important;
}

.mt1 {
  margin-top: 1rem !important;
}

.mx1 {
  margin-inline: 1rem !important;
}

.my1 {
  margin-block: 1rem !important;
}

.w2 {
  width: 2rem !important;
}

.height2 {
  height: 2rem !important;
}

.h2vh {
  height: 20vh !important;
}

.m2 {
  margin: 2rem !important;
}

.ml2 {
  margin-left: 2rem !important;
}

.mb2 {
  margin-bottom: 2rem !important;
}

.mr2 {
  margin-right: 2rem !important;
}

.mt2 {
  margin-top: 2rem !important;
}

.mx2 {
  margin-inline: 2rem !important;
}

.my2 {
  margin-block: 2rem !important;
}

.w3 {
  width: 3rem !important;
}

.height3 {
  height: 3rem !important;
}

.h3vh {
  height: 30vh !important;
}

.m3 {
  margin: 3rem !important;
}

.ml3 {
  margin-left: 3rem !important;
}

.mb3 {
  margin-bottom: 3rem !important;
}

.mr3 {
  margin-right: 3rem !important;
}

.mt3 {
  margin-top: 3rem !important;
}

.mx3 {
  margin-inline: 3rem !important;
}

.my3 {
  margin-block: 3rem !important;
}

.w4 {
  width: 4rem !important;
}

.height4 {
  height: 4rem !important;
}

.h4vh {
  height: 40vh !important;
}

.m4 {
  margin: 4rem !important;
}

.ml4 {
  margin-left: 4rem !important;
}

.mb4 {
  margin-bottom: 4rem !important;
}

.mr4 {
  margin-right: 4rem !important;
}

.mt4 {
  margin-top: 4rem !important;
}

.mx4 {
  margin-inline: 4rem !important;
}

.my4 {
  margin-block: 4rem !important;
}

.w5 {
  width: 5rem !important;
}

.height5 {
  height: 5rem !important;
}

.h5vh {
  height: 50vh !important;
}

.m5 {
  margin: 5rem !important;
}

.ml5 {
  margin-left: 5rem !important;
}

.mb5 {
  margin-bottom: 5rem !important;
}

.mr5 {
  margin-right: 5rem !important;
}

.mt5 {
  margin-top: 5rem !important;
}

.mx5 {
  margin-inline: 5rem !important;
}

.my5 {
  margin-block: 5rem !important;
}

.w6 {
  width: 6rem !important;
}

.height6 {
  height: 6rem !important;
}

.h6vh {
  height: 60vh !important;
}

.m6 {
  margin: 6rem !important;
}

.ml6 {
  margin-left: 6rem !important;
}

.mb6 {
  margin-bottom: 6rem !important;
}

.mr6 {
  margin-right: 6rem !important;
}

.mt6 {
  margin-top: 6rem !important;
}

.mx6 {
  margin-inline: 6rem !important;
}

.my6 {
  margin-block: 6rem !important;
}

.w7 {
  width: 7rem !important;
}

.height7 {
  height: 7rem !important;
}

.h7vh {
  height: 70vh !important;
}

.m7 {
  margin: 7rem !important;
}

.ml7 {
  margin-left: 7rem !important;
}

.mb7 {
  margin-bottom: 7rem !important;
}

.mr7 {
  margin-right: 7rem !important;
}

.mt7 {
  margin-top: 7rem !important;
}

.mx7 {
  margin-inline: 7rem !important;
}

.my7 {
  margin-block: 7rem !important;
}

.w8 {
  width: 8rem !important;
}

.height8 {
  height: 8rem !important;
}

.h8vh {
  height: 80vh !important;
}

.m8 {
  margin: 8rem !important;
}

.ml8 {
  margin-left: 8rem !important;
}

.mb8 {
  margin-bottom: 8rem !important;
}

.mr8 {
  margin-right: 8rem !important;
}

.mt8 {
  margin-top: 8rem !important;
}

.mx8 {
  margin-inline: 8rem !important;
}

.my8 {
  margin-block: 8rem !important;
}

.w9 {
  width: 9rem !important;
}

.height9 {
  height: 9rem !important;
}

.h9vh {
  height: 90vh !important;
}

.m9 {
  margin: 9rem !important;
}

.ml9 {
  margin-left: 9rem !important;
}

.mb9 {
  margin-bottom: 9rem !important;
}

.mr9 {
  margin-right: 9rem !important;
}

.mt9 {
  margin-top: 9rem !important;
}

.mx9 {
  margin-inline: 9rem !important;
}

.my9 {
  margin-block: 9rem !important;
}

.w10 {
  width: 10rem !important;
}

.height10 {
  height: 10rem !important;
}

.h10vh {
  height: 100vh !important;
}

.m10 {
  margin: 10rem !important;
}

.ml10 {
  margin-left: 10rem !important;
}

.mb10 {
  margin-bottom: 10rem !important;
}

.mr10 {
  margin-right: 10rem !important;
}

.mt10 {
  margin-top: 10rem !important;
}

.mx10 {
  margin-inline: 10rem !important;
}

.my10 {
  margin-block: 10rem !important;
}

.mw0 {
  max-width: 0rem !important;
}

.mh0 {
  max-height: 0rem !important;
}

.mw1 {
  max-width: 1rem !important;
}

.mh1 {
  max-height: 1rem !important;
}

.mw2 {
  max-width: 2rem !important;
}

.mh2 {
  max-height: 2rem !important;
}

.mw3 {
  max-width: 3rem !important;
}

.mh3 {
  max-height: 3rem !important;
}

.mw4 {
  max-width: 4rem !important;
}

.mh4 {
  max-height: 4rem !important;
}

.mw5 {
  max-width: 5rem !important;
}

.mh5 {
  max-height: 5rem !important;
}

.mw6 {
  max-width: 6rem !important;
}

.mh6 {
  max-height: 6rem !important;
}

.mw7 {
  max-width: 7rem !important;
}

.mh7 {
  max-height: 7rem !important;
}

.mw8 {
  max-width: 8rem !important;
}

.mh8 {
  max-height: 8rem !important;
}

.mw9 {
  max-width: 9rem !important;
}

.mh9 {
  max-height: 9rem !important;
}

.mw10 {
  max-width: 10rem !important;
}

.mh10 {
  max-height: 10rem !important;
}

.mw11 {
  max-width: 11rem !important;
}

.mh11 {
  max-height: 11rem !important;
}

.mw12 {
  max-width: 12rem !important;
}

.mh12 {
  max-height: 12rem !important;
}

.mw13 {
  max-width: 13rem !important;
}

.mh13 {
  max-height: 13rem !important;
}

.mw14 {
  max-width: 14rem !important;
}

.mh14 {
  max-height: 14rem !important;
}

.mw15 {
  max-width: 15rem !important;
}

.mh15 {
  max-height: 15rem !important;
}

.mw16 {
  max-width: 16rem !important;
}

.mh16 {
  max-height: 16rem !important;
}

.mw17 {
  max-width: 17rem !important;
}

.mh17 {
  max-height: 17rem !important;
}

.mw18 {
  max-width: 18rem !important;
}

.mh18 {
  max-height: 18rem !important;
}

.mw19 {
  max-width: 19rem !important;
}

.mh19 {
  max-height: 19rem !important;
}

.mw20 {
  max-width: 20rem !important;
}

.mh20 {
  max-height: 20rem !important;
}

.mw21 {
  max-width: 21rem !important;
}

.mh21 {
  max-height: 21rem !important;
}

.mw22 {
  max-width: 22rem !important;
}

.mh22 {
  max-height: 22rem !important;
}

.mw23 {
  max-width: 23rem !important;
}

.mh23 {
  max-height: 23rem !important;
}

.mw24 {
  max-width: 24rem !important;
}

.mh24 {
  max-height: 24rem !important;
}

.mw25 {
  max-width: 25rem !important;
}

.mh25 {
  max-height: 25rem !important;
}

.mw26 {
  max-width: 26rem !important;
}

.mh26 {
  max-height: 26rem !important;
}

.mw27 {
  max-width: 27rem !important;
}

.mh27 {
  max-height: 27rem !important;
}

.mw28 {
  max-width: 28rem !important;
}

.mh28 {
  max-height: 28rem !important;
}

.mw29 {
  max-width: 29rem !important;
}

.mh29 {
  max-height: 29rem !important;
}

.mw30 {
  max-width: 30rem !important;
}

.mh30 {
  max-height: 30rem !important;
}

.mw31 {
  max-width: 31rem !important;
}

.mh31 {
  max-height: 31rem !important;
}

.mw32 {
  max-width: 32rem !important;
}

.mh32 {
  max-height: 32rem !important;
}

.mw33 {
  max-width: 33rem !important;
}

.mh33 {
  max-height: 33rem !important;
}

.mw34 {
  max-width: 34rem !important;
}

.mh34 {
  max-height: 34rem !important;
}

.mw35 {
  max-width: 35rem !important;
}

.mh35 {
  max-height: 35rem !important;
}

.mw36 {
  max-width: 36rem !important;
}

.mh36 {
  max-height: 36rem !important;
}

.mw37 {
  max-width: 37rem !important;
}

.mh37 {
  max-height: 37rem !important;
}

.mw38 {
  max-width: 38rem !important;
}

.mh38 {
  max-height: 38rem !important;
}

.mw39 {
  max-width: 39rem !important;
}

.mh39 {
  max-height: 39rem !important;
}

.mw40 {
  max-width: 40rem !important;
}

.mh40 {
  max-height: 40rem !important;
}

.mw41 {
  max-width: 41rem !important;
}

.mh41 {
  max-height: 41rem !important;
}

.mw42 {
  max-width: 42rem !important;
}

.mh42 {
  max-height: 42rem !important;
}

.mw43 {
  max-width: 43rem !important;
}

.mh43 {
  max-height: 43rem !important;
}

.mw44 {
  max-width: 44rem !important;
}

.mh44 {
  max-height: 44rem !important;
}

.mw45 {
  max-width: 45rem !important;
}

.mh45 {
  max-height: 45rem !important;
}

.mw46 {
  max-width: 46rem !important;
}

.mh46 {
  max-height: 46rem !important;
}

.mw47 {
  max-width: 47rem !important;
}

.mh47 {
  max-height: 47rem !important;
}

.mw48 {
  max-width: 48rem !important;
}

.mh48 {
  max-height: 48rem !important;
}

.mw49 {
  max-width: 49rem !important;
}

.mh49 {
  max-height: 49rem !important;
}

.mw50 {
  max-width: 50rem !important;
}

.mh50 {
  max-height: 50rem !important;
}

.mw51 {
  max-width: 51rem !important;
}

.mh51 {
  max-height: 51rem !important;
}

.mw52 {
  max-width: 52rem !important;
}

.mh52 {
  max-height: 52rem !important;
}

.mw53 {
  max-width: 53rem !important;
}

.mh53 {
  max-height: 53rem !important;
}

.mw54 {
  max-width: 54rem !important;
}

.mh54 {
  max-height: 54rem !important;
}

.mw55 {
  max-width: 55rem !important;
}

.mh55 {
  max-height: 55rem !important;
}

.mw56 {
  max-width: 56rem !important;
}

.mh56 {
  max-height: 56rem !important;
}

.mw57 {
  max-width: 57rem !important;
}

.mh57 {
  max-height: 57rem !important;
}

.mw58 {
  max-width: 58rem !important;
}

.mh58 {
  max-height: 58rem !important;
}

.mw59 {
  max-width: 59rem !important;
}

.mh59 {
  max-height: 59rem !important;
}

.mw60 {
  max-width: 60rem !important;
}

.mh60 {
  max-height: 60rem !important;
}

.mw61 {
  max-width: 61rem !important;
}

.mh61 {
  max-height: 61rem !important;
}

.mw62 {
  max-width: 62rem !important;
}

.mh62 {
  max-height: 62rem !important;
}

.mw63 {
  max-width: 63rem !important;
}

.mh63 {
  max-height: 63rem !important;
}

.mw64 {
  max-width: 64rem !important;
}

.mh64 {
  max-height: 64rem !important;
}

.mw65 {
  max-width: 65rem !important;
}

.mh65 {
  max-height: 65rem !important;
}

.mw66 {
  max-width: 66rem !important;
}

.mh66 {
  max-height: 66rem !important;
}

.mw67 {
  max-width: 67rem !important;
}

.mh67 {
  max-height: 67rem !important;
}

.mw68 {
  max-width: 68rem !important;
}

.mh68 {
  max-height: 68rem !important;
}

.mw69 {
  max-width: 69rem !important;
}

.mh69 {
  max-height: 69rem !important;
}

.mw70 {
  max-width: 70rem !important;
}

.mh70 {
  max-height: 70rem !important;
}

.mw71 {
  max-width: 71rem !important;
}

.mh71 {
  max-height: 71rem !important;
}

.mw72 {
  max-width: 72rem !important;
}

.mh72 {
  max-height: 72rem !important;
}

.mw73 {
  max-width: 73rem !important;
}

.mh73 {
  max-height: 73rem !important;
}

.mw74 {
  max-width: 74rem !important;
}

.mh74 {
  max-height: 74rem !important;
}

.mw75 {
  max-width: 75rem !important;
}

.mh75 {
  max-height: 75rem !important;
}

.mw76 {
  max-width: 76rem !important;
}

.mh76 {
  max-height: 76rem !important;
}

.mw77 {
  max-width: 77rem !important;
}

.mh77 {
  max-height: 77rem !important;
}

.mw78 {
  max-width: 78rem !important;
}

.mh78 {
  max-height: 78rem !important;
}

.mw79 {
  max-width: 79rem !important;
}

.mh79 {
  max-height: 79rem !important;
}

.mw80 {
  max-width: 80rem !important;
}

.mh80 {
  max-height: 80rem !important;
}

.mw81 {
  max-width: 81rem !important;
}

.mh81 {
  max-height: 81rem !important;
}

.mw82 {
  max-width: 82rem !important;
}

.mh82 {
  max-height: 82rem !important;
}

.mw83 {
  max-width: 83rem !important;
}

.mh83 {
  max-height: 83rem !important;
}

.mw84 {
  max-width: 84rem !important;
}

.mh84 {
  max-height: 84rem !important;
}

.mw85 {
  max-width: 85rem !important;
}

.mh85 {
  max-height: 85rem !important;
}

.mw86 {
  max-width: 86rem !important;
}

.mh86 {
  max-height: 86rem !important;
}

.mw87 {
  max-width: 87rem !important;
}

.mh87 {
  max-height: 87rem !important;
}

.mw88 {
  max-width: 88rem !important;
}

.mh88 {
  max-height: 88rem !important;
}

.mw89 {
  max-width: 89rem !important;
}

.mh89 {
  max-height: 89rem !important;
}

.mw90 {
  max-width: 90rem !important;
}

.mh90 {
  max-height: 90rem !important;
}

.mw91 {
  max-width: 91rem !important;
}

.mh91 {
  max-height: 91rem !important;
}

.mw92 {
  max-width: 92rem !important;
}

.mh92 {
  max-height: 92rem !important;
}

.mw93 {
  max-width: 93rem !important;
}

.mh93 {
  max-height: 93rem !important;
}

.mw94 {
  max-width: 94rem !important;
}

.mh94 {
  max-height: 94rem !important;
}

.mw95 {
  max-width: 95rem !important;
}

.mh95 {
  max-height: 95rem !important;
}

.mw96 {
  max-width: 96rem !important;
}

.mh96 {
  max-height: 96rem !important;
}

.mw97 {
  max-width: 97rem !important;
}

.mh97 {
  max-height: 97rem !important;
}

.mw98 {
  max-width: 98rem !important;
}

.mh98 {
  max-height: 98rem !important;
}

.mw99 {
  max-width: 99rem !important;
}

.mh99 {
  max-height: 99rem !important;
}

.mw100 {
  max-width: 100rem !important;
}

.mh100 {
  max-height: 100rem !important;
}

/* ---------------- */
@media (max-width: 1090px) {
  .h0-maxtablet {
    height: 0vh !important;
  }
}

@media (max-width: 1090px) {
  .m0-maxtablet {
    margin: 0rem !important;
  }
}

@media (max-width: 1090px) {
  .ml0-maxtablet {
    margin-left: 0rem !important;
  }
}

@media (max-width: 1090px) {
  .mb0-maxtablet {
    margin-bottom: 0rem !important;
  }
}

@media (max-width: 1090px) {
  .mr0-maxtablet {
    margin-right: 0rem !important;
  }
}

@media (max-width: 1090px) {
  .mt0-maxtablet {
    margin-top: 0rem !important;
  }
}

@media (max-width: 1090px) {
  .mx0-maxtablet {
    margin-inline: 0rem !important;
  }
}

@media (max-width: 1090px) {
  .my0-maxtablet {
    margin-block: 0rem !important;
  }
}

@media (max-width: 1090px) {
  .h1-maxtablet {
    height: 10vh !important;
  }
}

@media (max-width: 1090px) {
  .m1-maxtablet {
    margin: 1rem !important;
  }
}

@media (max-width: 1090px) {
  .ml1-maxtablet {
    margin-left: 1rem !important;
  }
}

@media (max-width: 1090px) {
  .mb1-maxtablet {
    margin-bottom: 1rem !important;
  }
}

@media (max-width: 1090px) {
  .mr1-maxtablet {
    margin-right: 1rem !important;
  }
}

@media (max-width: 1090px) {
  .mt1-maxtablet {
    margin-top: 1rem !important;
  }
}

@media (max-width: 1090px) {
  .mx1-maxtablet {
    margin-inline: 1rem !important;
  }
}

@media (max-width: 1090px) {
  .my1-maxtablet {
    margin-block: 1rem !important;
  }
}

@media (max-width: 1090px) {
  .h2-maxtablet {
    height: 20vh !important;
  }
}

@media (max-width: 1090px) {
  .m2-maxtablet {
    margin: 2rem !important;
  }
}

@media (max-width: 1090px) {
  .ml2-maxtablet {
    margin-left: 2rem !important;
  }
}

@media (max-width: 1090px) {
  .mb2-maxtablet {
    margin-bottom: 2rem !important;
  }
}

@media (max-width: 1090px) {
  .mr2-maxtablet {
    margin-right: 2rem !important;
  }
}

@media (max-width: 1090px) {
  .mt2-maxtablet {
    margin-top: 2rem !important;
  }
}

@media (max-width: 1090px) {
  .mx2-maxtablet {
    margin-inline: 2rem !important;
  }
}

@media (max-width: 1090px) {
  .my2-maxtablet {
    margin-block: 2rem !important;
  }
}

@media (max-width: 1090px) {
  .h3-maxtablet {
    height: 30vh !important;
  }
}

@media (max-width: 1090px) {
  .m3-maxtablet {
    margin: 3rem !important;
  }
}

@media (max-width: 1090px) {
  .ml3-maxtablet {
    margin-left: 3rem !important;
  }
}

@media (max-width: 1090px) {
  .mb3-maxtablet {
    margin-bottom: 3rem !important;
  }
}

@media (max-width: 1090px) {
  .mr3-maxtablet {
    margin-right: 3rem !important;
  }
}

@media (max-width: 1090px) {
  .mt3-maxtablet {
    margin-top: 3rem !important;
  }
}

@media (max-width: 1090px) {
  .mx3-maxtablet {
    margin-inline: 3rem !important;
  }
}

@media (max-width: 1090px) {
  .my3-maxtablet {
    margin-block: 3rem !important;
  }
}

@media (max-width: 1090px) {
  .h4-maxtablet {
    height: 40vh !important;
  }
}

@media (max-width: 1090px) {
  .m4-maxtablet {
    margin: 4rem !important;
  }
}

@media (max-width: 1090px) {
  .ml4-maxtablet {
    margin-left: 4rem !important;
  }
}

@media (max-width: 1090px) {
  .mb4-maxtablet {
    margin-bottom: 4rem !important;
  }
}

@media (max-width: 1090px) {
  .mr4-maxtablet {
    margin-right: 4rem !important;
  }
}

@media (max-width: 1090px) {
  .mt4-maxtablet {
    margin-top: 4rem !important;
  }
}

@media (max-width: 1090px) {
  .mx4-maxtablet {
    margin-inline: 4rem !important;
  }
}

@media (max-width: 1090px) {
  .my4-maxtablet {
    margin-block: 4rem !important;
  }
}

@media (max-width: 1090px) {
  .h5-maxtablet {
    height: 50vh !important;
  }
}

@media (max-width: 1090px) {
  .m5-maxtablet {
    margin: 5rem !important;
  }
}

@media (max-width: 1090px) {
  .ml5-maxtablet {
    margin-left: 5rem !important;
  }
}

@media (max-width: 1090px) {
  .mb5-maxtablet {
    margin-bottom: 5rem !important;
  }
}

@media (max-width: 1090px) {
  .mr5-maxtablet {
    margin-right: 5rem !important;
  }
}

@media (max-width: 1090px) {
  .mt5-maxtablet {
    margin-top: 5rem !important;
  }
}

@media (max-width: 1090px) {
  .mx5-maxtablet {
    margin-inline: 5rem !important;
  }
}

@media (max-width: 1090px) {
  .my5-maxtablet {
    margin-block: 5rem !important;
  }
}

@media (max-width: 1090px) {
  .h6-maxtablet {
    height: 60vh !important;
  }
}

@media (max-width: 1090px) {
  .m6-maxtablet {
    margin: 6rem !important;
  }
}

@media (max-width: 1090px) {
  .ml6-maxtablet {
    margin-left: 6rem !important;
  }
}

@media (max-width: 1090px) {
  .mb6-maxtablet {
    margin-bottom: 6rem !important;
  }
}

@media (max-width: 1090px) {
  .mr6-maxtablet {
    margin-right: 6rem !important;
  }
}

@media (max-width: 1090px) {
  .mt6-maxtablet {
    margin-top: 6rem !important;
  }
}

@media (max-width: 1090px) {
  .mx6-maxtablet {
    margin-inline: 6rem !important;
  }
}

@media (max-width: 1090px) {
  .my6-maxtablet {
    margin-block: 6rem !important;
  }
}

@media (max-width: 1090px) {
  .h7-maxtablet {
    height: 70vh !important;
  }
}

@media (max-width: 1090px) {
  .m7-maxtablet {
    margin: 7rem !important;
  }
}

@media (max-width: 1090px) {
  .ml7-maxtablet {
    margin-left: 7rem !important;
  }
}

@media (max-width: 1090px) {
  .mb7-maxtablet {
    margin-bottom: 7rem !important;
  }
}

@media (max-width: 1090px) {
  .mr7-maxtablet {
    margin-right: 7rem !important;
  }
}

@media (max-width: 1090px) {
  .mt7-maxtablet {
    margin-top: 7rem !important;
  }
}

@media (max-width: 1090px) {
  .mx7-maxtablet {
    margin-inline: 7rem !important;
  }
}

@media (max-width: 1090px) {
  .my7-maxtablet {
    margin-block: 7rem !important;
  }
}

@media (max-width: 1090px) {
  .h8-maxtablet {
    height: 80vh !important;
  }
}

@media (max-width: 1090px) {
  .m8-maxtablet {
    margin: 8rem !important;
  }
}

@media (max-width: 1090px) {
  .ml8-maxtablet {
    margin-left: 8rem !important;
  }
}

@media (max-width: 1090px) {
  .mb8-maxtablet {
    margin-bottom: 8rem !important;
  }
}

@media (max-width: 1090px) {
  .mr8-maxtablet {
    margin-right: 8rem !important;
  }
}

@media (max-width: 1090px) {
  .mt8-maxtablet {
    margin-top: 8rem !important;
  }
}

@media (max-width: 1090px) {
  .mx8-maxtablet {
    margin-inline: 8rem !important;
  }
}

@media (max-width: 1090px) {
  .my8-maxtablet {
    margin-block: 8rem !important;
  }
}

@media (max-width: 1090px) {
  .h9-maxtablet {
    height: 90vh !important;
  }
}

@media (max-width: 1090px) {
  .m9-maxtablet {
    margin: 9rem !important;
  }
}

@media (max-width: 1090px) {
  .ml9-maxtablet {
    margin-left: 9rem !important;
  }
}

@media (max-width: 1090px) {
  .mb9-maxtablet {
    margin-bottom: 9rem !important;
  }
}

@media (max-width: 1090px) {
  .mr9-maxtablet {
    margin-right: 9rem !important;
  }
}

@media (max-width: 1090px) {
  .mt9-maxtablet {
    margin-top: 9rem !important;
  }
}

@media (max-width: 1090px) {
  .mx9-maxtablet {
    margin-inline: 9rem !important;
  }
}

@media (max-width: 1090px) {
  .my9-maxtablet {
    margin-block: 9rem !important;
  }
}

@media (max-width: 1090px) {
  .h10-maxtablet {
    height: 100vh !important;
  }
}

@media (max-width: 1090px) {
  .m10-maxtablet {
    margin: 10rem !important;
  }
}

@media (max-width: 1090px) {
  .ml10-maxtablet {
    margin-left: 10rem !important;
  }
}

@media (max-width: 1090px) {
  .mb10-maxtablet {
    margin-bottom: 10rem !important;
  }
}

@media (max-width: 1090px) {
  .mr10-maxtablet {
    margin-right: 10rem !important;
  }
}

@media (max-width: 1090px) {
  .mt10-maxtablet {
    margin-top: 10rem !important;
  }
}

@media (max-width: 1090px) {
  .mx10-maxtablet {
    margin-inline: 10rem !important;
  }
}

@media (max-width: 1090px) {
  .my10-maxtablet {
    margin-block: 10rem !important;
  }
}

.z0 {
  position: relative;
  z-index: 0 !important;
}

.z-0 {
  position: relative;
  z-index: 0 !important;
}

.z1 {
  position: relative;
  z-index: 1 !important;
}

.z-1 {
  position: relative;
  z-index: -1 !important;
}

.z2 {
  position: relative;
  z-index: 2 !important;
}

.z-2 {
  position: relative;
  z-index: -2 !important;
}

.z3 {
  position: relative;
  z-index: 3 !important;
}

.z-3 {
  position: relative;
  z-index: -3 !important;
}

.p1 {
  padding: 1rem !important;
}

.pl1 {
  padding-left: 1rem !important;
}

.pb1 {
  padding-bottom: 1rem !important;
}

.pr1 {
  padding-right: 1rem !important;
}

.pt1 {
  padding-top: 1rem !important;
}

.px1 {
  padding-inline: 1rem !important;
}

.py1 {
  padding-block: 1rem !important;
}

.p2 {
  padding: 2rem !important;
}

.pl2 {
  padding-left: 2rem !important;
}

.pb2 {
  padding-bottom: 2rem !important;
}

.pr2 {
  padding-right: 2rem !important;
}

.pt2 {
  padding-top: 2rem !important;
}

.px2 {
  padding-inline: 2rem !important;
}

.py2 {
  padding-block: 2rem !important;
}

.p3 {
  padding: 3rem !important;
}

.pl3 {
  padding-left: 3rem !important;
}

.pb3 {
  padding-bottom: 3rem !important;
}

.pr3 {
  padding-right: 3rem !important;
}

.pt3 {
  padding-top: 3rem !important;
}

.px3 {
  padding-inline: 3rem !important;
}

.py3 {
  padding-block: 3rem !important;
}

.p4 {
  padding: 4rem !important;
}

.pl4 {
  padding-left: 4rem !important;
}

.pb4 {
  padding-bottom: 4rem !important;
}

.pr4 {
  padding-right: 4rem !important;
}

.pt4 {
  padding-top: 4rem !important;
}

.px4 {
  padding-inline: 4rem !important;
}

.py4 {
  padding-block: 4rem !important;
}

.p5 {
  padding: 5rem !important;
}

.pl5 {
  padding-left: 5rem !important;
}

.pb5 {
  padding-bottom: 5rem !important;
}

.pr5 {
  padding-right: 5rem !important;
}

.pt5 {
  padding-top: 5rem !important;
}

.px5 {
  padding-inline: 5rem !important;
}

.py5 {
  padding-block: 5rem !important;
}

.relative {
  position: relative;
}

.color-white {
  color: #FFF !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.w0 {
  width: 0% !important;
}

@media (max-width: 1090px) {
  .w0-maxtablet {
    width: 0% !important;
  }
}

.w5 {
  width: 5% !important;
}

@media (max-width: 1090px) {
  .w5-maxtablet {
    width: 5% !important;
  }
}

.w10 {
  width: 10% !important;
}

@media (max-width: 1090px) {
  .w10-maxtablet {
    width: 10% !important;
  }
}

.w15 {
  width: 15% !important;
}

@media (max-width: 1090px) {
  .w15-maxtablet {
    width: 15% !important;
  }
}

.w20 {
  width: 20% !important;
}

@media (max-width: 1090px) {
  .w20-maxtablet {
    width: 20% !important;
  }
}

.w25 {
  width: 25% !important;
}

@media (max-width: 1090px) {
  .w25-maxtablet {
    width: 25% !important;
  }
}

.w30 {
  width: 30% !important;
}

@media (max-width: 1090px) {
  .w30-maxtablet {
    width: 30% !important;
  }
}

.w35 {
  width: 35% !important;
}

@media (max-width: 1090px) {
  .w35-maxtablet {
    width: 35% !important;
  }
}

.w40 {
  width: 40% !important;
}

@media (max-width: 1090px) {
  .w40-maxtablet {
    width: 40% !important;
  }
}

.w45 {
  width: 45% !important;
}

@media (max-width: 1090px) {
  .w45-maxtablet {
    width: 45% !important;
  }
}

.w50 {
  width: 50% !important;
}

@media (max-width: 1090px) {
  .w50-maxtablet {
    width: 50% !important;
  }
}

.w55 {
  width: 55% !important;
}

@media (max-width: 1090px) {
  .w55-maxtablet {
    width: 55% !important;
  }
}

.w60 {
  width: 60% !important;
}

@media (max-width: 1090px) {
  .w60-maxtablet {
    width: 60% !important;
  }
}

.w65 {
  width: 65% !important;
}

@media (max-width: 1090px) {
  .w65-maxtablet {
    width: 65% !important;
  }
}

.w70 {
  width: 70% !important;
}

@media (max-width: 1090px) {
  .w70-maxtablet {
    width: 70% !important;
  }
}

.w75 {
  width: 75% !important;
}

@media (max-width: 1090px) {
  .w75-maxtablet {
    width: 75% !important;
  }
}

.w80 {
  width: 80% !important;
}

@media (max-width: 1090px) {
  .w80-maxtablet {
    width: 80% !important;
  }
}

.w85 {
  width: 85% !important;
}

@media (max-width: 1090px) {
  .w85-maxtablet {
    width: 85% !important;
  }
}

.w90 {
  width: 90% !important;
}

@media (max-width: 1090px) {
  .w90-maxtablet {
    width: 90% !important;
  }
}

.w95 {
  width: 95% !important;
}

@media (max-width: 1090px) {
  .w95-maxtablet {
    width: 95% !important;
  }
}

.w100 {
  width: 100% !important;
}

@media (max-width: 1090px) {
  .w100-maxtablet {
    width: 100% !important;
  }
}

.w-fit {
  width: fit-content;
}

.d-none {
  display: none !important;
}

.wmincontent {
  width: min-content !important;
}

.hmincontent {
  height: min-content !important;
}

.wmaxcontent {
  width: max-content !important;
}

.hmaxcontent {
  height: max-content !important;
}

.title {
  text-align: center;
  font-size: var(--font-grande);
}

.text-l {
  text-align: left;
}

.text-r {
  text-align: right;
}

.secondarytitle {
  text-align: left;
  margin-bottom: 2rem;
  font-size: var(--font-grande);
}

.bg-attach-fix {
  background-attachment: fixed;
}

.gridcenter {
  grid-column: 1/-1 !important;
  width: 100% !important;
}

.w-100 {
  width: 100%;
}

.dflex,
.d-flex {
  display: flex !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-between {
  justify-content: space-between !important;
}

.align-center {
  align-items: center !important;
}

.align-baseline {
  align-items: baseline !important;
}

.dcenter {
  display: flex !important;
  justify-content: center !important;
}

.dcol {
  display: flex;
  flex-direction: column !important;
}

.drow {
  display: flex;
  flex-direction: row !important;
}

.relative {
  position: relative;
}

.dcolcenter {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
}

.color-grey {
  color: var(--grey-color) !important;
}

.relative {
  position: relative;
}

.check {
  font-size: 1.2rem !important;
  display: inline-block;
  color: #FF9933;
  transform: translateY(4px);
}

.leermas {
  text-decoration: underline;
  font-size: 10px;
  cursor: pointer;
  transition: color 150ms ease-in-out;
}
.leermas svg {
  color: var(--dorado);
  margin-left: 5px;
  font-size: 1.2rem;
  margin-bottom: 5px;
}
.leermas:hover {
  color: var(--stronggreen-color) !important;
}

.center-child {
  display: grid;
  place-items: center;
}

.tituloImagen {
  font-size: var(--font-gigante) !important;
}

.tituloSection {
  font-size: var(--font-mediana2) !important;
}

.subtituloSection {
  font-size: var(--font-mediana) !important;
}

.parrafoSection {
  font-size: var(--font-normal) !important;
}

.tituloBox {
  margin-bottom: 1rem;
  color: white;
  text-align: center;
  font-size: var(--font-grande);
  background-color: var(--stronggreen-color);
  padding: 1rem;
  border-radius: 5px;
}

@media (max-width: 630px) {
  .mobile-dnone {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  background: var(--orange-color) !important;
}

.separador {
  display: grid;
  grid-template-columns: 30% 60%;
  grid-column-gap: 10%;
  color: white;
}
.separador .title {
  grid-column: 1/-1;
  font-weight: 500;
  font-size: var(--font-grande);
}

.btnGreen {
  background: var(--primary-color);
  border-radius: 15px;
  border: none;
  transition: all ease 0.3s;
  color: #fff !important;
  font-weight: 400;
  font-size: var(--font-boton);
  margin-top: 1rem;
  max-height: 3rem;
}
.btnGreen a {
  color: #fff !important;
  text-decoration: none;
  outline: none;
  position: relative;
  font-weight: 400;
  font-size: var(--font-boton);
  padding: 1rem;
  text-align: center;
}
.btnGreen:hover {
  background: #14317f;
}

.btnPrimary {
  background: var(--primary-color);
  border-radius: 15px;
  border: none;
  transition: all ease 0.3s;
  color: #fff !important;
  font-weight: 400;
  font-size: var(--font-boton);
  padding: 0.4rem;
  border-radius: 10px;
  font-size: var(--font-chica);
}
.btnPrimary a {
  color: #fff !important;
  text-decoration: none;
  outline: none;
  position: relative;
  font-weight: 400;
  font-size: var(--font-boton);
  padding: 1rem;
  text-align: center;
}
.btnPrimary:hover {
  background: #14317f;
}

.btnWhite {
  background: #fff !important;
  border-radius: 15px;
  border: none;
  transition: all ease 0.3s;
  color: var(--orange-color) !important;
  font-weight: 400;
  font-size: var(--font-boton);
  padding: 0.4rem;
  border-radius: 10px;
  font-size: var(--font-chica);
  border: 1px solid var(--orange-color);
}
.btnWhite a {
  color: var(--orange-color) !important;
  text-decoration: none;
  outline: none;
  position: relative;
  font-weight: 400;
  font-size: var(--font-boton);
  padding: 1rem;
  text-align: center;
}
.btnWhite:hover {
  background: #f88c1f;
}

.radio1 {
  position: relative;
  margin-right: 0.4rem;
  background-color: transparent;
}

input[type=radio]:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: white;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}

input[type=radio]:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #ffa500;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}