
.animacion-rotar {
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* MODAL */

div#modal-alerta, body {
    padding-right: 0px !important;
}


/* GENERALES */

.icono-gigante {
    font-size: 6em;
}

.text-orange {
    color: #FF9800 !important;
}

.select-orange {
    border: 0!important;;
    background-color: #FF9800;
    font-weight: bold;
    color: #FFF;
}

.select-orange:hover {
    border: 0!important;;
    background-color: #FF9800;
    font-weight: bold;
    color: #FFF;
}

.no-display {
    display: none;
}

.text-lower {
    text-transform: lowercase;
}

/* MENUS */


#header-soporte {
    background-color: #2196F3;
}

#header-soporte a {
    text-decoration: none;
}

#header-menu ul > li > a{
    margin-left: 30px;
}

#header-menu {
    letter-spacing: 2px;
    font-size: 0.8em;
    font-weight: 400;
}

header#header-menu div#menu-principal div.dropdown-menu a.dropdown-item {    font-size: 0.8em;
}

@media (max-width: 1000px) {
    #header-menu li.nav-item {
        padding-top: 0.5rem!important;
        padding-bottom: 0.5rem!important;
    }
}

#header-menu a:hover {
    color: #2196F3;
}

.dropdown .dropdown-menu {
    border-top: 5px solid #2196F3;
    margin-top: -5px;
}

/* ESTILOS ESPECIFICOS */

#dominio-buscar, #popularidad-area, #carouselPrincipal,
#publicar-area, #footer-info {
    background-color: #2196F3;
    font-weight: bold;
    color: #FFF;
}

/* PLANES */

.plan-bloque {
    background-color: #FFF;
}

.plan-bloque:hover {
    background-color: #2196F3;
    color: #FFF;
    border-radius: 3px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);

}

.plan-bloque .button > a {
    background-color: #2196F3;
    color: #FFF;
    font-weight: bold;
}

.plan-bloque:hover .button > a {
    background-color: #FF9800;
}

.plan-bloque .button > a:hover {
    background-color: #FF8000;
}

.plan-titulo {
    font-weight: bold;
    color: #2196F3!important;
    letter-spacing: 5px;
}

.plan-bloque .plan-nombre {
    font-weight: bold;
}

.plan-bloque .plan-precio {
    padding-bottom: 5px;
    border-bottom: 3px solid #2196F3;
    line-height: 1.75em;
}

.plan-bloque:hover .plan-precio {
    border-bottom: 3px solid #FFF;
}

.plan-bloque:hover .plan-caracteristicas {
    color: #FFF!important;
}

/* ACUERDO LEGAL */

.acuerdo-caja p {
    text-align: left;
}

.acuerdo-caja ol li {
    list-style-position:inside;
}

.acuerdo-caja-scroll {
    overflow-y: scroll;
    height:350px;
}


/* FOOTER */

#footer-nubes {
    position: relative;
}

#footer-nubes:after {
    background-image: url("../images/core/nubes.png");
    background-position: left top;
    background-repeat: no-repeat;
    content: "";
    height: 300px;
    left: 0;
    position: absolute;
    top: -3rem !important;
    width: 100%;
    z-index: -9;
}

#footer-logo {
    background-color: #03A9F4;
    color: #fff;
}

#footer-info p {
    font-weight: normal;
    font-size: 0.9em;
}

#footer-info h5 {
    font-weight: bold;
}

#footer-info a {
    text-decoration: none;
}

#footer-info .footer-telefonos a, #footer-info .footer-correos a {
    display: block;
    margin-left: 25px;
    font-weight: normal;
}

#footer-info .footer-telefonos i, #footer-info .footer-correos i {
    position: absolute;
    padding-top: 5px;
}

.footer-noticias {
    position: relative;
}

.footer-noticias img {
    position: absolute;
    z-index: 9;
    width: 70px;
    height: auto;
    top: 5px;
    left: 0;
}

.footer-noticias p {
    margin-left: 80px;
}

#footer-info a:hover {
    color: #FF9800!important;
}

/* PATROCINADORES */

#carouselSocios .carousel-item > img {
    position: absolute;
    top: 0;
    margin: 10px auto;
    min-width: 100%;
    height: 35rem;
    text-align: center;
    background-position: center center;
    background-size: cover;
}

/* PUBLICAR */

#publicar-area .button > a {
    background-color: #FF9800;
    color: #fff
}

#publicar-area .button > a:hover {
    background-color: #FF8000;
}

/* POPULARIDAD */

#popularidad-area i {
    font-size: 36px;
}

/* CONTACTANOS */

div#contactanos div#contactanos-mensaje {
    border-left-color: #007bff!important;
    border-left-width: 1px!important;
    border-left-width: .25rem!important;
    border-radius: .25rem!important;
}

/* TAB AREA */

.tab-area a {
    font-weight: bold;
}

.tab-area a.nav-link {
    color: #FFF;
}

.tab-area a.nav-link.active {
    color: #6C757D;
    background-color: #fff;
}

.tab-area ul.nav.nav-pills.nav-tabs {
    padding-bottom: .75rem!important;
    color: #6C757D;
}



/* DOMINIO */

#dominio-buscar {
    margin-top: 2px;
}

#dominio-buscar button.btn {
    background-color: #FF9800;
    font-weight: bold;
    color: #FFF;
}

#dominio-buscar button.btn:hover {
    background-color: #FF8000;
}

.plan-bloque .button > a:hover {
    background-color: #FF8000;
}

/* CAROUSEL PRINCIPAL */

#carouselPrincipal .carousel-item {
    height: 35rem;
    background-color: #777;
}

#carouselPrincipal .carousel-item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 35rem;
    text-align: center;
    background-position: center center;
    background-size: cover;
}

/* Efecto de color sobre la imagen */
#carouselPrincipal .carousel-item::before {
    background-color: rgba(17, 17, 17, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

@media (min-width: 280px) {
    #carouselPrincipal .carousel-item {
        height: 20rem;
    }
}
@media (min-width: 576px) {
    #carouselPrincipal h3.carousel-titulo {
        font-weight: 800;
        font-size: 1.5em;
    }
    #carouselPrincipal p.carousel-titulo {
        font-size: 1.25em;
    }
    #carouselPrincipal .carousel-item {
        height: 20rem;
    }
}
@media (min-width: 768px) {
    #carouselPrincipal h3.carousel-titulo {
        font-weight: 800;
        font-size: 2em;
    }
    #carouselPrincipal p.carousel-titulo {
        font-size: 1.5em;
    }
    #carouselPrincipal .carousel-item {
        height: 25rem;
    }
}
@media (min-width: 992px) {
    #carouselPrincipal h3.carousel-titulo {
        font-weight: 800;
        font-size: 2.5em;
    }
    #carouselPrincipal p.carousel-titulo {
        font-size: 1.75em;
    }
    #carouselPrincipal .carousel-item {
        height: 30rem;
    }
}
@media (min-width: 1200px) {
    #carouselPrincipal h3.carousel-titulo {
        font-weight: 800;
        font-size: 3em;
    }
    #carouselPrincipal p.carousel-titulo {
        font-size: 2em;
    }
    #carouselPrincipal .carousel-item {
        height: 35rem;
    }
}


/* PRELOADER */

#preloader {
    overflow: hidden;
    background-color: #2196F3;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999999;
}

.cssload-loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: 3em;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    background: #fff;
    z-index: 9;
    top: 50%;
    margin-top: -24px;
    left: 50%;
    margin-left: -24px;
}

.cssload-loader,
.cssload-loader:before,
.cssload-loader:after {
    animation: 1.15s infinite ease-in-out;
    -o-animation: 1.15s infinite ease-in-out;
    -ms-animation: 1.15s infinite ease-in-out;
    -webkit-animation: 1.15s infinite ease-in-out;
    -moz-animation: 1.15s infinite ease-in-out;
}

.cssload-loader:before,
.cssload-loader:after {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.cssload-loader {
    animation-name: cssload-loader;
    -o-animation-name: cssload-loader;
    -ms-animation-name: cssload-loader;
    -webkit-animation-name: cssload-loader;
    -moz-animation-name: cssload-loader;
}

@keyframes cssload-loader {
    from {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

@-webkit-keyframes cssload-loader {
    from {
        -webkit-transform: scale(0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    to {
        -webkit-transform: scale(1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
