/*estilos para pc*/

html{scroll-behavior: smooth;}

*{margin: 0;padding: 0;box-sizing: border-box;text-decoration: none;}

*::-moz-selection{background: #1a1a1a;color: #fff;}

*::selection {background: #ffde59;color: #000;}/*color para resaltar con el mouse*/

body{font-family: opensans-regular;}

/*barra de scroll*/
body::-webkit-scrollbar {width: 0px;background: white;}
body::-webkit-scrollbar-thumb {background: #1a1a1a;border-radius: 10px;border-right: 0px solid #1a1a1a;}
/*barra de scroll*/

.bg-image{background-position: center center; background-attachment: scroll; background-size: cover;}
.sombra{box-shadow: 0px .1px 5px 0px rgba(0,0,0,0.5);}
.sombra .categoria button{padding: 1em;background-color: rgba(0, 0, 0, .5);}
.sombra .categoria button{padding: 1em;background-color: rgba(0, 0, 0, .5);}

.sombra-1:hover{box-shadow: 0px .1px 5px 0px rgba(0,0,0,0.5);}

.mayusculas{text-transform: uppercase;}
.minusculas{text-transform: lowercase;}

.textoBlack{font-family: futura-bold;text-transform: uppercase;}
.textoBold{font-weight:bold;font-family: opensans-bold;letter-spacing: .01em;}
.textoBookBold{font-family: opensans-bold;}
.textoBook{font-family: opensans-regular}
.comillas{font-family: opensans-black}


.textoColorMarca{color: #1a1a1a;}
.textoColorMarca1a{color: #282828;}
.textoColorMarca3{color: #ffde59;}
.textoColorMarca4{color: white;}


.textoTitulo{font-size: 3.5em;line-height: 1em;}
.textoTitulo1{font-size: 2.7em;line-height: 1em;}
.textoSubtitulo{font-size: 2em;line-height: 1em;}
.textoSubtituloMarginIzq{font-size: 2em;margin-left: 1em;margin-top: -1em;}
.textoParrafo{font-size: 1em;}
.textoParrafo1{font-size: 1.3em;line-height: 1.5em;}
.textoParrafo1a{font-size: 1.5em;line-height: 1em;}
.textoParrafo1b{font-size: .9em;}

.enlaceSubrayado{text-decoration: underline;color: #1a1a1a;}



.btn-principal{box-shadow: 0px .1px 5px 0px rgba(0,0,0,0.5);line-height: 1.5em;padding: 1em 4em;font-size: .8em;color: #1a1a1a;}
.btn-principal:hover{box-shadow: inset 0px 0px 0px 4px black;background: white;}



.btn-principal-animado{
  box-shadow: inset 0px 0px 0px 4px white;
  padding: 1em 4em;font-size: 1em;
  font-family: opensans-bold;
  color: white;
  background-image: transparent 50%;
  background-size: 200%;
  background-position: 0% 50%;
  border-radius: 0;}


.btn-principal-animado:hover, .btn-principal-animado:active{color: #1a1a1a;
  background-position: 100% 50%;transition: .4s;
background-image: linear-gradient(to right, transparent 50%, white 50%, white 100%);}



.btn-secundario{box-shadow: inset 0px 0px 0px 4px #1a1a1a; color:#1a1a1a;}
.btn-secundario:hover{box-shadow: inset 0px 0px 0px 4px white;}


.btn-secundario-animado{
  box-shadow: inset 0px 0px 0px 4px #1a1a1a;
  padding: 1em 4em;font-size: 1em;
  font-family: futura;
  color: #1a1a1a;
  background-image: transparent 50%;  
  background-size: 200%;
  background-position: 0% 50%;
  border-radius: 0;}


.btn-secundario-animado:hover, .btn-principal-animado:active{color: #1a1a1a;
  background-position: 100% 50%;transition: .4s;
background-image: linear-gradient(to right, transparent 50%, #ffde59 50%, #ffde59 100%);}





.btn:focus, .btn-large:focus,

.btn-floating:focus {

  background-color: #000;

  color: #fff;

}




.imagen{max-width: 100%;width: 100%}
.imagen-1{max-height: 100%;height: 100%}
.imagen-2{max-width: 50%;width: 50%}
.imagen-3{max-width: 33.3%;width: 33.3%}
.imagen-4{max-width: 25%;width: 25%}
.imagen-5{max-width: 10%;width: 10%}

.clima iframe{width: 100%;height: 145vh;margin-top:-20em;padding-top:2em;}

.reloj .bg {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;/*centra verticalmente todo lo que hay en el contenedor*/
  color: #fff;
}

.reloj .content {/* Este contenedor flota encima del background */
  width: 100%; /*esta es su medida*/
  margin: auto;
  text-align: center;
}

.reloj .bg-img {position: absolute;top: 0;left: 0;height: 100%;overflow: hidden;}
.reloj .bg-img video {min-height: 100%;}

.reloj .bg-overlay {/*capa sobrepuesta*/
  height: 100vh;width: 100%;position: absolute;top: 0;left: 0;z-index: 1;
  background: #000;opacity:25%;
}

.reloj .bg-content {z-index: 2;width: 100%;}
.hora{font-size: 10em;font-family: futura-bold; }
.fecha{font-size: 2em;font-family: opensans-regular; } 

.copyright{background-color:white;padding: .6em 1em 1em 1em;}
.copyright a{color:white;padding-top: .4em;}
.dev{background-color:#1a1a1a;padding: 1.5em 1em 2em 1em;color: white;}

.social-m {color: #ffde59;}
.social-m a{font-size: 1.5em;color: #ffde59;}
.social-m a:hover,.social-m a:focus {color: #1a1a1a;}

.social2-m {padding: 2em 0;color: white;}
.social2-m a{font-size: 2.5em;padding: 0 .2em;color: white;}
.social2-m a:hover,.social2-m a:focus {color: #1a1a1a;}

.social-pc {padding: 2em 0;color: #ffde59;}
.social-pc a{font-size: 2.5em;padding: 0 .2em;color: #ffde59;}
.social-pc a:hover,.social-pc a:focus {color: #1a1a1a;}

.social2-pc {padding: 2em 0;color: white;}
.social2-pc a{font-size: 2.5em;padding: 0 .2em;color: white;}
.social2-pc a:hover,.social2-pc a:focus {color: #1a1a1a;}


.planBg {background-color:#000;}
.planBg .titlePlan{padding: 1em 0;}
.planBg .pricePlan{padding: 1em 0;background-color: white;}
.planBg .pricePlan .discountPlan{background-color: #7ED957; color: white;text-transform: uppercase;}
.planBg .pricePlan .lastPricePlan{text-decoration: line-through;padding-top: .5em}
.planBg .descriptionPlan{padding: 1em 0;color: white;}



.desaparecer-automaticamente .card{background-color:#1a1a1a;color:white;padding:1em 2.5em;}
.desaparecer-automaticamente .card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {color:white;}
.desaparecer-automaticamente .card .card-content{padding:.1em 0;}
.desaparecer-automaticamente .card .card-content .titulo{padding:.5em 0;line-height: 1em;}

#registro-usuarios{padding:3em 0;}
#registro-usuarios .col-md-4{padding:0 3em;}
#registro-usuarios .input-field{padding: .5em 0;}

.perfil .boton {background-color: #1a1a1a;color: white;text-align: left;}

.entrada p i{font-family: futura-bold;text-transform: uppercase;letter-spacing: .035em;font-size: 2.5em;line-height: 1em;}
.entrada p{font-size: 1.2em;line-height: 1.5em;}
.entrada .tienda{font-size: 1em;line-height: 1.5em;}
.entrada .color{width: 2em;height: 2em;margin-right: .5em;box-shadow: inset 0px 0px 0px .1em #ffde59;display: inline-block;}
.entrada b{font-family: opensans-bold;font-size: 1.2em;}

.entrada .blog .icono{padding: .5em;font-size: 1.5em;background-color:#1a1a1a;color: white; text-align: center}
.entrada .blog .valign-wrapper{padding: 1em 0;}
.entrada .blog h4{font-family: opensans-bold;font-size: .9em;line-height: .7em;}
.entrada .blog p{font-family: opensans-regular;font-size: .8em;line-height: 1em;}

.suscripcion .bg{background-color: black;}
.suscripcion .texto{color: white;padding:0 2em;}
.suscripcion .texto .titulo{font-size: 1.7em;line-height: .9em;}
.suscripcion .texto .subtitulo{font-size: 1em;padding-top: .5em;}
.suscripcion input:not(.browser-default){color: white;border-bottom: 1px solid white;}

.footer a i{color: #1a1a1a;padding: 0 .5em;}
.footer a i:hover{color: #ffde59;}
.footer .sec2{box-shadow: 0px .1px 5px 0px rgba(0,0,0,0.1);padding:1em 0;}
.footer .sec2{background-color: #f1f1f1;padding: 2em 0}
.footer .sec2 a:hover{text-decoration: underline;}





#services{background-color:white;color: #1a1a1a;}

#services .categorias button{text-align: left;padding-left:1em;background-color: #1a1a1a;font-size: 1.3em;color: white; width: 100%;}
#services .categorias .descripcion{padding-top:.5em;}
#services .categorias .descripcion p{padding-left:1em;}

.cuadro-categorias{padding:1em 0;}
.cuadro-categorias button{background: transparent;border: 0;}
.cuadro-categorias .titulo-categoria{font-size: 2em;font-family: futura-bold;text-transform: uppercase;}
.borde-amarillo-derecho{border-right: .2em solid yellow;padding: 4em 0;}
.borde-amarillo-izquierdo{border-left: .2em solid yellow;padding: 4em 0;}
.fondo-oscuro{background-color: #1a1a1a}


.barra-sup .pc{background-color: black;color: white;padding: .5em 1em;font-size: 1.5em;}
.barra-sup .pc a{color: white;}
.barra-sup .movil{position: absolute;z-index: 9999;font-size: 1.2em;padding: 1em 1em;width: 100%;}
.barra-sup .movil a{background-color: rgba(255, 255, 255, 1);padding: .5em 1em;border-radius: 50%}

.panel-lateral {background-color: #1a1a1a;color: white;}
.panel-lateral li > a {border-bottom:.5px solid white;margin: 1.5em;font-size: .9em;color: white;}

.opiniones{background-color:#1a1a1a;color: white;}
.opiniones .fa-circle-user{color: #ffde59;font-size:3em;}
.opiniones .fa-star{color: #ffde59;}

.choose {background-color:#1a1a1a;color:white;margin-top:3em;margin-bottom:2em;}
.choose .icono{padding:4em 1em;}
.choose .divisiones{border-left:3px solid white;border-right:3px solid white;}
.choose  hr{width: 80%;border-top: 2px solid white;margin-left: 10%}
.choose .icono i{font-size:4em;}
.choose .icono p{font-size:1.4em;font-family: opensans-bold;}
.choose a{font-size:.8em;}

.team{background-color:#1a1a1a;color: white;}
.team .equipo img{padding: 1em 1em 0 1em}
.team .equipo p{padding-left:1em ;font-size: 1.1em;font-family: opensans-bold;padding: 1em}
.cert .marcas, .cert .certificados {border-radius: 2em;padding: 1.5em;box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.2);}
.cert .marcas img{padding: .5em 1.5em}
.cert .certificados img{padding: 1em}
.cert .certificados .logo{margin-top: -1.2em;margin-bottom: -1.2em;}