/* Add here all your CSS customizations */


/*
Color azul principal: #02538d
naranja: #dc7b00
gris logo (oscuro): #515151
rojo #dc3800
gris claro: #ededed
*/

body {
    font-size: 15px;
}

/* header */

#header .header-nav-top .nav>li>a,
#header .header-nav-top .nav>li>span,
#header .header-nav-top .nav>li>i{
    font-size: 1em;
    padding: 0px 10px;
    color: #444;
}

#header .header-nav-main nav>ul>li>a {
    font-size: 1.1em;
    text-transform: capitalize;
}

#header .header-top nav>ul>li>a {
    font-size: 0.9em !important;
    text-transform: capitalize; 
}

#header .header-nav-top .nav>li>a>i {
    font-size: 1em !important;
    position: inherit !important;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
    font-size: 1em;
}

.sticky-header-active #headerNavRow {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/* botones */

.btn-swap-1.text-2-5 > * {
    line-height: initial;
}



/* iconos litespeed */
.filter-k3bone{filter: invert(13%) sepia(12%) saturate(3177%) hue-rotate(202deg) brightness(93%) contrast(97%);}


/* logos */

#logos img {
    max-height: 40px;
    filter: grayscale(1);
}

.sticky-header-active .header-logo img {
    content: url(/img/logo.png);
    width: 90px !important;
    height: 30px !important;
}


/* tablaplanes */

.pricing-table {
    margin-left: unset;
    margin-right: unset;
}

.precio-dto {
    display: none;
}


.pricing-table .plan .plan-header.bg-primary {
    background-color: #dc3800 !important;
}

.pricing-table .plan .plan-price .price .price-unit {
    text-align: left;
    padding-left: 5px;
    line-height: 0.7;
    padding-top: 3px;
}

.pricing-table .plan .plan-price .price .price-unit span {
    font-size: 60%;
}

.pricing-table .plan .plan-price .price-label {
    margin-top: 10px;
    text-transform: initial;
    font-size: 0.8rem;
}

.pricing-table .plan .plan-features ul li, .pricing-table .plan.plan-featured .plan-features ul li {
    font-size: 1em;
}


.pricing-table .plan .plan-features ul li.recursos {
    line-height: 1.5;
    padding-top: 12px;
}

.pricing-table .plan .plan-features ul li a {
    border-bottom: 1px dotted currentColor;
    cursor: pointer;
}

.pricing-table .plan .plan-features ul li a:hover {
    color: #dc3800;
    text-decoration: underline;
}

.pricing-table .plan .plan-footer {
    padding: 0.5rem 0.8rem 2.5rem;
}

.pricing-table .plan.plan-featured {
    transform: scale(1.04);
}


/* search-domain */


#search-domain label.error {
    color: #02538d !important;
}


/* footer */

#footer p {
    color: #999;
}

#footer a:not(.btn):not(.no-footer-css) {
    color: #999;
}

#footer .footer-copyright {
    padding-bottom: 20px
}

#footer .footer-copyright p {
    color: #ccc;
}

html .scroll-to-top {
    bottom: 40px;
    display: none;
}

.grecaptcha-badge{
    display: none;
}


/* Index*/


/* Hero */
.hero {
		background: url(/img/fondo-hero.png) no-repeat 100% 0% !important;
		background-color: #F7F7FF !important;
}


/* imagen fondo bloques servidores en españa*/

.spain-servers-bg {
  position: relative;
  background-image: url('/img/fondo-servidores-espana.png');
  background-color: #f4f4f43b; /* controla la “opacidad” */
  background-blend-mode: overlay;   /* prueba: overlay, darken, lighten */
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}




/* X-Small devices (portrait phones, less than 576px)
 No media query for `xs` since this is the default in Bootstrap
 */


/* Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) {
    .pricing-table {
        margin-left: -15px;
        margin-right: -15px;
    }
}


/* Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) {}


/* Large devices (desktops, 992px and up)*/

@media (min-width: 992px) {}


/* X-Large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {}


/* XX-Large devices (larger desktops, 1400px and up)*/

@media (min-width: 1400px) {}