/*Rober VG musiC  -  MAIN CSS */ 
/*Developed and publicated by SOFTWARE RVG DESIGNS on 2026 May */
/* MAIN CSS - W3C normative integrated */ 

body {font:normal 16px/22px 'Lucidity',Lucidity Expand;	background:#111;color: #ccc;}

@font-face {
    font-family: 'Lucidity';
    src: local('Lucidity Expand'), local('Lucidity-Expand'),
        url('Lucidity-Expand.woff2') format('woff2'),
        url('Lucidity-Expand.woff') format('woff'),
        url('Lucidity-Expand.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Lucidity';
    src: local('Lucidity Expand'), local('Lucidity-Expand'),
        url('Lucidity-Expand.woff2') format('woff2'),
        url('Lucidity-Expand.woff') format('woff'),
        url('Lucidity-Expand.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
  font-family: 'Lucidity Expand';
  src: local('Lucidity Expand'), 
       local('Lucidity-Expand'), 
       url('lucidity-expand.woff2') format('woff2');
}
  
h1,h2,h3,h4,h5,h6{ font-weight:normal;padding: 0;margin: 0;color:#FE019A; -webkit-text-stroke: 1px #02C6F2 }
h1,h2,h3{ font-family: 'Lucidity',Lucidity Expand;text-transform: uppercase;}
h4,h5,h6{ font-family: 'Lucidity',Lucidity Expand;color: #ccc;}
h3{font-size: 28px;padding-top: 40px; margin-bottom: 30px;color: #e234d9;}


h4{font-size: 23px; margin-bottom:20px;line-height:30px;}
h5{font-size: 20px;}
p{font-size: 17px;color:#0000FF;}
small{color: #fff;font-size: 13px;}
spaan{color: #777;font-size: 13px;}
p{margin-bottom: 25px;}

blockquote {padding: 0px 20px;margin: 0 0 20px;border-left: 5px solid #aaa;font-size: 14px;line-height: 22px;font-style: italic;font-family: georgia;}

.spacer{padding:55px 0 0 0;}
.center{text-align: center;}
.thumbnail{ background-color:#fff;}



/*home*/
.texto-con-borde {
  font-size: 40px;
  color: white; /* Color de la fuente */
  -webkit-text-stroke: 2px black; /* Grosor y color del borde */
}
.homeinfo{padding:350px 0 200px 0;}
.homeinfo{margin-top: -250px;margin-bottom: 120px;position: relative;}
.homeinfo .player{margin-top: 75px;margin-bottom: 20px;position: relative;}
.homeinfo .video{position: relative;bottom: 115px;right: -950px;}
.blockblack{background:rgba(50, 231, 247, 0.47); border-radius: 10px; padding: 25px; }
.fronttext h2{font-size:48px; line-height:50px;display: inline-block;padding:15px 15px;border:5px solid #02C6F2;}
.fronttext p{color: #02C6F2; -webkit-text-stroke: 1px #2323FF; font-size:17px;margin:0;; background-color: rgba(245, 147, 229, 0.21);display: inline-block;padding: 25px;}
.overlay{z-index: 100;position: relative;}
/*home*/

/*color*/
.bgcolor{background-color:rgba(50, 231, 247, 0.47) ;}
.textcolor{color: #f2ab00;}
a{color:#f2ab00; text-decoration:none}
a:hover{color:#fff;text-decoration:none}
/*color*/


/*nav*/
.navbar-brand{padding: 10px 15px;}
.navbar-nav > li > a{font-size: 14px;}
.navbar-inverse{background: #000;border:none;}
/*nav*/






/*releases*/
.releases{margin-bottom: 20px;}
.releases .album{background-color: #222;margin-bottom: 30px;}
.releases .album .albumdetail{padding: 10px;}
.releases .album .albumdetail h5{margin-bottom: 10px;}
.releases .album .albumdetail a{font-size:14px; }
/*releases*/

/*blog*/
.blogevent{color: #ccc;}
.blogevent ul{padding: 0; list-style: none; margin-top: 35px;}
.blogevent ul li{font-size: 13px;}
.blogevent ul li p{margin: 0;line-height: 18px;}

.events ul li{background-color: #191919;margin-bottom: 1px;}
.events ul li h5{margin: 7px 0;}
.events ul li .date{text-align: center;line-height: 38px;color: #444;text-shadow: 0px -1px 0px #000;padding-top: 10px;padding-bottom: 10px;background-color: #111}
.events ul li .date b{display: block;font-size: 30px;}
.events ul li .date span{font-size: 22px;}


.ourblog ul li{margin-bottom: 20px;}
.ourblog ul li img{float: left; margin-right: 20px;}
.ourblog ul li .blogtext{overflow: hidden;}
/*blog*/

   /* Contenedor del video */
        .video-container {
            width: 100%;
            max-width: 1000px; /* Cambia este valor para ajustar el tamaño máximo en pantallas grandes */
            margin: 0 auto;   /* Centra el contenedor en la página */
            border-radius: 8px; /* Bordes redondeados opcionales */
            overflow: hidden;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); /* Sombra estética opcional */
        }

        /* Estilos del reproductor de video */
        .video-responsive {
            width: 100%;
            height: auto;
            aspect-ratio: auto; /* Mantiene la proporción clásica de cine/TV de forma nativa */
            display: block;
            object-fit: cover; /* Evita deformaciones en el reproductor */
        }


/*modal*/
.modal-dialog{max-width: 800px; width: 95%;}
.modal-content{overflow: auto; padding:0 20px;color: #444;}
.modal-content h2{color: #222;margin: 15px 0;}
button.close{position: absolute;right: 0;background: #FFF;width: 25px;height: 25px;line-height: 9px;}
#blog small{margin-bottom: 10px;display: block;}
/*modal*/





/*contact*/
.contactform textarea,.contactform input{width: 100%;padding:2%;border:3px solid #02C6F2;margin-bottom: 20px;border-radius: 5px;outline: none;}
.contactform .map{border:none;box-shadow:0;margin-top: 50px;}
.contactform button{border:none;width: 100%; padding: 7px 0;font-size: 25px; }
.contactform iframe{float: left;}
.contactform p spam {color: #02C6F2; -webkit-text-stroke: 1px #2323FF; font-size:17px;margin:0;; background-color: rgba(245, 147, 229, 0.21);display: inline-block;padding: 25px;}
/*contact*/

/*footer*/
#footer{background-color: #000; padding-bottom: 100px 100px;padding-top: 100px 100px; color: #fff; font-size: 10px;color: #aaa;margin-top: 10px; z-index: 100;position: relative;}

/*footer*/


/*background slider*/
.carousel{position: fixed; top: 0; left: 0;right: 0;bottom: 0; z-index:10;width: 100%;}
.carousel .item {-webkit-transition: opacity 2s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;}
.carousel .active.left {left:0;opacity:0;z-index:2;}
.carousel .next {left:0;opacity:1;z-index:1;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img{width: 100%;}
/*background slider*/

/*animation*/
#about,.album,.blogevent ul li,h3,h4{visibility: hidden;}
.animated{visibility: visible !important;}
/*animation*/

@media (max-width: 700px) {
	.homeinfo{padding-top: 380px;}
	.fronttext h2{font-size:42px; line-height:50px;display: inline-block;padding:5px 10px;}
    .fronttext p{font-size:15px;margin:0;color: rgba(254, 45, 153, 0.8); background-color: rgba(245, 147, 229, 0.21);display: inline-block;padding: 10px;}
    .navbar-brand {margin-left: 100px;}
	.events ul li,.events ul li .date{background: none;}
	.events ul li .date b{display: inline;font-size: 22px;border-right: 1px solid #333;padding-right: 10px;margin-right: 10px;}
	.video {padding-top: 50px; margin-left:-150px;}
	.player {padding-top: -20px; margin-left:120px;width: 485px;height: 200px;}
	.carousel-inner img{width: 485px;height: 300px; }
    
}

   /* boton Whatsapp */
  
  
    .float-wa{
        position:fixed;
        width:60px;
        height:60px;
        bottom:40px;
        right:40px;
        background-color:#25d366;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        font-size:30px;
        z-index:100;
    }