/*
 * Instituto Electoral del Estado de México
 * Unidad de Informática y Estadística
 * Departamento de Análisis, Desarrollo de Sistemas y Control de Calidad
  
    Created on : 10/07/2024, 10:22:02 AM
    Author     : Marcos



Clase personalizada para el contenido principal
*/

/*@import url("/red-digital/assets/css/css_reset-ba8afef9a76b1feeabb822b24dd1956a.css");*/
@import "https://fonts.googleapis.com/css2?family=Gochi+Hand&family=Lexend+Deca:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";
@import url("/red-digital/assets/fonts/Aller/stylesheet-11d28dea0d1b99f13bafb049e270b09e.css");

/*--alternos--*/
@media (prefers-reduced-motion: reduce){
  .html:focus-within {
      scroll-behavior: auto;
  } 
}

.body, .html{
  height: 100%; 
  scroll-behavior: smooth;
}
/*-----GENERALES-----*/
.html {
  font-size: 62.5%!important; 
  box-sizing: border-box;
}
.body {
  font-size: 1.6rem!important;
  font-family: "allerbold";
  line-height: normal;
  background-image: url(/red-digital/assets/img/bg-bd-3a48de801f4b50767d2ff4d1daa3941b.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  background-color: var(--bd-bg);
}
 
.center {
  text-align: center;
}
.bm_0 {
  margin-bottom: 0;
}

.icon {
  display: flex;
  font-family: 'icomoon';
}
/*-------*/



.encabezado {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 3rem 0; 
}

.content {
    font-size: 72.5%;
    box-sizing: border-box;
}
.custom-wrapper {
    background-image: url(/red-digital/assets/img/bg-bd-3a48de801f4b50767d2ff4d1daa3941b.png);  
    background-repeat: no-repeat;   
    background-size: cover;
}

.encabezado .logo_ieem {
  display: block;
  width: auto;
  height: 9rem;
  margin-right: 5rem;
}
.encabezado .logo_red {
  display: block;
  width: auto;
  height: 10rem;
}
@media screen and (min-width: 200px) and (max-width: 720px) {
  .encabezado .logo_ieem {
    height: 8.5em;
    margin-right: 3em;
  }
  .encabezado .logo_red {
    height: 8em;
  }
}

.main {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1280px;
  font-family: 'aller_lightregular';
}
.main h2, .main h3, .main h4, .main h5 {
  color: var(--blanco);
}
.main p {
  color: var(--blanco);
}
.main .logo_encuesta {
  display: block;
  width: auto;
  height: 25rem;
  margin: 3rem auto;
}
.main .logo_encuesta.medium {
  width: auto;
  height: 15rem;
}
.main .btn_naranja {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16rem;
  height: 7rem;
  margin: 5rem auto;
  transition: all 0.2s;
  font-family: "Gochi Hand", cursive;
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
  background-image: url(/red-digital/assets/img/btn_naranja-cabbbb9ff5e167589af06d15c947efdd.png);
  background-repeat: no-repeat;
  background-size: 100% 104%;
  background-position: center;
  text-shadow: 2px 0 #462409, -2px 0 #462409, 0 2px #462409, 0 -2px #462409, 1px 1px #462409, -1px -1px #462409, 1px -1px #462409, -1px 1px #462409;
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
  color: var(--blanco);
  font-size: 3.5rem; 
}
.main .btn_naranja.xl {
    width: 20rem;
    background-image: url(../img/btn_naranja-xl.png);
    font-size:3rem;
}
.main .btn_naranja:hover {
  transition: all 0.2s;
  transform: scale(1.3);
}

.main .graciasTxt {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  font-family: 'allerregular';
  text-align: center;
}
.main .graciasTxt span {
  background-color: #fb0394;
  padding: .5rem 2rem;
  border-radius: 1rem;
  hyphens: none;
  margin: 0 .5rem;
} 

@media screen and (min-width: 200px) and (max-width: 720px) {
  .main .logo_encuesta {
    width: 70%;
    min-width: 25em;
    height: auto;
  }
}
.main .btn_img {
  display: flex;
  flex: 1;
  width: 90%;
  min-width: 25em;
  max-width: 40em;
  margin: 0 auto;
}
.main .contenedor {
  display: flex;
  align-self: center;
  align-items: center;
}
.main .contenedor .bocina {
  margin-left: 1rem;
}
.main .contenedor .bocina a i:before {
  content: "";
  display: block;
  width: 4rem;
  height: 4rem;
  background-image: url(/red-digital/assets/img/bocina-faaa1a708719dc651f4dc044fcb07f08.png); 
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 200px) and (max-width: 720px) {
  .main .contenedor .bocina a i:before {
    width: 3rem;
    height: 3rem;
  }
}
.main .externos {
  display: block;
  width: 100%;  
  box-sizing: content-box;
}
.main .externos ul {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(min(30rem, 100%), 1fr));
  margin: 10rem auto;
  justify-items: center;  
  list-style: none;
  padding: 0;
}
.main .externos ul li .link {
  display: flex;
  width: 30rem;
  height: 5rem;
  padding: 1rem;
  justify-content: center;
  align-items: center;
  font-family: "Gochi Hand", cursive;
  font-weight: 400;
  font-style: normal;
  color: var(--blanco);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  text-shadow: 2px 0 #462409, -2px 0 #462409, 0 2px #462409, 0 -2px #462409, 1px 1px #462409, -1px -1px #462409, 1px -1px #462409, -1px 1px #462409;
  filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.5));
  font-size: 1.8rem;
  transition: all 0.5s;
}
.main .externos ul li .link:hover {
  transition: all 0.2s;
  transform: scale(1.3);
}
.main .externos ul li .link.btn_rojo {
  background-image: url(/red-digital/assets/img/btn_rojo-eb0fb7fbdb6fb2c82f43977bd04aa58e.png);
}
.main .externos ul li .link.btn_azul {
  background-image: url(/red-digital/assets/img/btn_azul-28e811cd823d2f5b93bbba69620f9a1a.png);
}
.main .externos ul li .link.btn_amarillo {
  background-image: url(/red-digital/assets/img/btn_amarillo-67828666cc67d5fc5aa329fa80a3ea01.png);
}
.main .externos ul li .link.btn_rosa {
  background-image: url(/red-digital/assets/img/btn_rosa-0b69040f3d03a82416a822804438714a.png);
}
.main .externos ul li .link.btn_verde {
  background-image: url(/red-digital/assets/img/btn_verde-1432f7a151616463fa8d715e265b8bd6.png);
}
.main .externos ul li .link.btn_agua {
  background-image: url(/red-digital/assets/img/btn_agua-fe842a222eb6d93a946243ddb20864fa.png);
}
.main form {
  display: block;
  width: 100%;
  max-width: 1280px;
  margin: 1rem auto;
  padding: 0 2rem;
  color: var(--blanco);
  text-align: center;
  font-size: 1.6rem;
}
.main form h2 {
  margin-bottom: 3rem;
  font-size: 2.5rem;
}
.main form .title {  
  align-self: center;
  align-items: center;
  font-size: 1.8rem;
}
.main form .title.sinDatos {  
    display: flex;
    flex: auto;
    justify-content: center;
    font-size: 2.5rem;
}
.main form .title.dp-flex {  
  align-self: center;
  align-items: center;
  font-size: 1.8rem;
}
.main form .title .bocina {
  margin-left: 1rem;
}
.main form .title .bocina a i:before {
  content: "";
  display: inline-block;
  width: 3rem;
  height: 3rem;
  background-image: url(/red-digital/assets/img/bocina-faaa1a708719dc651f4dc044fcb07f08.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.main form .title .text-danger {
  color: var(--rosa);
}
.main form .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
}
.main form .row .opcion_seleccionada {
  display: block;
}
main .contenedor .bienvenida {
  display: block;
  width: 100%;
  min-width: 50rem;
  height: 7rem;
  background-image: url(/red-digital/assets/img/bienvenidos-667a7b801c84afe819a8feedff27c7ac.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 200px) and (max-width: 550px) {
  main .contenedor .bienvenida {
    background-image: url(/red-digital/assets/img/bienvenidos_mobil-3fa9b5fed002d37d795c66ff11d22c18.png);
    height: 20rem;
    min-width: 20rem;
  }
}
main .contenedor.aviso {
  display: flex;
  border-radius: 2rem;
  background-color: #fb0394;
  color: var(--blanco);
  padding: 0.5rem 1.5rem;
  margin: 3rem auto;
}
main .contenedor.aviso p {
  display: block;
  margin: 0;
  padding: 1rem 1rem 1rem 3.7rem;
  background-image: url(/red-digital/assets/img/aviso-d038eb1761009bdda710b0c82c7cb635.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 3rem;
}
.main form .row .col-md-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 1.3rem;
  margin: 0 2rem;
  font-weight: 200;
  margin-bottom: 3rem;
}
.main form .row .col-md-3 input {
  display: block;
  margin-bottom: 1rem;
  width: 2rem;
  height: 2rem;
  color: red;
}
.main form .row .col-md-11 {
  display: flex;
  width: 60rem;
  margin: 0 auto;
}
.main form .row .col-md-11 select {
  display: block;
  width: 100%;
  font-size: 1.3rem;
  border: none;
  border-radius: 0.5rem;
  padding: 0.8rem 0.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative; 
  background-image: url(../img/triangulo.svg);
  background-position: 98% center;
  background-repeat: no-repeat;
  background-size: auto 0.5rem;
  text-align: center;
  margin-bottom: 2rem;
}
.main form .row .col-md-11 select option {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.main form .row .col-md-11 select select:focus {
  outline: none;
}
.main form .btn-container {
  display: flex;
}
.main form .btn-container button {
  appearance: none;
  border: none;
  background-color: transparent;
  width: 10rem;
  height: 4.5rem;
  font-size: 1.8rem;
}
.main .container {
  color: var(--blanco);
}
.main .container .row label {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: transparent;
}
.main .container .row .col-md-12 {
  display: flex;
  margin-bottom: 10rem;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.main .container .row .col-md-12:nth-child(2n) {
  margin-bottom: 2rem;
}
.main .container .row .col-md-12 input[type=radio] {
  display: none;
  margin-bottom: 1rem;
}
.main .container .row .col-md-12 .contenedor_img {
  display: block;
  position: relative;
  width: 15rem;
  height: 15rem;
  overflow: hidden;
  border-radius: 10rem;
  margin-bottom: 1rem;
  border: solid 0.6rem #fcf8d3;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
  transition: all 0.2s;
  cursor: pointer;
}
.main .container .row .col-md-12 .contenedor_img img {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.main .container .row .col-md-12 input[type=radio]:checked ~ .contenedor_img {
  width: 15rem;
  height: 15rem;
  border: solid 0.6rem #fb0394;
  margin-bottom: 1rem;
  box-shadow: 0 -10px 10px rgba(0, 0, 0, 0.5);
  transition: all 0.2s;
}
.main .container .bocina {
  display: flex;
  flex-direction: row-reverse;
  color: var(--blanco);
  align-items: center;
}
.main .container .bocina i:before {
  content: "";
  display: block;
  width: 3rem;
  height: 3rem;
  background-image: url(/red-digital/assets/img/bocina-faaa1a708719dc651f4dc044fcb07f08.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 1rem;
}
.main .container .bocina span:nth-child(3) {
  margin-right: 0.5rem;
  color: var(--rosa);
}
.main .container .text-danger {
  color: var(--rosa);
}
.main .container .btn-container {
  display: flex;
}
.main .container .btn-container button {
  appearance: none;
  border: none;
  background-color: transparent;
  width: 10rem;
  height: 4.5rem;
  font-size: 1.8rem;
}

.piePagina {
  display: flex;
  max-width: 1280px;
  margin: 0 auto;
  color: var(--blanco);
  font-size: 1.3rem;
  padding: 3rem 3rem 0 32rem;
  background-image: url(/red-digital/assets/img/lapiz-fd-e789a736ae5de6dd07b03d9783447e20.png);
  background-repeat: no-repeat;
  background-size: 26rem auto;
  background-position: 3rem top;
  font-family: 'aller_lightregular';
}
.piePagina .logo_dpc {
  display: block;
  width: auto;
  height: 8rem;
  margin-right: 3rem;
}
.piePagina section {
  display: flex;
  flex-wrap: wrap;
}
.piePagina section .parrafo {
  display: flex;
  align-items: center;
  margin-right: 2rem;
  box-sizing:content-box ; 
}
.piePagina section .parrafo.info {
  width: 100% !important;
}
.piePagina section .parrafo.icono {
  padding-left: 5rem;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto 4rem;
  min-height: 4rem;
}
.piePagina section .parrafo.icono.telefono {
  background-image: url(/red-digital/assets/img/telefono-icon-427ee4f10c7a8de7dfbc88e50487156b.png);
  background-repeat: no-repeat;
}

.piePagina section .parrafo.icono.correo {
  background-image: url(/red-digital/assets/img/mail-icon-ec9a8355fcb9ea2d2fb44dad0220f4c1.png);
  background-repeat: no-repeat;
}
.piePagina section .parrafo.icono.whatsApp {
  background-image: url(/red-digital/assets/img/wahtsApp-icon-8b0fdd02e9578f4048ce2b31dd8c58b3.png);
  background-repeat: no-repeat;
}
@media screen and (min-width: 200px) and (max-width: 720px) {
  .piePagina {
    width: auto;
    height: auto;
    margin-right: 0;
    padding: 3rem 0 15rem 0;
    background-position: bottom;
  }
  .piePagina .logo_dpc {
    position: absolute;
    width: auto;
    margin-right: 0;
    margin: 0 auto 3rem auto;
  }
  .piePagina section {
    display: flex;
    flex-wrap: wrap;
  }
  .piePagina section .parrafo {
    width: 100%;
    margin-right: 0;
    line-height: normal;
  }
  .piePagina section .parrafo.info {
    padding-left: 11rem;
    min-height: 9rem;
  }
}

:root {
  --bd-bg:#360c6e;
  --blanco:#fff;
  --rosa:#f09;
}
 
/*-----GENERALES-----*/


/*body {
  font-size: 1.6rem !important;
  font-family: "allerregular";
  line-height: normal;
  background-image: url(/red-digital/assets/img/bg-bd-3a48de801f4b50767d2ff4d1daa3941b.png) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  background-color: var(--bd-bg);
}*/

h2, h3, h4, h5 {
  font-family: "allerbold";
  color: #4B575E;
  font-weight: 700;
}

.link {
  text-decoration: none;
  color: #f09;
}

.parrafo {
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
}

.center {
  text-align: center;
}

.bm_0 {
  margin-bottom: 0;
}


.icon {
  display: flex;
  font-family: "icomoon";
}

.boton {
  display: inline-block;
  width: fit-content;
  padding: 1rem 2rem;
  background-color: #f09;
  color: #fff;
  border-radius: 0.3rem;
  margin-top: 1rem;
}

.select2-container--default .select2-selection--single {
  height: auto!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  margin-top: inherit;
}


/*# sourceMappingURL=styles.css.map */