*, *:before, *:after {-webkit-box-sizing: border-box;box-sizing: border-box;} body{margin:0;padding:0;font-family: 'Roboto', sans-serif;color: #000;} .clear{clear: both;} h1{font-family: size: 30px;font-weight: 900;padding: 10px 0 15px;margin: 0;} .actualizacion{position:absolute;right: 0;top: 25px;text-align: right;font-size: 12px;} .container{display: flex;flex-wrap: wrap;} .edosVentaja {font-weight: 400;padding-bottom: 15px;width: 100%;} .edosVentaja .title{font-weight: 700;font-size: 18px;display: inline-block;} .edosVentaja .item{margin-left: 30px;display: inline-block;} .edosVentaja .item span{display: inline-block;margin-right: 10px;} .edosVentaja .item .image{width: 15px;height: 15px;display: inline-block;margin-right: 5px;border-radius: 50%;position: relative;top: 3px;} .Morena .image, .Morena-PT-PVEM .image, .Morena-PT .image, .Morena-PT-PANAL .image, .Morena-PANAL .image, .Morena-PT-PVEM-PANAL .image, .Morena-PT-PVEM-PES-PANAL .image, .Morena-PAS .image, .Morena-PSinaloense .image{background: #943518;} .PAN .image, .PAN-PRI-PRD .image, .PAN-PRI-PRD-PHBCS-RS .image, .PAN-PRD .image, .PAN-PRI-PRD-PS-PAC .image, .PAN-PRI-PRD-CP .image{background: #004dda;} .PRI .image, .PRI-PRD .image{background: #d50303;} .MC .image{background: #f48b02;} .PT-PVEM .image, .PVEM .image{background: #97c937;} .PES .image{background: purple;} .estado{width: 20%;height: 210px;border: 1px solid #ccc;padding: 6px 10px;background: #fff;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;position: relative;} .federal{width: 60%;border: 1px solid #ccc;padding: 15px 0 0;background: #fff;position: relative;} .federal.desktop{display: block;} .federal.mobile{display: none;} .estado:hover{background: #f3faff;} .estado a{text-decoration: none;color: #000;} .estado h2{font-size: 18px;font-weight: 900;margin: 0 0 -4px;/*margin: 0 0 15px;*/} .conteoRapido .estado h2{margin: 0 0 15px;} .estado .prep{font-size: 11px;font-weight: 400;/*padding: 2px 3px 0px; background: #e5e5e5;*/margin-bottom: 5px;display: inline-block;} .estado .inactivo{display: none;pointer-events: none;} .estado.inactivo .inactivo{display: flex;align-items: center;justify-content: center;background: #e5e5e5;color: #888;text-align: center;position: absolute; right: 10px;bottom: 10px;top: 37px;left: 10px;font-size: 12px;} .estado.inactivo .prep{opacity: 0;} .estado.inactivo .candidato{opacity: 0;} .candidato1{padding-bottom: 10px;} .candidato .photo{width: 60px;height: 60px;background: #fff;border-radius: 50%;margin-right: 5px;display:inline-block;background-size: cover;background-position: center;border: 2px solid #ccc;} .candidato .barra{display:inline-block;width: 180px;height: 60px;vertical-align: bottom;} .bar{height: 17px;background: #000;float: left;margin-right: 6px;} .candidato .barra .numero{float: left;font-size: 17px;line-height: 17px;font-weight: 700;} .candidato .barra .nombre{font-weight: 700;font-size: 13px;margin-top: 2px;} .candidato .barra .partido{font-weight: 400;font-size: 11px;color: #666} .encuestasSalida .estado{height: initial;} .encuestasSalida h1{background: orangered;color: white;text-align: center;text-transform: uppercase;font-size: 1.5rem;} /* COLORES DE BARRA POR PARTIDOS */ .Morena .bar, .Morena-PT-PVEM .bar, .Morena-PT .bar, .Morena-PT-PANAL .bar, .Morena-PANAL .bar, .Morena-PT-PVEM-PANAL .bar, .Morena-PT-PVEM-PES-PANAL .bar, .Morena-PAS .bar, .Morena-PSinaloense .bar{background: #943518;} .PAN .bar, .PAN-PRI-PRD .bar, .PAN-PRI-PRD-PHBCS-RS .bar, .PAN-PRD .bar, .PAN-PRI-PRD-PS-PAC .bar, .PAN-PRI-PRD-CP .bar{background: #004dda;} .PRI .bar, .PRI-PRD .bar{background: #d50303;} .Movimiento.Ciudadano .bar, .MC .bar{background: #f48b02;} .PVEM-PT .bar, .PVEM .bar{background: #97c937;} .PES .bar{background: purple;} /****** FOTOS DE CANDIDATOS ******/ /* BAJA CALIFORNIA */ #edo_bc .Morena-PT-PVEM .photo{background-image: url(../img/baja-california/maria-avi.png);} #edo_bc .PAN-PRI-PRD .photo{background-image: url(../img/baja-california/lupita-jones.png);} #edo_bc .PES .photo{background-image: url(../img/baja-california/jorge-hank.png);} #edo_bc .PBC .photo{background-image: url(../img/baja-california/carlos-atilano.png);} /* BAJA CALIFORNIA SUR*/ #edo_bcs .PAN-PRI-PRD-PHBCS-RS .photo{background-image: url(../img/baja-california-sur/francisco-pacheco.png);} #edo_bcs .Morena-PT .photo{background-image: url(../img/baja-california-sur/victor-castro.png);} #edo_bcs .PVEM .photo{background-image: url(../img/baja-california-sur/armida-castro.png);} #edo_bcs .MC .photo{background-image: url(../img/baja-california-sur/andrea-geiger.png);} /* CAMPECHE*/ #edo_camp .Morena-PT .photo{background-image: url(../img/campeche/layda-sansores.png);} #edo_camp .PAN-PRI-PRD .photo{background-image: url(../img/campeche/christian-castro.png);} #edo_camp .MC .photo{background-image: url(../img/campeche/eliseo-fernandez.png);} #edo_camp .PVEM .photo{background-image: url(../img/campeche/sandra-sanchez-02.png);} /* CHIHUAHUA */ #edo_chi .PAN-PRD .photo{background-image: url(../img/chihuahua/maria-eugenia.png);} #edo_chi .Morena-PT-PANAL .photo{background-image: url(../img/chihuahua/juan-loera.png);} #edo_chi .PRI .photo{background-image: url(../img/chihuahua/graciela-ortiz.png);} #edo_chi .MC .photo{background-image: url(../img/chihuahua/alfredo-lozoya.png);} /* COLIMA*/ #edo_col .Morena-PANAL .photo{background-image: url(../img/colima/indira-vizcaino.png);} #edo_col .PAN-PRI-PRD .photo{background-image: url(../img/colima/mely-romero.png);} #edo_col .PVEM .photo{background-image: url(../img/colima/virgilio-mendoza.png);} #edo_col .MC .photo{background-image: url(../img/colima/leoncio-moran.png);} /* GUERRERO */ #edo_gro .Morena .photo{background-image: url(../img/guerrero/evelyn-salgado.png);} #edo_gro .PRI-PRD .photo{background-image: url(../img/guerrero/mario-moreno.png);} #edo_gro .PAN .photo{background-image: url(../img/guerrero/irma-lilia.png);} #edo_gro .PT-PVEM .photo{background-image: url(../img/guerrero/pedro-segura.png);} #edo_gro .MC .photo{background-image: url(../img/guerrero/ruth-zavaleta.png);} /* MICHOACÁN */ #edo_mich .Morena-PT .photo{background-image: url(../img/michoacan/alfredo-ramirez.png);} #edo_mich .PAN-PRI-PRD .photo{background-image: url(../img/michoacan/carlos-herrea.png);} #edo_mich .PVEM .photo{background-image: url(../img/michoacan/juan-magana.png);} #edo_mich .MC .photo{background-image: url(../img/michoacan/mercedes-calderon.png);} /* NAYARIT */ #edo_nay .Morena-PT-PVEM-PANAL .photo{background-image: url(../img/nayarit/miguel-navarro.png);} #edo_nay .PAN-PRI-PRD .photo{background-image: url(../img/nayarit/gloria-nunez.png);} #edo_nay .MC .photo{background-image: url(../img/nayarit/ignacio-flores.png);} #edo_nay .RSP .photo{background-image: url(../img/nayarit/nayar-mayorquin-02.png);} /* NUEVO LEÓN */ #edo_nl .PRI-PRD .photo{background-image: url(../img/nuevo-leon/adrian-garza.png);} #edo_nl .Morena-PT-PVEM-PANAL .photo{background-image: url(../img/nuevo-leon/clara-luz.png);} #edo_nl .PAN .photo{background-image: url(../img/nuevo-leon/fernando-larrazabal.png);} #edo_nl .MC .photo{background-image: url(../img/nuevo-leon/samuel-garcia.png);} /* QUERÉTARO */ #edo_qro .PAN .photo{background-image: url(../img/queretaro/mauricio-kuri.png);} #edo_qro .Morena .photo{background-image: url(../img/queretaro/celia-maya.png);} #edo_qro .PRI .photo{background-image: url(../img/queretaro/abigail-aredondo.png);} #edo_qro .MC .photo{background-image: url(../img/queretaro/beatriz-leon.png);} /* SAN LUIS POTOSÍ */ #edo_slp .PAN-PRI-PRD-CP .photo{background-image: url(../img/san-luis-potosi/octavio-pedroza.png);} #edo_slp .Morena .photo{background-image: url(../img/san-luis-potosi/monica-rangel.png);} #edo_slp .PVEM-PT .photo{background-image: url(../img/san-luis-potosi/ricardo-gallardo.png);} #edo_slp .MC .photo{background-image: url(../img/san-luis-potosi/marvelly-constanzo.png);} /* SINALOA */ #edo_sin .Morena-PAS .photo{background-image: url(../img/sinaloa/ruben-rocha.png);} #edo_sin .PAN-PRI-PRD .photo{background-image: url(../img/sinaloa/mario-zamora.png);} #edo_sin .MC .photo{background-image: url(../img/sinaloa/sergio-torres.png);} #edo_sin .PVEM .photo{background-image: url(../img/sinaloa/tomas-saucedo.png);} #edo_sin .PES .photo{background-image: url(../img/sinaloa/ricardo-mendoza.png);} /* SONORA */ #edo_son .Morena-PT-PVEM-PANAL .photo{background-image: url(../img/sonora/alfonso-durazo.png);} #edo_son .PAN-PRI-PRD .photo{background-image: url(../img/sonora/ernesto-gandara.png);} #edo_son .MC .photo{background-image: url(../img/sonora/manuel-scott.png);} #edo_son .FxM .photo{background-image: url(../img/sonora/rosarior-robles.png);} /* TLAXCALA */ #edo_tlax .Morena-PT-PVEM-PES-PANAL .photo{background-image: url(../img/tlaxcala/lorena-cuellar.png);} #edo_tlax .PAN-PRI-PRD-PS-PAC .photo{background-image: url(../img/tlaxcala/anabel-avalos.png);} #edo_tlax .MC .photo{background-image: url(../img/tlaxcala/erendira-jimenez.png);} #edo_tlax .RSP .photo{background-image: url(../img/tlaxcala/juan-sanchez.png);} /* ZACATECAS */ #edo_zac .Morena-PT-PVEM-PANAL .photo{background-image: url(../img/zacatecas/david-monreal.png);} #edo_zac .PAN-PRI-PRD .photo{background-image: url(../img/zacatecas/claudia-anaya.png);} #edo_zac .MC .photo{background-image: url(../img/zacatecas/ana-romo.png);} #edo_zac .PES .photo{background-image: url(../img/zacatecas/guadalupe-medina.png);} .botonPREP{background: orange;color: #000;padding: 3px 6px;margin-right: 10px;display: inline-block;border-radius: 2px;font-size: .875rem;} .botonPREP:hover{color: #000;text-decoration: underline;} @media (max-width: 1438px) { .estado{height: 190px;} .estado h2 {font-size: 17px;} .estado .prep {margin-bottom: 7px;} .candidato .photo {width: 50px;height: 50px;margin-right: 4px;} .candidato .barra {width: 159px;height: 52px;} .candidato .barra .nombre {font-size: 12px;line-height: 1.25em;margin-top: 3px;} .candidato .barra .partido {font-size: 10px;line-height: 11px;} .candidato .barra .numero {font-size: 15px;line-height: 15px;} .bar {height: 15px;} } @media (max-width: 1200px) { .estado{height: 165px;} .estado h2 {font-size: 14px;} .candidato .photo {width: 40px;height: 40px;margin-right: 3px;} .candidato .barra {width: 130px;} .candidato .barra .nombre {font-size: 11px;line-height: 1.25em;} .candidato .barra .partido {font-size: 10px;} .candidato .barra {height: 45px;} .bar {height: 10px;} .candidato .barra .numero {font-size: 12px;line-height: 12px;} } @media (min-width: 860px) and (max-width: 1199px) { .candidato .photo {width: 35px;height: 35px;} .candidato .barra {width: 110px;} .candidato .barra .nombre {line-height: 1em;} .candidato .barra .partido {font-size: 9px;} .candidato .barra .nombre {margin-top: 2px;margin-bottom: 2px;} .bar {height: 8px;} .candidato .barra .numero {margin-top: -2px;margin-bottom: 2px;} } @media (max-width: 859px) { .estado{width: 50%;} .federal{width: 100%;} .federal.desktop{display: none;} .federal.mobile{display: block;} h1{padding: 10px 0 5px;font-size: 1.5rem;text-align: center;} .actualizacion {position: initial;right: initial;top: initial;text-align: left;font-size: 14px;margin-bottom: 15px;text-align: center;} .estado {/*height: 215px;*/height: 240px; } .estado h2 {font-size: 12px;/*margin-bottom: 10px;*/} .candidato1 {padding-bottom: 0px;} .candidato .barra {width: 100%;} .botonPREP {padding: 6px 6px;border-radius: 21px;font-size: .875rem;width: 70%;text-align: center;margin: 0 auto 10px;display: block;} }