:focus{outline: none;}

.div-busqueda{float: left; width: 100%; position: relative;} /* necessary to give position: relative to parent. */
input[type="text"]{font: 1.2em; color: #333; width: 100%; box-sizing: border-box;}	

.effect-17{border: 0; padding: 10px 0; border-bottom: 1px solid #0cabab; background-color: transparent;}

.effect-17 ~ .focus-border{position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #FF6728; transition: 0.4s;}
.effect-17:focus ~ .focus-border,
.has-content.effect-17 ~ .focus-border{width: 100%; transition: 0.4s; left: 0;}
.effect-17 ~ label{position: absolute; left: 0;width: 100%; top: 9px; color: #0cabab; transition: 0.3s; z-index: -1; letter-spacing: 0.5px;}
.effect-17:focus ~ label, .has-content.effect-17 ~ label{top: -16px; font-size: 1em; color: #FF6728; transition: 0.3s;font-weight: bolder;}