/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 15 2024 | 21:00:13 */
.logo{
    position:absolute;
    top:20px;
    left:30px;
    right:0;
    margin:auto
}

.parrafo p{
	margin:0
}

.titulo h3 b{
    font-size: .87em
}

.titulo h3{
     font-size: calc(1.8em + .1vw);
	 margin-bottom: 12px;
}

body.home{
	overflow:hidden;
}

@media screen and (max-width: 600px) {
    body.home{
	overflow:auto;
}
}

.boton-civis span.elementor-button-text::before{
    content:"";
    display:inline-block;
    width:18px;
    height:18px;
    background: url(/wp-content/uploads/2023/11/favicon.png) center/ cover no-repeat;
    vertical-align:middle;
    margin-right:10px
}


/*Formulario de suscribete*/
.formulario_suscribete{
    max-width:800px;
    margin:auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    width:100%;
    position:relative
}

.formulario_suscribete .gform_button{
    padding:10px;
    margin:0 !important;
    width:100%;
    padding:6px;
    border-radius:30px;
    font-size:18px !important;
    background:#00ACC1;
    border:2px solid #00ACC1;
    font-weight:400;
    font-family:'Poppins';
}

.formulario_suscribete .gform_button:hover{
    background:#171717;
    color:#fff
}

.formulario_suscribete .gform_body{
    width:100%;   
}

.formulario_suscribete .gform_footer{
    width:20%;
    margin:0  !important;
    padding:0 !important;
    position:absolute;
    top:0;
    right:0;
}
.formulario_suscribete input:nth-child(1){
  border-radius:30px
}
.formulario_suscribete input{
    border-radius:30px 0px 0px 30px;
    padding:6px 20px !important;
    font-size:18px !important;
    outline:none;
    border:2px solid #fff;
    background:transparent;
    color:#fff;
}

.gform_confirmation_message h3{
  color:#040404;
  font-size:24px;
  margin: 0;
}

.gform_confirmation_message h3 span{
  font-size:20px
}

.gform_confirmation_message{
  position: fixed;
  top:0;
  left:0;
  bottom:0;
  right: 0;
  margin:auto;
  background: #fff !important;
  max-width: 600px;
  width: calc(100% - 15px);
  height: 250px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index:99;
}

#gform_confirmation_wrapper_1::before{
  content:"";
  display: block;
  position: fixed;
  top:0;
  left:0;
  bottom:0;
  right: 0;
  margin:auto;
  width: 100%;
  height: 100%;
  background: #00000055;
  z-index: 70
}


@media (max-width: 1024px) {
    .formulario_suscribete{
        gap:12px
    }
    
    .formulario_suscribete .ginput_container_email input{
        padding:5px 20px !important;
        border-radius:30px;
    }
    
    .formulario_suscribete .gform_body{
        width:100%;   
    }
    
    .formulario_suscribete .gform_footer{
        width:100%;
        position:relative;
    }
}

@media screen and (max-width: 600px) {
    .titulo h3 {
        font-size: 25px;
    }
}


/*Music Background*/
.plyr__video-wrapper #player{
    height:50px
}
.plyr__poster{
    display:none !important
}
.plyr__video-wrapper, #h5vpb0964612 .plyr{
    min-width:100px;
    margin: 0 !important;
    height: 40px;
}
#h5vpb0964612 .plyr{
    justify-content:center !important;
    flex-direction:row !important
}
.html5_video_players{
    width:100px
}
.plyr__controls__item{
    margin:0 !important
}
.plyr__controls{
    justify-content: flex-start;
    padding:0 !important;
    background:none !important;
    height:40px;
	padding: 0px 10px !important;
}
.plyr__video-wrapper{
    background:none !important
}
.plyr__tooltip{
    display:none;
}
.plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover{
    background:none;
    box-shadow:0px 0px 1px 2px #ccc
}