@charset "utf-8";
/* PWA */
.notificaciones { display: none; } 


.votacion{display:block; text-align:center; position:relative;}
.votacion .clicks{display:flex;justify-content:center;}
.votacion .clicks > * {align-self:center;}
.votacion .clicks h3 span{cursor:pointer; color:#999;font-size: 22px;}
.votacion .clicks h3 span:before{display:block;font-size: 3.5rem;}
.votacion .clicks h3 span:hover{color:orange;}

/* contextos */
figure.contexto {display: flex;border-top: 1px solid gray;border-bottom: 1px solid gray;padding: 10px 0px;margin: 40px 0px;}
figure.contexto img {max-width: 25%;margin:0px 20px 0px 0px;}
figure.contexto img {width: 100%;height: auto;object-fit: cover;z-index: 0;object-position: 50% 30%;min-height: auto;}
figure.contexto img {object-fit: cover;z-index: 0;object-position: 50% 30%;flex: 1 0 40%;}
figure.contexto div.chinchulin {margin: 0 20px;flex: 1 1 60%;}

/* MODALES 2018 */
.ventana-modal {position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#FFF;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 0 3px rgba(255, 255, 255, 0.25), 0 3px 9px rgba(0, 0, 0, 0.5);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 0 3px rgba(255, 255, 255, 0.25), 0 3px 9px rgba(0, 0, 0, 0.5);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 0 3px rgba(255, 255, 255, 0.25), 0 3px 9px rgba(0, 0, 0, 0.5);width:auto;max-width:90%;height:auto;max-height:90%;z-index:1010;display:flex; flex-wrap:wrap;flex-direction:column;display:none;}
.ventana-modal h2{font-size:18px;font-weight:400;padding:1rem;width:100%;}
/*.ventana-modal form div{display:flex; flex-wrap:wrap;flex-direction:row;}*/
/*.ventana-modal form div > * {flex:1;}*/
.close-modal {position:absolute;z-index:1020;}
.ventana-modal.visible {display:block;}
.contenido-modal {position:relative;/*top:0;left:0;*/width:100%;height:100%;/*padding:20px 50px 20px 20px;*/overflow:hidden;}
.modal-overlay {z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0007;display:none;}
.modal-overlay.visible {display:block;}

/*.ventana-modal input[type="text"],
.ventana-modal input[type="date"],
.ventana-modal input[type="datetime"],
.ventana-modal input[type="email"],
.ventana-modal input[type="number"],
.ventana-modal input[type="search"],
.ventana-modal input[type="time"],
.ventana-modal input[type="url"],
.ventana-modal input[type="password"],
.ventana-modal textarea,
.ventana-modal select{  outline:none;display:block;width:100%;padding:7px;border:none;border-bottom:1px solid #ddd;background:transparent;margin-bottom:10px;font:16px;height:45px;}
.ventana-modal input[type="submit"]{padding:7px 20px;border:1px solid #ddd;margin-bottom:10px;font:16px;}*/

/* formularios */
fieldset p, fieldset h2 {margin:0 0 .5rem 0;}
fieldset div {position:relative;display:flex;}
fieldset > div > div {margin:0px 10px;flex-direction:column;flex:1 1 auto;}
fieldset > div > div.horizontal {flex-direction: row;gap: .5rem;justify-content: space-evenly;}
fieldset div small {white-space:normal;}
fieldset div label {flex:1 1 100%;display:flex;align-items:flex-end;text-align:left;}
fieldset div > span {color:orange;position:absolute;right:0;bottom: calc(0% + 1rem);}
fieldset div > span.icon-size1 {bottom: calc(0% + .25rem);}
fieldset input[type="text"],fieldset input[type="number"]{width:100%;}
fieldset div.checkbox {display:flex;flex:1;align-items:flex-end;gap:.5rem;margin-bottom: calc(1rem - 2px);margin-top: 5px;margin-right: 5px;margin-left: 0px;}
fieldset div.checkbox > label {order:1;flex:0;}
fieldset div.checkbox > label > small {font-size:14px;text-transform:capitalize;letter-spacing:0;}
fieldset div.checkbox > input[type="checkbox"] {order:0;flex:0 1 1.25rem;height:1.25rem;margin:0;}
textarea {width:100%};
::-webkit-input-placeholder {color:  #CCC;}
:-ms-input-placeholder {color:  #CCC;}
::placeholder {color:  #CCC;}
input[type="text"],
input[type="number"],
input[type="search"],
input[type="password"],
select,
textarea {border: 1px solid rgba(217, 217, 217,0.3);padding: 10px 5px;background: rgba(217, 217, 217,0.1);margin:5px 5px 5px 0px}
input[type="number"]{}
input[type="text"]{}
select{width:100%;}
input:empty:focus {border-bottom: 1px solid #666;outline: none;}

.boton a, a.boton {text-decoration: none;color: #fff;-moz-user-select: none;}
.boton {
	text-align:center;
  display: block;
  transition: all .3s;
  cursor: pointer;
  position: relative;
}
.boton * {z-index:1;}
 /* video en secciones */
 .item article div.yt-wrapper {
  flex: 0 0 30%;
}
.item article div.yt-wrapper .yt-frame-container iframe {
  height: calc(100% + 85px);
  margin-top: -45px;
}