:root {
  --color-base: rgb(181, 141, 23);
  --color-degradado: rgb(180, 141, 23, 0.4);
  --surface-color: rgb(180, 141, 23, 0.9);
  --arc-color: rgb(180, 141, 23);
  --curve: 40;
  --fNormal: 1rem;
  --fTitulos: 3rem;
  --fSubtitulos: 1.5rem;
  --altoLinea: 2rem;
  --logoBlanco: url("../img/logoBlanco.webp");
  --lineaBlanca: url("../img/title-after-blanco.svg");
}

body {
  background-color: #f4f6f9;
  font-family: "Montserrat Regular", sans-serif;
  font-size: var(--fNormal);
  color: #6f767c;
}

a {
  text-decoration: none;
  /* color: white; */
}

.fondo {
  height: 30rem;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /* background-attachment: fixed; */
}

.imagen-responsiva {
  width: 100%;
  height: auto;
  display: block;
}
.txt-block .titulos {
  font-size: 2.5rem;
}

.linksIEE a:hover {
  color: #b1a889 !important;
}

.linksIEEHeader {
  background-color: #404040 !important;
  color: #c7c7c7 !important;
}

.navbarIEE {
  color: gray;
}

.tamaniologo {
  width: 10rem;
}

.toggleImg {
  content: var(--logoBlanco);
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1) !important;
}

.nav-link:focus,
.nav-link:hover {
  color: #e3cfb6 !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
  /* color: #fff !important; */
  background-color: #e3cfb6 !important;
}

.titulo-uxui {
  font-weight: 700;
  font-size: 2.5rem;
  color: #343a40;
  position: relative;
  max-width: 700px;
}

.linea-decorativa {
  display: block;
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, #81a8aa, #5e8385);
  margin: 0.75rem auto 0;
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: center;
  animation: lineaExpandir 1s forwards ease-out;
}
.text-purple {
  color: #986fa9;
}

@keyframes lineaExpandir {
  to {
    transform: scaleX(1);
  }
}

@media (max-width: 576px) {
  .titulo-uxui {
    font-size: 1.8rem;
    max-width: 100%;
  }
  .linea-decorativa {
    width: 50px;
    height: 2px;
  }
}

@media screen and (max-width: 1279px) {
  .texto-accesos {
    display: none;
  }
}

@media all and (min-width: 1400px) {
  .dropdown-menu li {
    position: relative;
  }

  .dropdown-menu .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
  }

  .dropdown-menu .submenu-left {
    right: 100%;
    left: auto;
  }

  .dropdown-menu > li:hover {
    background-color: #f1f1f1;
  }

  .dropdown-menu > li:hover > .submenu {
    display: block;
  }

  .navbar .nav-item .menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
  }

  .navbar .nav-item:hover .menu {
    opacity: 1;
    visibility: visible;
    transform: rotateX(0deg);
  }

  .mapa {
    width: 300px !important;
  }

  .tamaño {
    height: 25vh !important;
  }

  .tamañoimg {
    height: 25vh !important;
  }
}

@media (min-width: 300px) {
  .mapa {
    width: 300px !important;
  }

  .tamaño {
    height: 25vh !important;
  }

  .tamañoimg {
    height: 25vh !important;
  }
}

@media (min-width: 576px) {
  .mapa {
    width: 300px !important;
  }

  .tamaño {
    height: 25vh !important;
  }

  .tamañoimg {
    height: 25vh !important;
  }
}

@media (min-width: 768px) {
  .mapa {
    width: 300px !important;
  }

  .tamaño {
    height: 25vh !important;
  }

  .tamañoimg {
    height: 25vh !important;
  }
}

@media (min-width: 992px) {
  .mapa {
    width: 300px !important;
  }

  .tamaño {
    height: 25vh !important;
  }

  .tamañoimg {
    height: 25vh !important;
  }
}

@media (min-width: 1200px) {
  .mapa {
    width: 300px !important;
  }

  .tamaño {
    height: 25vh !important;
  }

  .tamañoimg {
    height: 25vh !important;
  }
}

@media (min-width: 1400px) {
  .mapa {
    width: 300px !important;
  }

  .tamaño {
    height: 25vh !important;
  }

  .tamañoimg {
    height: 25vh !important;
  }
}

/*redes sociales*/

.social-bar {
  position: fixed;
  top: 62%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
}

.social-bar a {
  display: block;
  text-align: center;
  padding: 9px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.social-bar a:hover {
  background-color: #43b7a4;
}

.facebook {
  background: #3b5998;
  color: white;
  border-radius: 0px 15px 0px 0px;
}

.twitter {
  background: #55acee;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

.tiktok {
  background: #000000;
  color: white;
}

.spotify {
  background: #1ed760;
  color: white;
  border-radius: 0px 0px 15px 0px;
}

/* Inicio Opiniones */

.seccionOpiniones {
  padding-top: 10vh;
  padding-bottom: 15vh;
}

.divOpiniones {
  border-radius: 2rem !important;
  background-color: white;
  padding: 1.5rem 2rem 1.5rem 2rem;
  box-shadow: 7px 7px 30px 0px rgba(0, 0, 0, 0.15);
}

.contactoOpiniones {
  border-radius: 2rem;
  background-color: #e3cfb6 !important;
  padding: 2rem;
  color: #5e5656 !important;
}

.contact-form .form-control {
  border-radius: 1rem;
}

.contact-image {
  text-align: center;
}

.contact-image img {
  border-radius: 1rem;
  width: 20%;
  margin-top: -3%;
}

textarea {
  font-size: 15px;
  width: 100%;
  min-height: auto !important;
  max-height: auto !important;
  height: 150px !important;
  padding-top: 20px !important;
}

.form-control {
  font-size: 15px;
  height: 60px;
  border: none;
  outline: none;
  padding-left: 20px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 10%);
  box-shadow: 0 1px 5px rgb(0 0 0 / 10%);
}

.form-group-flex {
  display: flex;
  flex-direction: column;
}

form label {
  order: 1;
}

form .app-form-control {
  order: 2;
}

.app-form-control {
  width: 100%;
  padding: 10px 0;
  background: none;
  border: none;
  border-bottom: 1.5px solid #666;
  outline: none;
  transition: border-color 0.2s;
}

.app-form-control::placeholder {
  color: #ddd;
}

.app-form-control:focus {
  border-bottom-color: var(--color-base);
}

.app-form-control:focus + label {
  transition: color 0.2s;
  color: var(--color-base);
}

.form-check-input:checked {
  background-color: var(--color-base);
  border-color: var(--color-base);
}

.form-check-input:focus {
  border-color: var(--color-base);
  outline: 0;
  box-shadow: 0 0 0 0.25rem var(--color-degradado);
}

.linea {
  background-color: #8a68a5;
  height: 3px;
  width: 20%;
}

.lineaInfo {
  background-color: #e7dfd3;
  height: 3px;
  width: 15%;
}

/*Nos interesa tu opinion*/
.titulos {
  font-size: var(--fTitulos);
  line-height: 3.5rem;
  position: relative;
  /* padding-bottom: 20px; */
  display: flex !important;
}

.subTitulos {
  font-size: var(--fSubtitulos);
  line-height: 2.5rem;
}

.btnIEE2 {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-box-shadow: 0 20px 30px 0 rgb(67 37 204/20%);
  box-shadow: 0 20px 30px 0 rgb(255 200 34/20%);
  color: #000;
  background: #e2ceb5;
  border: 2px solid #e2ceb5;
  padding: none;
}

.btnIEE2:hover {
  cursor: pointer;
  box-shadow: 0 20px 30px 0 rgb(126 145 142 / 38%);
  background: #56b9b4;
  color: rgb(255, 255, 255);
  border-color: #56b9b4;
}

/* ============ small devices ============ */

@media (max-width: 650px) {
  .tamaniologo {
    width: 8rem;
  }

  .mapa {
    width: 300px !important;
  }

  .tamaño {
    height: 25vh !important;
  }

  .tamañoimg {
    height: 25vh !important;
  }
}

/*footer*/

.bg-footer {
  background-color: #f8f9faa3;
}

.footerLinks h1 {
  font-size: 1rem;
}

#redes {
  /*position: fixed;*/
  top: 50%;
  text-align: right;
  width: 120%;
}

#redes a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  display: inline-block;
  position: relative;
  border-radius: 50%;
  background-color: #6c757d;
}

#redes a .fab,
#redes a .fa-brands,
#redes a .fa-solid {
  color: #fff;
}

#redes a:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  z-index: 7;
}

#redes a span {
  position: absolute;
  left: 50%;
  color: #fff;
  display: none;
  border-bottom: 2px solid #b08800;
  padding-bottom: 8px;
  background-color: #555;
  top: -30px;
  height: 20px;
  line-height: 20px;
  border-radius: 5px;
  font-size: 80%;
  white-space: nowrap;
}

#redes .facebook:hover {
  background-color: #3b5998;
}

#redes .twitter:hover {
  background-color: #55acee;
}

#redes .youtube:hover {
  background-color: #ff0000;
}

#redes .periscope:hover {
  background-color: #40a4c4;
}

#redes .tiktok:hover {
  background-color: black;
}

#redes .maps:hover {
  background-color: #32a34f;
}

.footerLine {
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.mapa {
  height: 300px;
  width: 500px;
}

@media screen and (max-width: 479px) {
  .mapa {
    width: 300px !important;
  }
}

/*header*/

@media screen and (max-width: 1279px) {
  .mapa {
    width: 300px !important;
  }

  .tamaño {
    height: 25vh !important;
  }

  .tamañoimg {
    height: 25vh !important;
  }
}

@media (min-width: 321px) and (max-width: 413.95px) {
  .social-bar a {
    padding: 8px !important;
  }

  .mapa {
    width: 300px !important;
  }

  .tamaño {
    height: 25vh !important;
  }

  .tamañoimg {
    height: 25vh !important;
  }
}

@media (max-width: 1399px) {
  .dropdown-menu .dropdown-menu {
    margin-left: 0.7rem;
    margin-right: 0.7rem;
    margin-bottom: 0.5rem;
  }

  .logo {
    margin-right: 0rem;
  }

  .mapa {
    width: 300px !important;
  }

  .tamaño {
    height: 25vh !important;
  }

  .tamañoimg {
    height: 25vh !important;
  }
}

@media (max-width: 400px) {
  .mapa {
    width: 300px !important;
  }

  .tamaño {
    height: 25vh !important;
  }

  .tamañoimg {
    height: 25vh !important;
  }
}

/* Estilos de cards */
/* Cards Total de personas sancionadas */
.cardConteo:hover {
  color: #fff !important;
  background-color: #8a68a5 !important;
  /* cursor: pointer !important; */
}

.cardTotal {
  border-radius: 15px;
  box-shadow: 0 5px 26px 0 rgb(0 0 0/15%);
  color: #fff !important;
}

.cardMH {
  border-radius: 15px;
  box-shadow: 0 5px 26px 0 rgba(0, 0, 0, 0.142);
  color: #8a68a5 !important;
  height: 100% !important;
  width: 100% !important;
}

/* Espacio de Card */
.espacio {
  padding-left: 4vw;
  padding-right: 4vw;
}

/* Image de Card */
.imgSancionada {
  background-image: url("../img/0000.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.cardpresentation {
  min-height: fit-content !important;
  width: 100% !important;
  height: 100% !important;
  display: flex;
  justify-content: center;
  padding: 3rem;
}

.letracardpre {
  font-size: 20px !important;
  font-weight: 500;
  color: #716f6f !important;
  height: 45%;
  text-align: center !important;
  margin-left: 25%;
  width: 800px;
  line-height: 2.2;
  text-transform: uppercase;
  /* text-transform: lowercase; */
}

.spaceImage {
  padding-bottom: 2rem;
  padding-top: 0.01rem;
  margin-top: -3rem;
}

@media (max-width: 820px) {
  .letracardpre {
    font-size: 14px !important;
    font-weight: 500;
    color: #6d6b6b !important;
    height: 60%;
    text-align: center !important;
    margin-left: 13%;
    width: 600px;
    line-height: 2.1;
    text-transform: uppercase;
    /* text-transform: lowercase; */
  }
}

@media (max-width: 768px) {
  .letracardpre {
    font-size: 14px !important;
    font-weight: 500;
    color: #6d6b6b !important;
    height: 60%;
    text-align: center !important;
    margin-left: 13%;
    width: 600px;
    line-height: 2.1;
    text-transform: uppercase;
    /* text-transform: lowercase; */
  }
}

@media (max-width: 375px) {
  .letracardpre {
    font-size: 12px !important;
    font-weight: 600;
    color: #8a68a5 !important;
    height: 100%;
    text-align: center !important;
    margin-left: 1%;
    padding: 1rem;
    width: 300px;
    line-height: 2.1;
    text-transform: uppercase;
    /* text-transform: lowercase; */
  }

  .imgSancionada {
    background-image: url("../img/p3.jpg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
}

/* .bloque{
    display:block !important;
} */

.letraCardSancion {
  text-align: center !important;
  font-size: 2rem !important;
}

.letraCardSancionTotalHM {
  text-align: center !important;
  font-size: 1.25rem !important;
}

.letraCardSancionTotal {
  text-align: center !important;
  font-size: 5rem !important;
  position: relative !important;
}

.letraFecha {
  bottom: 2px !important;
  font-size: 1rem !important;
  text-align: center !important;
}

@media (max-width: 375px) {
  .letraCardSancion {
    text-align: center !important;
    font-size: 20px !important;
  }

  .letraCardSancionTotalHM {
    text-align: center !important;
    font-size: 15px !important;
  }

  .letraCardSancionTotal {
    text-align: center !important;
    font-size: 15px !important;
    position: relative !important;
  }

  .letraFecha {
    bottom: 2px !important;
    font-size: 12px !important;
    text-align: center !important;
  }
}

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

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

/* Banner Mujeres Electas Cards Sitios de Interes */

.cardSitios {
  border-radius: 20px !important;
  width: 250px;
  height: 250px;
  padding: 1.5rem;
  position: relative;
  align-items: flex-end;
  transition: 0.4s ease-out;
  opacity: 0.6;
}

.cardSitios:hover {
  opacity: 1;
}

.cardSitios img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.sitios {
  background-color: #f8f1fd;
  padding-bottom: 2rem;
  padding-top: 4rem;
}

@media (max-width: 400px) {
  .linea.lineaMargin {
    margin: 6.2rem;
  }

  .mapa {
    width: 300px !important;
  }

  .tamaño {
    height: 25vh !important;
  }

  .tamañoimg {
    height: 25vh !important;
  }
}

/* Graficas */
.grafica1 {
  display: block !important;
  box-sizing: border-box !important;
  /* height: 37vh !important;
    width: 67vh !important; */
  margin-top: 4rem !important;
}

.rowGrafica1 {
  justify-content: center !important;
  height: 350px !important;
  width: 100% !important;
  margin-bottom: 10rem !important;
}

.rowGrafica2 {
  height: 350px !important;
  width: 100% !important;
  justify-content: center !important;
}

.grafica2 {
  display: block;
  box-sizing: border-box;
  height: 243px;
  width: 486px;
  margin-top: 2rem;
}

/* SVG */
.clasex {
  width: 690px !important;
  height: 800px !important;
  display: flex;
  justify-content: center !important;
}

@media (max-width: 450px) {
  .clasex {
    width: 324px !important;
    height: 380px !important;
  }
}

/* .styleCardMapa{
    fill:#a5904a !important;
    stroke-width: 2 !important;
} */

.styleCardMapa2024 {
  /* fill: #96771a !important; */
  fill: #986fa9 !important;
  stroke-width: 1.3 !important;
}

.styleCardMapa2024:hover {
  fill: #b276cb !important;
  position: relative;
  stroke: #3c300a !important;
  stroke-width: 3 !important;
}

.styleCardMapa2025 {
  /* fill: #96771a !important; */
  fill: #81a8aa !important;
  stroke-width: 1.3 !important;
}

.styleCardMapa2025:hover {
  fill: #81c2c5 !important;
  position: relative;
  stroke: #3c300a !important;
  stroke-width: 3 !important;
}
.btn-custom-excel {
  background-color: #81a8aa; /* verde oscuro típico Excel */
  border-color: #81a8aa;
  color: white;
}

.btn-custom-excel:hover {
  background-color: #81c2c5;
  border-color: #81c2c5;
  color: white;
}

.prueba_toolpic {
  border-radius: 8px;
  border: 2px solid #aba277;
  position: fixed;
  display: none;
  width: 18rem;
}

@media (max-width: 820px) {
  .prueba_toolpic {
    border-radius: 8px;
    border: 2px solid #989068;
    position: fixed;
    display: none;
    width: 18rem;
  }
}

@media (max-width: 768px) {
  .prueba_toolpic {
    border-radius: 8px;
    border: 2px solid #989068;
    position: fixed;
    display: none;
    width: 15rem;
  }
}

@media (max-width: 375px) {
  .prueba_toolpic {
    border-radius: 8px;
    border: 2px solid #989068;
    position: fixed;
    display: none;
    width: 8rem;
    font-size: 9px;
  }
}

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

/* .mapaLetra {
    font-size: 22px !important;
    text-align: center !important;
} */

.txtMapaTop {
  font-size: 18px !important;
  text-align: center !important;
  margin-bottom: 1.5rem !important;
}

.txtMapaBottom {
  font-size: 16px !important;
  text-align: justify !important;
  margin-top: 2rem !important;
}

/* Micrositio 3 */
.sectionPresentation {
  position: relative !important;
}

/* Espacio (Saltos) */
.saltos {
  margin-top: 7rem !important;
}

.contenedor {
  width: 90%;
  max-width: 1200px;
  overflow: hidden;
  margin: auto;
  padding: 60px 0;
}

.shadow-img {
  border-radius: 10px !important;
  box-shadow: 7px 7px 9px 0px rgba(0, 0, 0, 0.5);
}
.contenedorGraficas {
  margin-top: 2rem !important;
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

.espacioCards {
  margin-top: 33rem !important;
}

.appear-animation-visible {
  opacity: 1;
}

.fondoBanner {
  background-image: url("../img/fondos/M32.jpg");
  background-size: cover !important;
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
  width: 100% !important;
  height: 35rem !important;
  transform: translate3d(0px, -70.2991px, 0px) !important;
  background-position-x: 50% !important;
}

.imgFondo {
  right: 0%;
  position: absolute;
  top: 0%;
  opacity: 1;
}

.imgBanner {
  width: 119rem !important;
}

.texto-Titulo {
  background-color: #000;
  line-height: 5rem;
}

.custom-text-background {
  background-repeat: repeat;
  background-size: 100%;
  background-position: 20% 30%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.textMicro {
  font-size: 4.33em !important;
  letter-spacing: -0.025em !important;
  font-weight: 800 !important;
  color: #989068 !important;
  position: absolute;
  top: 9rem;
  text-transform: uppercase;
  margin-left: 3% !important;
  margin-right: 22% !important;
}

.micro1 {
  border-radius: 1rem !important;
  background-color: white;
  color: #6f767cf3;
  padding: 0.5rem 0.7rem 0.5rem 0.7rem;
  box-shadow: 7px 7px 30px 0px rgba(0, 0, 0, 0.15);
  text-align: justify !important;
}

.cardBanner {
  width: 19rem !important;
  height: 9rem !important;
}

.micro1:hover {
  color: #fff !important;
  background-color: #96771a !important;
}

.micro1:hover .iconMicro3 {
  color: #fff !important;
  /* background-color: #96771a !important; */
}

.espacioLateral {
  margin-right: 15rem !important;
  margin-left: 15rem !important;
}

.titulo1 {
  /* color: #6f767cf3; */
  text-align: center;
  font-weight: 600 !important;
}

.iconBoton {
  /* color: #989068 !important;  */
  margin-left: 0.5rem !important;
}

.iconDiv {
  /* margin-top: 1.5rem !important;  */
  margin-bottom: 1.5rem !important;
}

.iconMicro3 {
  color: #96771a;
  display: flex !important;
  justify-content: center !important;
}

.colorLiga {
  text-align: center !important;
  color: #989068 !important;
}

/* Video */
.contenedorVideo {
  width: 80% !important;
  /* max-width: 1200px !important; */
  overflow: hidden !important;
  margin: auto !important;
  padding: 1rem 0 !important;
}

.tamañoVideo {
  width: 30vw !important;
  height: 40vh !important;
  border-radius: 30px !important;
  box-shadow: 12px 16px 19px -2px rgb(0 0 0 / 21%) !important;
}

.imgFondoVideo {
  padding-bottom: 42px !important;
  background-image: url(../img/plantilla/fondo.webp);
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 37rem !important;
  padding-left: 9vh !important;
  margin-top: 2rem !important;
}

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

/* Card Informacion Video */
.cardTextVideo {
  width: 80vh !important;
  height: fit-content !important;
  text-align: justify !important;
  font-size: 1.1rem !important;
  /* max-width: 35vw; */
  background-color: #fff;
  /* border-radius: 24px 4px; */
  /* box-shadow: 3px 3px 17px 0 rgb(0 0 0/15%); */
  /* left: 3vh; */
  /* padding: 1rem !important; */
}

.espacioQuote {
  margin-left: 3rem;
}

.quote {
  position: relative !important;
  border-left: 4px solid #989068;
}

/* .theme-bg-light {
    background: #f6f8fc;
}  */

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

@media (max-width: 1024px) {
  .espacioCards {
    margin-top: 16rem !important;
  }

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

  .espacioCardsTablet {
    margin-top: 2rem;
  }

  .sectionPresentation {
    position: relative !important;
    overflow: hidden !important;
    height: 55rem !important;
  }

  .imgFondo {
    right: 0%;
    position: absolute;
    opacity: 1;
  }

  .imgBanner {
    width: 48rem !important;
  }

  .texto-Titulo {
    background-image: url("../img/fondos/M31.jpg");
    line-height: 2.5rem;
    max-width: 50%;
  }

  .textMicro {
    font-size: 2.5rem !important;
    letter-spacing: -0.025em !important;
    font-weight: 800 !important;
    color: #0c0c0c !important;
    position: absolute;
    top: 9rem;
    text-transform: uppercase;
    margin-left: 5.2%;
  }

  .custom-text-background {
    background-repeat: repeat;
    background-size: 100%;
    background-position: 20% 30%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  /* Videos */
  .imgFondoVideo {
    padding-bottom: 42px !important;
    background-image: url(../img/plantilla/fondo.webp);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 36rem !important;
    padding-left: 5vh !important;
    margin-top: 2rem !important;
  }

  .tamañoVideo {
    width: 60vw !important;
    height: 30vh !important;
    border-radius: 30px !important;
    box-shadow: 12px 16px 19px -2px rgb(0 0 0 / 21%) !important;
  }

  .contenedorVideo {
    width: 100% !important;
    /* max-width: 1200px !important; */
    overflow: hidden !important;
    margin: auto !important;
    padding: 1rem 0 !important;
  }

  .cardTextVideo {
    width: 60vh !important;
    height: fit-content !important;
    text-align: justify !important;
    font-size: 1.1rem !important;
    /* max-width: 35vw; */
    background-color: #fff;
    /* border-radius: 24px 4px;
        box-shadow: 3px 3px 17px 0 rgb(0 0 0/15%); */
    /* left: 3vh; */
    /* padding: 1rem !important; */
  }

  .tamañoCardVideo {
    margin-top: 0rem;
  }

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

  .espacioQuote {
    margin-left: 0.1rem;
  }

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

  /* Graficas */
  .grafica1 {
    display: block !important;
    box-sizing: border-box !important;
    /* height: 35vh !important;
        width: 35vh !important; */
    margin-top: 1.5rem !important;
  }

  .grafica2 {
    display: block;
    box-sizing: border-box;
    height: 243px;
    width: 486px;
    margin-top: -3rem !important;
  }

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

@media (max-width: 375px) {
  .fondoBanner {
    background-image: url(../img/fondos/M32.jpg);
    background-size: cover !important;
    position: absolute !important;
    top: 0px !important;
    left: 0px !important;
    width: 100% !important;
    height: 30rem !important;
    transform: translate3d(0px, -70.2991px, 0px) !important;
    background-position-x: 50% !important;
  }

  .espacioCards {
    margin-top: 20rem !important;
  }

  .sectionPresentation {
    position: relative !important;
    overflow: hidden !important;
    height: 81rem !important;
  }

  .espacioCardsTel {
    margin-top: 2rem;
  }

  .textMicro {
    font-size: 2rem !important;
    letter-spacing: -0.025em !important;
    font-weight: 800 !important;
    color: #0c0c0c !important;
    position: absolute;
    top: 4rem;
    text-transform: uppercase;
    margin-left: 5.2%;
  }

  .texto-Titulo {
    background-image: url(../img/fondos/M31.jpg);
    line-height: 2.5rem;
    max-width: 89%;
    text-align: center;
  }

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

  :root {
    --color-base: rgb(181, 141, 23);
    --color-degradado: rgb(180, 141, 23, 0.4);
    --surface-color: rgb(180, 141, 23, 0.9);
    --arc-color: rgb(180, 141, 23);
    --curve: 40;
    --fNormal: 1rem;
    --fTitulos: 2.2rem;
    --fSubtitulos: 1.5rem;
    --altoLinea: 2rem;
    --logoBlanco: url(../img/logoBlanco.webp);
    --lineaBlanca: url(../img/title-after-blanco.svg);
  }

  .titulos {
    font-size: var(--fTitulos);
    line-height: 2.9rem;
    position: relative;
    /* padding-bottom: 20px; */
    display: flex !important;
  }

  .cardTextVideo {
    width: 40vh !important;
    height: fit-content !important;
    text-align: justify !important;
    font-size: 1.1rem !important;
    /* max-width: 35vw; */
    background-color: #fff;
    /* border-radius: 24px 4px; */
    /* box-shadow: 3px 3px 17px 0 rgb(0 0 0/15%); */
    /* left: 3vh; */
    /* padding: 1rem !important; */
  }

  .saltosVideos {
    margin-top: -13rem !important;
  }

  .contenedorVideo {
    width: 100% !important;
    /* max-width: 1200px !important; */
    overflow: hidden !important;
    margin: auto !important;
    padding: 1rem 0 !important;
  }

  .imgFondoVideo {
    padding-bottom: 42px !important;
    background-image: url(../img/plantilla/fondo.webp);
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 24rem !important;
    padding-left: 0.1vh !important;
    margin-top: -0.1rem !important;
  }

  .tamañoVideo {
    width: 80vw !important;
    height: 30vh !important;
    border-radius: 30px !important;
    box-shadow: 12px 16px 19px -2px rgb(0 0 0 / 21%) !important;
  }

  .tamañoCardVideo {
    margin-top: 1rem;
  }

  .quote {
    position: relative !important;
    border-left: none;
  }

  /* Graficas */
  .grafica1 {
    display: block !important;
    box-sizing: border-box !important;
    /* height: 300px !important;
        width: 300px !important; */
    margin-top: -2rem !important;
  }

  .rowGrafica2 {
    height: 170px !important;
    width: 100% !important;
    justify-content: center !important;
  }

  .grafica2 {
    display: block;
    box-sizing: border-box;
    height: 243px;
    width: 486px;
    margin-top: -2rem !important;
  }

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

  .rowGrafica1 {
    justify-content: center !important;
    height: 200px !important;
    width: 100% !important;
    margin-top: 1rem !important;
    margin-bottom: 2rem !important;
  }
}