.page-lagom-cms .app-main {
    overflow: visible !important;
}

/* Personalización área de cliente*/

.page-clientareainvoices .panel-summary-primary {
	background: #162543;
}

.page-viewinvoice .panel-summary-primary {
	background: #0049da;
    border: 1px dashed #afff28;
}

.page-viewinvoice .panel-summary.view-invoice .form-group>select {
    width: 100%;
    border: 1px solid #afff28;
    background-color: #000f2d;
	color: #afff28;
}

.page-viewinvoice .panel-summary-primary .price, .page-viewinvoice .panel-summary.panel-summary-primary.view-invoice label {
    color: #afff28;
}

.page-clientareainvoices .panel-summary-primary .btn-primary-faded {
    color: #afff28;
    background: #000f2d;
    border-color: #afff28;
}

.page-clientareainvoices .panel-summary-primary .btn-primary-faded:hover {
    color: #000f2d;
    background: #afff28;
    border-color: #afff28;
}


.page-viewinvoice .panel-summary-primary .payment-form p {
    color: #ffffff;
    font-size: 1.1rem;
    line-height: 1.3;
	margin-top: 20px;
}
	
.page-clientareaproductdetails .table>tbody>tr>th, 
.page-clientareaproductdetails .table>thead>tr>th, 
.page-clientareaproductdetails table>tbody>tr>th, 
.page-clientareaproductdetails table>thead>tr>th,
.page-clientareaproductdetails .table>tbody>tr>td, 
.page-clientareaproductdetails .table>tfoot>tr>td, 
.page-clientareaproductdetails table>tbody>tr>td, 
.page-clientareaproductdetails table>tfoot>tr>td
{
	color: #333333;
}

.page-clientareaproductdetails #layers h2, .page-clientareaproductdetails #layers .lu-h2 {
    color: #fff;
	font-size: 25px;
}


.page-clientareaproductdetails .btn:not(:disabled):not(.disabled), 
.page-clientareaproductdetails input[type=button]:not(.btn):not(:disabled):not(.disabled), 
.page-clientareaproductdetails input[type=submit]:not(.btn):not(:disabled):not(.disabled) {
    color: #afff28;
    border: 1px solid #afff28;
}

.page-clientareaproductdetails .product-icon {
	background: transparent;
    border: 1px solid #afff28;
}

.page-clientareaproductdetails .module-Qboxmail #layers h4, #layers .lu-h4  {
	display:none;
}

.page-clientareaproductdetails .module-Qboxmail #layers .lu-justify-content-center {
    justify-content: flex-start !important;
}

.page-clientareaproductdetails .module-Qboxmail #layers .lu-tile {
	background: #000f2d;
    border: 1px solid #151844;
	color: #afff28;
}

.page-clientareaproductdetails .module-Qboxmail #layers .lu-tile:hover {
	border-color: #fff;
	color: #fff;
}

.page-clientareahome .btn-view-details, .page-clientareahome .time-manager .btn {
	border-color: #afff28;
    color: #afff28;
}

.page-clientareahome .time-manager .btn {
	background-color:transparent !important;
}

.page-clientareahome .time-manager .btn:hover, .page-clientareahome .btn-view-details:hover {
	background-color:#afff28 !important;
	color:#000f2d;
}


.panel-title {
    color: #afff28 !important;
}



/* Personalización área producto Páginas Web*/

.pw-product img {
	width: 100%;
	border: 1px solid;
	border-color: #fff;
	border-radius: 3px;
	margin-bottom: 10px;
}

.app-main-order .package-content {
	margin-bottom: 20px;
}

#lagom-one-step-order .search-box-primary {
	background: #0f1e3b;
}

#lagom-one-step-order .search-group .search-group-btn .btn {
	background: #0f1e3b;
	color: white;
}

#lagom-one-step-order .search-group .search-group-btn .btn:hover {
	background: white;
	color: #0f1e3b;
	border: 1px solid;
	border-color:#0f1e3b;
}

#lagom-one-step-order .search-box-primary .search-field-icon {
	color: #0f1e3b;
}

.app-main-order .search-result-actions .btn-lg {
 	background-color: #afff28;
 	border-color: #0f1e3b;
	color: #0f1e3b;
}

.app-main-order .search-result-actions .btn-lg:hover {
 	background-color: #0f1e3b;
 	border-color: #afff28;
	color: white;
}


/*Personalización Header Sitio Web*/

@media (max-width: 991.98px) {
    .app-nav-header {
		background: #020067;
	}
}


/*Personalización Expertos Web*/

.expertosweb-banner-seccion-1 {
    background-image: url("/templates/lagom2/assets/img/page-manager/imagen-soporte-web-seccion-1-4.webp");
    background-size: cover;
}

.expertosweb-banner-seccion-1 .banner-caption {
    color: #AFFF28 !important;
    font-size: 50px !important;
    font-weight: 600 !important;
}

.expertosweb-banner-seccion-1 .banner-title {
    color: #FFFFFF;
    font-size: 86px !important;
    line-height: 1.0;
}

.expertos-web-seccion-2-soluciones-webmaster {
    background-color: #ffffff !important;
}

.expertos-web-seccion-2-soluciones-webmaster .section-title {
    min-width: 100% !important;
    font-size: 70px !important;
    line-height: 1.0 !important;
}

.expertos-web-seccion-2-soluciones-webmaster-features {
    background: radial-gradient(circle farthest-corner at 10% 20%, #00a8ff 1.4%, #0048da 90%) !important;
    overflow: hidden;
    box-shadow: none !important;
}

.expertos-web-seccion-2-soluciones-webmaster-features:hover {
    background: radial-gradient(circle farthest-corner at 10% 20%, #0048da 1.4%, var(--body-bg) 90%) !important;
}

.expertos-web-seccion-2-soluciones-webmaster-features .feature-desc {
    text-align: left;
    color: white;
    font-size: 18px !important;
}

.expertosweb-banner-seccion-2-1-soluciona-ahora-con-un-experto {
    background-color: #ffffff !important;
    padding-top: 0px !important;
}

.expertosweb-banner-seccion-2-1-soluciona-ahora-con-un-experto .banner-content {
    padding-top: 50px !important;
}

.expertosweb-banner-seccion-2-1-soluciona-ahora-con-un-experto .banner-title {
    min-width: 100% !important;
    color:var(--body-bg);
    font-size: 50px !important;
    line-height: 1.0 !important;
}


@media (max-width: 767.98px) {
    .expertosweb-banner-seccion-1 img{
        opacity: 0;
    }

    .expertosweb-banner-seccion-1 .banner-caption {
        font-size: 35px !important;
    }

    .expertosweb-banner-seccion-1 .banner-title {
        font-size: 50px !important;
    }

    .expertosweb-banner-seccion-1 .banner-subtitle {
        margin-bottom: 30px !important;
    }

    .expertos-web-seccion-2-soluciones-webmaster .section-title {
        font-size: 45px !important;
        min-width: 100% !important;
    }

    .expertos-web-seccion-2-soluciones-webmaster .section-subtitle {
        line-height: 1.3 !important;
    }

    .expertos-web-seccion-2-soluciones-webmaster-features .feature-title {
        text-align: center;
        font-size: 23px !important;
    }

    .section-paginasweb-tipo1-comoobtenerla {
        margin-top: -80px !important;
    }

    .section-paginasweb-tipodepagina-mobile-banner .banner-content  {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .section-paginasweb-tipodepagina .feature-title {
        font-size: 30px !important;
    }

    .seccion-3-paginasweb-porqueelegirnos .feature-title {
        font-size: 30px !important;
    }

    .expertosweb-banner-seccion-2-1-soluciona-ahora-con-un-experto .banner-content {
        padding-top: 30px !important;
    }

    .expertosweb-banner-seccion-2-1-soluciona-ahora-con-un-experto .container{
        padding-right: 20px;
        padding-left: 20px;
    }

    .expertosweb-banner-seccion-2-1-soluciona-ahora-con-un-experto .banner-title {
        font-size: 45px !important;
        max-width: 100% !important;
    }

    .expertos-web-seccion-2-soluciones-webmaster-features .feature-desc {
        text-align: center;
        font-size: 18px !important;
    }

}

.expertosweb-button .btn {
    background-color: #AFFF28 !important ;
    padding: 10px 40px !important;
    border: 1px solid #000f2d !important;
    color: #151844 !important;
    font-weight: 600 !important;
    margin-top: 30px;
}

.expertosweb-button .btn-text {
    font-weight: 600 !important;
}

.expertosweb-button .btn:hover {
    background-color: #000f2d !important;
    color: #afff28 !important;
    border: 1px solid #afff28 !important;
}

.section-expertosweb-comofunciona {
    padding-bottom: 80px !important;
}

.section-expertosweb-comofunciona-icons img {
    width:65px;
}

.section-expertosweb-clientes-comofunciona-titulos .feature-title {
    font-weight: 700 !important;
    color: #AFFF28;
}

.expertos-web-seccion-2-soluciones-webmaster {
    padding-bottom: 50px !important;
}

.expertosweb-seccion-3-contratabloques .banner-content {
    padding-bottom: 50px !important;
}

.expertosweb-seccion-3-contratabloques .banner-caption {
    color: var(--brand-secondary-lighter) !important;
}

.expertosweb-seccion-3-bloques-webmaster .banner-content {
    padding-top: 0px !important;
    margin-top: 90px !important;
}

.expertosweb-seccion-3-bloques-webmaster .banner-background {
    padding-top: 0px !important;
    padding-bottom: 10px !important;
}

.expertosweb-seccion-3-bloques-webmaster .banner-background .banner-graphic img {
    width: 120% !important;
    margin-top: 50px;
}

.expertosweb-seccion-3-bloques-webmaster .banner-title {
    min-width: 100% !important;
    font-size: 69px !important;
    line-height: 1.3;
}

.expertosweb-seccion-3-bloques-webmaster .banner-caption {
    color: var(--brand-secondary-lighter) !important;
}

.expertosweb-seccion-3-bloques-webmaster ul li::before {
    background-color: var(--brand-secondary-lighter) !important;
    color: #ffffff !important;
}

@media (max-width: 767.98px) {
    .expertosweb-seccion-3-bloques-webmaster .banner-content {
        margin-top: 10px !important;
    }

    .expertosweb-seccion-3-bloques-webmaster .banner-background .banner-graphic img {
        width: 360px !important;
    }

    .expertosweb-seccion-3-bloques-webmaster .banner-title {
        font-size: 45px !important;
        min-width: 60% !important;
    }

    .expertosweb-seccion-3-bloques-webmaster .banner-subtitle {
        line-height: 1.3 !important;
        margin-bottom: 30px !important;
    }
}

.expertosweb-seccion-4-formulario {
    background:#ffffff !important;
    padding-bottom: 0px !important;
}

.expertosweb-seccion-4-formulario .container {
    margin-bottom: 100px !important;
}

.expertosweb-seccion-4-formulario .section-content {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.expertosweb-seccion-4-formulario .section-title {
    color: #020067 !important;
    font-size: 70px !important;
    line-height: 1.3;
    max-width: 100% !important;
    margin-bottom: 20px !important;
}

.expertosweb-seccion-4-formulario .section-graphic img {
    max-width: 80%;
}

.expertosweb-seccion-4-formulario .btn {
    background-color: #11B40C !important ;
    padding: 10px 40px !important;
    border: 1px solid #11B40C !important;
    color: #ffff !important;
    font-weight: 600 !important;
    margin-top: 30px;
}

.expertosweb-seccion-4-formulario .btn-text {
    font-weight: 600 !important;
	font-size: 25px !important;
}

.expertosweb-seccion-4-formulario .btn:hover {
    background-color: #12A00E !important;
    color: #ffff !important;
    border: 1px solid #12A00E !important;
}

@media (max-width: 767.98px) {
    .expertosweb-seccion-4-formulario .container {
        margin-bottom: 70px !important;
    }

    .expertosweb-seccion-4-formulario .section-title {
        font-size: 45px !important;
        line-height: 1.3 !important;
        margin-bottom: 0px !important;
    }

    .expertosweb-seccion-4-formulario .section-subtitle {
        line-height: 1.3 !important;
    }
}

/*.expertosweb-seccion-5-contratar-bloques .banner-content {
    padding-top: 0px !important;
    margin-top: 90px !important;
} **/

.expertosweb-seccion-5-contratar-bloques {
    overflow: visible !important;
}

.expertosweb-seccion-5-contratar-bloques .banner-graphic-background {
    scale: 1.2;
    right: -100px !important;
    top: -20px !important;
}

.expertosweb-seccion-5-contratar-bloques .banner-background {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.expertosweb-seccion-5-contratar-bloques .banner-caption {
    color: var(--brand-secondary-lighter) !important;
}

.expertosweb-seccion-5-contratar-bloques .banner-title {
    min-width: 100% !important;
    font-size: 70px !important;
    line-height: 1.0;
}

.expertosweb-seccion-5-contratar-bloques .banner-subtitle {
    font-size: 23px !important;
}

@media (max-width: 767.98px) {
    .expertosweb-seccion-5-contratar-bloques .banner-content {
        margin-top: 0px !important;

    }

    .expertosweb-seccion-5-contratar-bloques .banner-graphic-background:not(.banner-graphic-background-image)>img {
        display: none;
    }

    .expertosweb-seccion-5-contratar-bloques .banner-title {
        font-size: 45px !important;
        min-width: 60% !important;
    }

    .expertosweb-seccion-5-contratar-bloques .banner-subtitle {
        line-height: 1.3 !important;
        margin-bottom: 30px !important;
    }
}

.expertosweb-seccion-5-1-porqueelegirnobacom {
    padding-top: 0px !important;
}

.expertosweb-seccion-5-1-porqueelegirnobacom .section-subtitle {
    color: #ffffff !important;
    font-size: 50px !important;
    font-weight: 600 !important;
}

.expertosweb-seccion-5-1-porqueelegirnobacom-features .feature-title {
    color: var(--brand-secondary-lighter);
    font-size: 20px !important;
    font-weight: 700 !important;
}

.expertosweb-seccion-5-1-porqueelegirnobacom-features .feature-desc {
    font-size: 18px !important;
}

@media (max-width: 767.98px) {
    .expertosweb-seccion-5-1-porqueelegirnobacom .section-subtitle {
        font-size: 35px !important;
    }
}

.expertos-web-section-6-empresas {
    background:#ffffff !important;
    padding-bottom: 100px !important;
}

.expertos-web-section-6-empresas .section-title {
    color: #020067 !important;
    font-size: 70px !important;
    line-height: 1.2 !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
}

.expertos-web-section-6-empresas .section-subtitle {
    color: #020067 !important;
    font-size: 23px !important;
}

@media (max-width: 767.98px) {
    .expertos-web-section-6-empresas {
        background:#ffffff !important;
        padding-bottom: 70px !important;
    }

    .expertos-web-section-6-empresas .section-title {
        font-size: 45px !important;
		line-height:1.0 !important;
        margin-bottom: 10px !important;
    }

    .expertos-web-section-6-empresas .section-subtitle {
        line-height: 1.5 !important;
    }

    .expertos-web-section-6-empresas .section-actions {
        margin-top: 50px!important;
    }
}

.expertos-web-section-6-empresas-features-logos img {
    background-color: white;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 1px 8px 0px 0px rgb(5 126 169);
}

.expertosweb-seccion-7-nuestroarsenaldeherramientas .section-title {
    display: flex;
    transition: transform 0.5s ease-in-out;
    min-width: 100% !important;
    font-size: 70px !important;
    line-height: 1.3;
    padding-bottom: 30px;
}

.expertosweb-seccion-7-nuestroarsenaldeherramientas .slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.expertosweb-seccion-7-nuestroarsenaldeherramientas .content-slider {
    overflow: hidden;
}

.expertos-web-seccion-7-features .lazyloaded {
	width: 168px;
	height: 168px;
}

@media (max-width: 767.98px) {
    .expertosweb-seccion-7-nuestroarsenaldeherramientas .section-title {
        font-size: 45px !important;
        line-height: 1.0 !important;
        margin-bottom: 0px !important;
    }

    .expertosweb-seccion-7-nuestroarsenaldeherramientas .section-subtitle {
        line-height: 1.5 !important;
        margin-top: 0px !important;
    }

    .expertosweb-seccion-7-nuestroarsenaldeherramientas .section-actions {
        margin-top: 50px!important;
    }
	
	.expertos-web-seccion-7-features .lazyloaded {
	width: 120px;
	height: 120px;
	}
}

.expertos-web-seccion-8-preguntasfrecuentes {
    background:#ffffff !important;
    padding-bottom: 100px !important;
}

.expertos-web-seccion-8-preguntasfrecuentes .section-title {
    color: #020067 !important;
    font-size: 70px !important;
    line-height: 1.0 !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
}

.expertos-web-seccion-8-preguntasfrecuentes .section-subtitle {
    color: #020067 !important;
    font-size: 23px !important;
}

.expertos-web-seccion-8-preguntasfrecuentes .faq-item-boxed:not(.collapsed) {
    background: radial-gradient(circle farthest-corner at 10% 20%, #00a8ff 1%, #0048da 90%);
    box-shadow: none !important;
}

.expertos-web-seccion-8-preguntasfrecuentes .faq-item-boxed {
    outline: none !important;
}

.expertos-web-seccion-8-preguntasfrecuentes .faq-item-boxed.collapsed:not(.faq-item-expanded) {
    background: #020067 !important;
}

@media (max-width: 767.98px) {
    .expertos-web-seccion-8-preguntasfrecuentes {
        background:#ffffff !important;
        padding-bottom: 70px !important;
    }

    .expertos-web-seccion-8-preguntasfrecuentes .section-title {
        font-size: 45px !important;
        margin-bottom: 0px !important;
    }

    .expertos-web-seccion-8-preguntasfrecuentes .section-subtitle {
        line-height: 1.5 !important;
    }

    .expertos-web-seccion-8-preguntasfrecuentes .section-actions {
        margin-top: 50px!important;
    }
}

.expertos-web-section-producto .section-title {
    font-size: 50px !important;
}

.expertos-web-section-producto .package-content {
    display: none;
}

.expertos-web-section-producto .price-cycle {
    display: none;
}

.expertos-web-section-producto .btn {
    background-color: #AFFF28;
}

.expertos-web-section-producto .btn-text {
    color: #151844 !important;
    font-weight: 600;
}

.expertos-web-section-producto .btn-icon {
    color: #151844 !important;
}

.expertos-web-section-producto .btn:hover {
    background-color: #8eca1f;
    border: #8eca1f 1px solid;
}

.section-expertosweb-clientes-pasareladepagos .content-slider {
    overflow: hidden;
}

.section-expertosweb-clientes-pasareladepagos .section-caption {
	color: var(--brand-secondary-lighter) !important;
}

@media (max-width: 767.98px) {
    .section-expertosweb-clientes-pasareladepagos {
        padding-bottom: 20px !important;
    }
}


 /* Personalizacion paginas Páginas Web **/

.paginasweb-button .btn {
    background-color: #AFFF28 !important ;
    padding: 10px 40px !important;
    border: 1px solid #000f2d !important;
    color: #151844 !important;
    font-weight: 600 !important;
    margin-top: 30px;
}

.paginasweb-button .btn-text {
    font-weight: 600 !important;
}

.paginas-button .btn:hover {
    background-color: #000f2d !important;
    color: #afff28 !important;
    border: 1px solid #afff28 !important;
}

.paginasweb-banner-seccion-1 {
    background-image: url("/templates/lagom2/assets/img/page-manager/imagen-background-seccion-1-paginas-web-2.webp");
    background-size: cover;
}

.paginasweb-banner-seccion-1 .banner-caption {
    color: #AFFF28 !important;
    font-size: 50px !important;
    font-weight: 600 !important;
}

.paginasweb-banner-seccion-1 .banner-title {
    color: #FFFFFF;
    font-size: 86px !important;
    line-height: 1.0;
}

.paginasweb-seccion-2 {
	background-color: #ffffff !important;
   }

.paginasweb-seccion-2 .container .section-title {
	min-width: 100% !important;
	font-size: 70px !important;
	color: var(--body-bg);
}

.paginasweb-seccion-2 .container .section-subtitle {
	color: #23277CFF !important;
	font-size: 20px !important;
	font-weight: 500px !important;
}

@media (max-width: 767.98px) {
	.paginasweb-seccion-2 .container .section-title {
		font-size: 45px !important;
		min-width: 60% !important;
		line-height: 1.0 !important;
	}

	.paginasweb-seccion-2 .section-subtitle {
		line-height: 1.2 !important;
	}
}

.paginasweb-seccion-2-tipodepagina-features {
	background: radial-gradient(circle farthest-corner at 10% 20%, #0048da 1.4%, #00a8ff 90%) !important;
	overflow: hidden;
	box-shadow: none !important;
}

.paginasweb-seccion-2-tipodepagina-features:hover {
	background: radial-gradient(circle farthest-corner at 10% 20%, #0048da 1.4%, var(--body-bg) 90%) !important;
}

.paginasweb-seccion-2-tipodepagina-features .feature-body .feature-icon img{
	width: 200px;
	transform: scale(2);
	margin-bottom: 60px;
	margin-top: 40px;
}

@media (max-width: 767.98px) {
	.paginasweb-seccion-2-tipodepagina-features .feature-body .feature-icon img{
		transform: scale(1.7);
		margin-top: 25px;
		margin-bottom: 30px;
		margin-left: -5px;
	}
}

.paginasweb-seccion-2-tipodepagina-features .feature-title {
	font-size: 25px !important;
	font-weight: 600 !important;
	line-height: 1.3;
	color: #ffffff;
	margin-bottom: 30px;
}

    .paginasweb-seccion-2-tipodepagina-features .feature-subtitle {
        color: #FFFFFF;
        text-align: center;
        margin-bottom: 30px;
    }

    .paginasweb-seccion-2-tipodepagina-features .feature-desc ul {
        margin-bottom: 20px;
        list-style: none;
        padding-left: 0;
    }

    .paginasweb-seccion-2-tipodepagina-features .feature-desc ul li {
        padding-left: var(--spacing-5x);
    }

    .paginasweb-seccion-2-tipodepagina-features .feature-desc ul li:before {
        content: "\e911";
        font-family: var(--font-family-icons-small) !important;
        font-size: var(--ui-icon-size-small);
        position: absolute;
        transform: translateY(0%);
        left: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        align-self: center;
        background: #ffffff;
        height: 20px;
        width: 20px;
        min-width: 20px;
        border-radius: 12px;
        margin-right: var(--spacing-2x);
        color: var(--brand-secondary-lighter);
    }

    .home-button, .paginasweb-seccion-2-tipodepagina-features .btn {
        background-color: #AFFF28 !important ;
        padding: 10px 40px !important;
        border: 1px solid #000f2d !important;
        color: #151844 !important;
        font-weight: 600 !important;
        margin-top: 30px;
    }

    .home-button:hover, .paginasweb-seccion-2-tipodepagina-features .btn:hover {
        background-color: #000f2d !important;
        color: #afff28 !important;
        border: 1px solid #afff28 !important;
    }

    .paginasweb-seccion-2-tipodepagina-features .feature-desc {
        text-align: left;
        color: white;
        font-size: 18px !important;
    }

    .paginasweb-seccion-2-tipodepagina-features .feature-desc ul {
        list-style: none;
    }


    .section-paginasweb-ningunodeestostiposdepaginas .banner-content {
        padding-top: 20px !important;
    }

    .section-paginasweb-tipodepagina .subtitulo {
        color: white;
        font-weight: 600 !important;
    }

	.seccion-3-paginasweb-porqueelegirnos .section-title {
		color: white;
		font-size:60px !important;
		font-weight: 600 !important;
		line-height: 1.3 !important;
		max-width: 100% !important;
	}

    .seccion-3-paginasweb-porqueelegirnos .section-title span {
        color: #AFFF28 !important;
		font-size:60px !important;
		font-weight: 600 !important;
		line-height: 1.3 !important;
    }

    .seccion-3-paginasweb-porqueelegirnos .feature-title {
        font-weight: 600 !important;
        color: #fff;
		font-size: 25px;
		line-height: 1.3;	
    }


    .section-paginasweb-tipo1-comoobtenerla .banner {
        padding-top: 20px !important;

    }


    .section-paginasweb-tipo1-comoobtenerla .section-content {
        margin-left: 65% !important;
    }


    .section-paginasweb-explorardiseños .banner-content {
        padding-top: 30px !important;
    }

    .section-paginasweb-explorardiseños .banner-gray:before {
        content: none !important;
    }


    .section-paginasweb-tipo2-comofunciona .banner {
        padding-top: 20px !important;
    }

    .section-paginasweb-tipo2-queincluye .section-title span {
        color: #AFFF28 !important;
    }


    .section-paginasweb-tipo3-comoobtenerla .banner {
        padding-top: 20px !important;
    }


    .section-paginasweb-tipo3-comoobtenerla .section-content {
        margin-left: 65% !important;
    }


    .section-paginasweb-tipo3-queincluye .section-title span {
        color: #AFFF28 !important;
    }

    .section-paginasweb-tipo1-comoobtenerla-mobile-banner {
        display: none;
    }

    .section-paginasweb-tipo1-comoobtenerla-mobile-graphic {
        display: none !important;
    }


	@media (max-width: 767.98px) {
    	.paginasweb-banner-seccion-1 .banner-graphic-background > img {
    		display: none !important;
  		}

    	.paginasweb-banner-seccion-1 .banner-caption {
        	font-size: 35px !important;
    	}

    	.paginasweb-banner-seccion-1 .banner-title {
       		font-size: 50px !important;
    	}

    	.paginasweb-banner-seccion-1 .banner-subtitle {
        	margin-bottom: 30px !important;
    	}
		
		.seccion-3-paginasweb-porqueelegirnos .section-title {
			font-size:45px !important;
			line-height:1.0 !important;
		}

    	.seccion-3-paginasweb-porqueelegirnos .section-title span {
			font-size:45px !important;
			line-height:1.0 !important;
    	}
		
        .section-paginasweb-tipo1-comoobtenerla {
            display: none;
        }
        .section-paginasweb-tipo1-comoobtenerla-mobile-banner {
            display: block;
        }
		
        .section-paginasweb-tipo1-comoobtenerla-mobile-graphic {
            display: block !important;
        }

        .section-paginasweb-tipo1-comoobtenerla-mobile-graphic .section-graphic {
            padding-top:30px !important;
        }
    }


    .section-paginasweb-tipo2-comoobtenerla .section-content {
        padding-top: 20px !important;
        padding-bottom: 80px !important;
    }


    .section-paginasweb-tipo2-comoobtenerla-mobile-banner {
        display: none;
    }

    .section-paginasweb-tipo2-comoobtenerla-mobile-graphic {
        display: none !important;
    }


    @media (max-width: 767.98px) {
        .section-paginasweb-tipo2-comoobtenerla {
            display: none;
        }
        .section-paginasweb-tipo2-comoobtenerla-mobile-banner {
            display: block;
        }
        .section-paginasweb-tipo2-comoobtenerla-mobile-graphic {
            display: block !important;
        }

        .section-paginasweb-tipo2-comoobtenerla-mobile-graphic .section-graphic {
            padding-top: 0px !important;}
    }

    .section-paginasweb-tipo3-comoobtenerla .section-content {
        padding-top: 0px !important;
        padding-bottom: 80px !important;
    }


    .section-paginasweb-tipo3-comoobtenerla-mobile-banner {
        display: none;
    }

    .section-paginasweb-tipo3-comoobtenerla-mobile-graphic {
        display: none !important;
    }

    .section-paginasweb-tipo3-comoobtenerla .section-background img {
        left: 100px !important;
    }


    @media (max-width: 767.98px) {
        .section-paginasweb-tipo3-comoobtenerla {
            display: none;
        }
        .section-paginasweb-tipo3-comoobtenerla-mobile-banner {
            display: block;
        }
        .section-paginasweb-tipo3-comoobtenerla-mobile-graphic {
            display: block !important;
        }

        .section-paginasweb-tipo3-comoobtenerla-mobile-graphic .section-graphic {
            padding-top: 0px !important;
        }

        .section-paginasweb-tipo3-comoobtenerla-mobile-graphic .section-graphic .features-sides {
            padding-top: 0px !important;
        }
    }

    .section-paginasweb-experienciagarantizada .section-title span {
        color: #AFFF28 !important;
    }

    @media (max-width: 767.98px) {
        .section-paginasweb-experienciagarantizada-mobile-graphic .section-graphic {
            padding-top: 0px !important;
        }

    }

    @media (max-width: 767.98px) {
        .section-paginasweb-profesionales-mobile-banner .banner-content {
            padding-top: 50px !important;
            padding-bottom: 50px !important;
        }
    }

    @media (max-width: 767.98px) {
        .section-paginasweb-basicaeconomica-mobile-banner .banner-content {
            padding-top: 50px !important;
            padding-bottom: 0px !important;
        }
    }

.paginasweb-seccion-4-formulario {
    background:#ffffff !important;
    padding-bottom: 0px !important;
}

.paginasweb-seccion-4-formulario .container {
    margin-bottom: 100px !important;
}

.paginasweb-seccion-4-formulario .section-content {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.paginasweb-seccion-4-formulario .section-title {
    color: #020067 !important;
    font-size: 70px !important;
    line-height: 1.3 !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
}

.paginasweb-seccion-4-formulario .section-graphic img {
    max-width: 80%;
}

.paginasweb-seccion-4-formulario .btn {
    background-color: #11B40C !important ;
    padding: 10px 40px !important;
    border: 1px solid #11B40C !important;
    color: #ffff !important;
    font-weight: 600 !important;
    margin-top: 30px;
}

.paginasweb-seccion-4-formulario .btn-text {
    font-weight: 600 !important;
	font-size: 25px !important;
}

.paginasweb-seccion-4-formulario .btn:hover {
    background-color: #12A00E !important;
    color: #ffff !important;
    border: 1px solid #12A00E !important;
}

@media (max-width: 767.98px) {
    .paginasweb-seccion-4-formulario .container {
        margin-bottom: 70px !important;
    }

    .paginasweb-seccion-4-formulario .section-title {
        font-size: 45px !important;
        line-height: 1.0 !important;
        margin-bottom: 0px !important;
    }

    .paginasweb-seccion-4-formulario .section-subtitle {
        line-height: 1.3 !important;
    }
	
	.paginasweb-seccion-4-formulario .section-actions .section-actions-buttons .btn {
		width: 90%;
	}

	.paginasweb-seccion-4-formulario .btn-text {
		font-size: 19px !important;
	}
}




/* Personalización Correo corporativo **/

.section-correo-corporativo-button {
	background-color: #AFFF28;
	border: #AFFF28 1px solid;
}

.section-correo-corporativo-button .btn-text {
	color: #151844 !important;
	font-weight: 600;
}

.section-correo-corporativo-button .btn-icon {
	color: #151844 !important;
}

.section-correo-corporativo-button:hover {
	background-color: #8eca1f;
	border: #8eca1f 1px solid;
}

.section-correocorporativo-beneficios .btn {
	background-color: rgba(255, 110, 0, 0.86) !important ;
	border: rgba(255, 110, 0, 0.86) 1px solid !important;
	margin: auto;
	padding: 10px 40px !important;
	margin-top: 20px !important;
	color: #ffffff !important;
	font-weight: 400 !important;
}

.section-correocorporativo-beneficios .btn:hover {
	background-color: #2570ff !important;
	border: #2570ff  1px solid !important;
}

.section-correocorporativo-beneficios-button .btn-text {
	color: #ffffff !important;
	font-weight: 400;
}

.section-correocorporativo-beneficios-button .btn-icon {
	color: #ffffff !important;
}

/*Planes precios y planes lista*/

.correo-corporativo-planes-precios .btn {
	background-color: #AFFF28 !important ;
	margin: auto;
	padding: 10px 40px !important;
	margin-top: 20px !important;
	color: #151844 !important;
	font-weight: 600 !important;
}

.correo-corporativo-planes-precios .btn:hover {
	background-color: #8eca1f !important;
	border: #8eca1f  1px solid !important;
}

.correo-corporativo-planes-precios .feature-title {
	font-weight: 400;
	font-size: 20px !important;
	color: #ffff;
}

.correo-corporativo-planes-precios .subtitulo {
	color: #8dc91f;
	font-weight: 600 !important;
}

.correo-corporativo-planes-lista .feature-desc {
	text-align: left;
}

.correo-corporativo-planes-lista .feature-desc ul {
	list-style: none;
}

@media (max-width: 767.98px) {
	.correo-corporativo-planes-lista .feature-desc ul {
		padding-left: 0px !important;
	}
	 .correo-corporativo-planes-precios .feature-content {
        padding-top: 0px !important;
    }

	.correo-corporativo-planes-precios .feature-title {
		font-size: 25px;
	}
}

.correo-corporativo-section-1-banner {
	background-image: url("/templates/lagom2/assets/img/page-manager/background-s1-correo-corporativo-v6.png");
	background-size: cover;
}

.correo-corporativo-section-1-banner .banner-caption {
	color: #AFFF28 !important;
	font-size: 50px !important;
	font-weight: 600 !important;
}

.correo-corporativo-section-1-banner .banner-title {
	color: #FFFFFF;
	font-size: 86px !important;
	line-height: 1.0;
}

.correo-corporativo-section-1-banner .banner-title span{
	color: #AFFF28 !important;
	font-size: 50px !important;
}

@media (max-width: 767.98px) {
	.correo-corporativo-section-1-banner .banner-graphic-background > img {
	display: none !important;
	}

	.correo-corporativo-section-1-banner .banner-caption {
		font-size: 35px !important;
	}

	.correo-corporativo-section-1-banner .banner-title {
		font-size: 45px !important;
	}

	.correo-corporativo-section-1-banner .banner-title span{
		color: #AFFF28 !important;
		font-size: 35px !important;
	}

	.correo-corporativo-section-1-banner .banner-subtitle {
		margin-bottom: 30px !important;
	}
	
	.correo-corporativo .banner-content{
		display: none;
	}
	
	.correo-corporativo .banner-content .banner-subtitle span{
		display: none !important;
	}
}

.correo-corporativo-section-1-graphic {
	padding-bottom: 70px !important;
}

@media (min-width: 1320px) {
	.correo-corporativo-section-1-graphic {
		display: none !important;
	}
		
	.correo-corporativo .site-banner.banner.banner-custom-graphic-bg .banner-graphic-background.banner-graphic-background-side {
		right: -360px !important;
	}
}

.correo-corporativo-section-2-impulsar-imagen {
	background-color: #ffffff !important;
}

.correo-corporativo-section-2-impulsar-imagen .container .section-title {
	min-width: 100% !important;
	font-size: 70px !important;
	color: #020067;
	line-height: 1.3;
}

.correo-corporativo-section-2-impulsar-imagen .section-subtitle {
	color: #23277CFF !important;
	font-size: 20px !important;
	font-weight: 500px !important;
}

@media (max-width: 767.98px) {
	.correo-corporativo-section-2-impulsar-imagen .container .section-title {
		font-size: 45px !important;
		min-width: 60% !important;
		line-height: 1.0 !important;
	}
	
	.correo-corporativo-section-2-impulsar-imagen .section-subtitle {
		line-height: 1.2 !important;
	}
}

.correo-corporativo-section-2-impulsar-imagen-features {
	background: radial-gradient(circle farthest-corner at 10% 20%, #0048da 1.4%, #00a8ff 90%) !important;
	overflow: hidden;
	box-shadow: none !important;
}

.correo-corporativo-section-2-impulsar-imagen-features:hover {
	background: radial-gradient(circle farthest-corner at 10% 20%, #0048da 1.4%, var(--body-bg) 90%) !important;
}

.correo-corporativo-section-2-impulsar-imagen-features .feature-body .feature-icon img{
	width: 130px;
}

.correo-corporativo-section-2-impulsar-imagen-features .feature-body .feature-content .feature-title {
    font-size: 25px !important;
    font-weight: 600 !important;
    line-height: 1.3;
    color: #ffffff;
}

.correo-corporativo-section-2-impulsar-imagen-features .section-content-features {
	margin-top: 50px !important;
}

.correo-corporativo-section-2-2-herramientas {
	background-color:#ffff !important;
}

.correo-corporativo-section-2-2-herramientas .section-title {
	max-width: 100% !important;
    color: #020067 !important;
    font-size: 40px !important;
	font-weight: 600 !important;
    margin-bottom: 50px !important;
}

.correo-corporativo-section-2-2-herramientas .section-content {
    margin-top: 0px !important;
}

.correo-corporativo-section-2-2-herramientas .screen-slider-item {
    max-height: 40px;
}

.correo-corporativo-section-2-2-herramientas-features {
    box-shadow: none !important;
    background: none !important;
}

.correo-corporativo-section-2-2-herramientas-features .feature-body {
    align-items: center !important;
}

.correo-corporativo-section-2-2-herramientas-features .feature-icon img {
    width: 40px;
}

.correo-corporativo-section-2-2-herramientas-features .feature-title {
	color: #020067;
}

@media (max-width: 767.98px) {
   .correo-corporativo-section-2-2-herramientas-features .feature-icon img {
		width: 50px;
   }
}


/*Correo Básico*/

.correo-corporativo-section-3-correo-basico .banner-content {
	padding-top: 80px !important;
}

.correo-corporativo-section-3-correo-basico .banner-title {
	font-size: 70px !important;
	color: #ffff;
}

@media (max-width: 767.98px) {
	.correo-corporativo-section-3-correo-basico .banner-content{
		padding-bottom: 0px !important;
    }

	.correo-corporativo-section-3-correo-basico .banner-title {
		font-size: 45px !important;
	}
    .correo-corporativo-section-3-correo-basico .banner-content .banner-subtitle {
		line-height: 1.3 !important;
        }
}


/*Correo Profesional*/

.correo-corporativo-section-4-correo-profesional {
	background: #ffff !important;
}

.correo-corporativo-section-4-correo-profesional .banner-title {
	font-size: 70px !important;
	color: #020067;
}

.correo-corporativo-section-4-correo-profesional .banner-content .banner-subtitle {
	color: #020067;
	font: wight. 700;
	line-height: 1.3 !important;
}

@media (max-width: 767.98px) {
	.correo-corporativo-section-4-correo-profesional .banner-title {
		font-size: 45px !important;
    }
		
	.correo-corporativo-section-4-correo-profesional .banner-content{
		padding-bottom: 0px !important;
	}
}

.correo-corporativo-section-4-profesional-planes-lista {
	background: radial-gradient(circle farthest-corner at 10% 20%, #0048da 1.4%, #00a8ff 90%) !important;
	overflow: hidden;
	box-shadow: none !important;
}


.correo-corporativo-section-4-profesional-planes-lista .feature-title {
	color: #ffff;
	font-size: 20px !important;
}

.correo-corporativo-section-4-profesional-planes-lista .feature-desc {
	text-align: left;
}

.correo-corporativo-section-4-profesional-planes-lista .feature-desc ul {
	list-style: none;
}

@media (max-width: 767.98px) {
	.correo-corporativo-section-4-profesional-planes-lista .feature-desc ul {
		padding-left: 0px !important;
	}
}

.correo-corporativo-section-4-profesional-planes-precios {
	background: #ffff !important;
}

.correo-corporativo-section-4-profesional-planes-precios .container-slider:not(.full-screen-slider) {
        padding-top: 0px !important;
}

.correo-corporativo-section-4-profesional-planes-precios .feature-title {
	font-weight: 400 !important;
	font-size: 20px;
	color: #ffff;
}

.correo-corporativo-section-4-profesional-planes-precios .btn {
	background-color: #AFFF28 !important ;
	border: #AFFF28 !important;
	margin: auto;
	padding: 10px 40px !important;
	margin-top: 20px !important;
	color: #151844 !important;
	font-weight: 600 !important;
}

.correo-corporativo-section-4-profesional-planes-precios .btn:hover {
	background-color: #8eca1f !important;
	border: #8eca1f  1px solid !important;
}

.correo-corporativo-section-4-profesional-planes-precios .subtitulo {
	color: #8dc91f;
	font-weight: 600 !important;
}

@media (max-width: 767.98px) {
	.correo-corporativo-section-4-profesional-planes-precios .container-slider:not(.full-screen-slider) {
		padding: 0px;
    }
	
	.correo-corporativo-section-4-profesional-planes-precios .feature-title {
		font-size: 25px;
	}
}

/*Correo Empresarial*/

.correo-corporativo-section-5-correo-empresarial .banner-title {
	font-size: 70px !important;
	color: #ffff !important;
}

.correo-corporativo-planes-lista-empresarial-features-2 .feature-desc {
	text-align: left;
}

.correo-corporativo-planes-lista-empresarial-features-2 .feature-desc ul {
	list-style: none;
}

.correo-corporativo-planes-precios-empresarial-features-2 .container-slider:not(.full-screen-slider) {
        padding-top: 10px;
}

.correo-corporativo-planes-precios-empresarial-features-2 .feature-title {
	font-weight: 400 !important;
	font-size: 20px;
	color: #ffff;
}


@media (max-width: 767.98px) {
	.correo-corporativo-planes-lista-empresarial-features-2 .feature-desc ul {
		padding-left: 0px !important;
	}
	
	.correo-corporativo-planes-precios-empresarial-features-2 .container-slider:not(.full-screen-slider){
		padding-top: 0px !important;
	}
}

 .correo-corporativo-planes-precios-empresarial-features-2 .btn {
	background-color: #AFFF28 !important ;
	border: #AFFF28 !important;
	margin: auto;
	padding: 10px 40px !important;
	margin-top: 20px !important;
	color: #151844 !important;
	font-weight: 600 !important;
}

.correo-corporativo-planes-precios-empresarial-features-2 .btn:hover {
	background-color: #8eca1f !important;
	border: #8eca1f  1px solid !important;
}

.correo-corporativo-planes-precios-empresarial-features-2 .subtitulo {
	color: #8dc91f;
	font-weight: 600 !important;
}

@media (max-width: 767.98px) {
	.correo-corporativo-section-5-correo-empresarial .banner-content{
		padding-bottom: 0px !important;
    }

    .correo-corporativo-section-5-correo-empresarial .banner-title {
        font-size: 45px !important;
    }

    .correo-corporativo-section-5-correo-empresarial .banner-content .banner-subtitle {
        line-height: 1.3 !important;
    }
}

.correo-corporativo-section-5-3-key-features-correo-empresarial .section-content {
	padding-top: 0px !important;
}


/* Sección 6 - Agilidad en la nube*/

.correo-corporativo-section-6-agilidad-en-la-nube {
	background: #ffff !important;
}

.correo-corporativo-section-6-agilidad-en-la-nube .section-title {
	font-size: 70px !important;
	color: #020067 !important;
}

.correo-corporativo-section-6-agilidad-en-la-nube .section-subtitle {
	color: #020067 !important;
	line-height: 1.3 !important;
    margin-bottom: 70px !important;
}

.correo-corporativo-section-6-features .feature-body .feature-icon img {
    border: 1px solid;
    border-color: #020067;
	border-radius: 5px;
	height: 270px;
}

.correo-corporativo-section-6-agilidad-en-la-nube .section-content {
	margin-top: 0px !important;
}

@media (max-width: 767.98px) {
	.correo-corporativo-section-6-agilidad-en-la-nube .section-content {
		margin-top: 0px !important;
   }
	
	.correo-corporativo-section-6-agilidad-en-la-nube .section-title {
	font-size: 45px !important;
	}
	
	.correo-corporativo-section-6-agilidad-en-la-nube .section-subtitle {
    	margin-bottom: 30px !important;
	}

	.correo-corporativo-section-6-agilidad-en-la-nube .container-slider {
		padding-bottom: 0px !important;
   }

	.correo-corporativo-section-6-agilidad-en-la-nube .section-subtitle {
		line-height: 1.3 !important;
	}
	
	.correo-corporativo-section-6-features .feature-body .feature-icon img {
		height: 100px;
	}
}

/* Sección 7 - Correos Electrónicos Profesionales*/

.correo-corporativo-section-7-electronicos-profesionales .section-title {
	font-size: 70px !important;
	color: #ffff;
	max-width: 100% !important;
	line-height: 1.3 !important;
}

.correo-corporativo-section-7-features {
	background: radial-gradient(circle farthest-corner at 10% 20%, #0048da 1.4%, #00a8ff 90%) !important;
	overflow: hidden;
	box-shadow: none !important;
}

.correo-corporativo-section-7-features:hover {
	background: radial-gradient(circle farthest-corner at 10% 20%, #0048da 1.4%, var(--body-bg) 90%) !important;
}

.correo-corporativo-section-7 .feature-body .feature-icon img{
	width: 130px;
}

.correo-corporativo-section-7 .feature-body .feature-content .feature-title {
	font-weight: 600;
	color: #AFFF28;
}

@media (max-width: 767.98px) {
	.correo-corporativo-section-7-electronicos-profesionales .section-title {
	font-size: 45px !important;
	}
	
	.correo-corporativo-section-7-electronicos-profesionales  .section-subtitle {
		line-height: 1.3 !important;
	}
}

/* Sección 8 - Preguntas Frecuentes*/

.correo-corporativo-section-8-preguntas-frecuentes {
    background:#ffffff !important;
    padding-bottom: 100px !important;
}

.correo-corporativo-section-8-preguntas-frecuentes .section-title {
    color: #020067 !important;
    font-size: 70px !important;
    line-height: 1.0 !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
}

.correo-corporativo-section-8-preguntas-frecuentes .section-subtitle {
    color: #020067 !important;
    font-size: 23px !important;
}

.correo-corporativo-section-8-preguntas-frecuentes .faq-item-boxed:not(.collapsed) {
    background: radial-gradient(circle farthest-corner at 10% 20%, #00a8ff 1%, #0048da 90%);
    box-shadow: none !important;
}

.correo-corporativo-section-8-preguntas-frecuentes .faq-item-boxed {
    outline: none !important;
}

.correo-corporativo-section-8-preguntas-frecuentes .faq-item-boxed.collapsed:not(.faq-item-expanded) {
    background: #020067 !important;
}

@media (max-width: 767.98px) {
    .correo-corporativo-section-8-preguntas-frecuentes {
        background:#ffffff !important;
        padding-bottom: 70px !important;
    }

    .correo-corporativo-section-8-preguntas-frecuentes .section-title {
        font-size: 45px !important;
        margin-bottom: 0px !important;
    }

    .correo-corporativo-section-8-preguntas-frecuentes .section-subtitle {
        line-height: 1.5 !important;
    }

    .correo-corporativo-section-8-preguntas-frecuentes .section-actions {
        margin-top: 50px!important;
    }
}

/*sección 9 Empresas*/

.correo-corporativo-section-9-empresas {
    background:#ffffff !important;
    padding-bottom: 100px !important;
}

.correo-corporativo-section-9-empresas .section-title {
	display: none !important;
}

.correo-corporativo-section-9-empresas .section-subtitle {
    color: #020067 !important;
    font-size: 23px !important;
	max-width: 100% !important;
}

.correo-corporativo-section-9-empresas-features-logos img {
    background-color: white;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 1px 8px 0px 0px rgb(5 126 169);
}

@media (max-width: 767.98px) {
    .correo-corporativo-section-9-empresas {
        background:#ffffff !important;
        padding-bottom: 70px !important;
    }

    .correo-corporativo-section-9-empresas .section-subtitle {
        line-height: 1.5 !important;
    }

    .correo-corporativo-section-9-empresas .section-actions {
        margin-top: 50px!important;
    }
}

/* Sección 10 - Pasarela de Pagos*/

.correo-corporativo-section-10-pasarela-de-pagos .section-caption {
	color: var(--brand-secondary-lighter) !important;
}

.correo-corporativo-section-10-pasarela-de-pagos .section-title span {
	color: #AFFF28 !important;
}

.correo-corporativo-section-10-pasarela-de-pagos .content-slider {
	overflow: hidden;
	padding-bottom: 0px;
}

@media (max-width: 767.98px) {
	.correo-corporativo-section-10-pasarela-de-pagos .section-title span {
		font-size: 30px;
	}

	.correo-corporativo-section-10-pasarela-de-pagos {
		padding-bottom: 10px !important;
	}
}


/* Personalizacion Página Hosting y Servidores **/

.servidores-seccion-1-banner {
	background-image: url("/templates/lagom2/assets/img/page-manager/imagen-background-seccion-1-sevidores-v3.webp");
	background-size: cover;
}

.servidores-section-1-banner .banner-caption {
	color: #AFFF28 !important;
	font-size: 50px !important;
	font-weight: 600 !important;
}

.servidores-seccion-1-banner .banner-title {
	color: #FFFFFF;
	font-size: 86px !important;
	line-height: 1.0;
}

.servidores-seccion-1-banner .banner-title span{
	color: #AFFF28 !important;
	font-size: 50px !important;
}

@media (max-width: 767.98px) {
	.servidores-seccion-1-banner .banner-graphic-background > img {
	display: none !important;
	}

	.servidores-seccion-1-banner .banner-caption {
		font-size: 35px !important;
	}

	.servidores-seccion-1-banner .banner-title {
		font-size: 45px !important;
	}

	.servidores-seccion-1-banner .banner-title span{
		color: #AFFF28 !important;
		font-size: 35px !important;
	}

	.servidores-section-1-banner .banner-subtitle {
		margin-bottom: 30px !important;
	}
}	

.servidores-seccion-2-tipos-de-servidores {
	background-color: #ffffff !important;
}

.servidores-seccion-2-tipos-de-servidores .container .section-title {
	min-width: 100% !important;
	font-size: 70px !important;
	color: #020067;
	line-height: 1.3;
}

.servidores-seccion-2-tipos-de-servidores .section-subtitle {
	color: #23277CFF !important;
	font-size: 20px !important;
	font-weight: 500px !important;
}

@media (max-width: 767.98px) {
	.servidores-seccion-2-tipos-de-servidores .container .section-title {
		font-size: 45px !important;
		min-width: 60% !important;
		line-height: 1.0 !important;
	}
	
	.servidores-seccion-2-tipos-de-servidores .section-subtitle {
		line-height: 1.2 !important;
	}
}

.servidores-seccion-2-tipos-de-servidores-features {
	background: radial-gradient(circle farthest-corner at 10% 20%, #0048da 1.4%, #00a8ff 90%) !important;
	overflow: hidden;
	box-shadow: none !important;
}

.servidores-seccion-2-tipos-de-servidores-features:hover {
	background: radial-gradient(circle farthest-corner at 10% 20%, #0048da 1.4%, var(--body-bg) 90%) !important;
}

.servidores-seccion-2-tipos-de-servidores-features .feature-body .feature-icon img{
	width: 130px;
}

.servidores-seccion-2-tipos-de-servidores-features .feature-body .feature-content .feature-title {
    font-size: 25px !important;
    font-weight: 600 !important;
    line-height: 1.3;
    color: #ffffff;
}

.servidores-seccion-2-tipos-de-servidores-features .section-content-features {
	margin-top: 50px !important;
}

.servidores-seccion-2-tipos-de-servidores-features .feature-desc ul li:before {
	content: "\e911";
	font-family: var(--font-family-icons-small) !important;
	font-size: var(--ui-icon-size-small);
	position: absolute;
	transform: translateY(0%);
    left: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: center;
	background: #ffffff;
	height: 20px;
	width: 20px;
	min-width: 20px;
	border-radius: 12px;
	margin-right: var(--spacing-2x);
	color: var(--brand-secondary-lighter);
}

.servidores-seccion-2-tipos-de-servidores-features .btn {
	background-color: #AFFF28 !important ;
	padding: 10px 40px !important;
	border: 1px solid #000f2d !important;
	color: #151844 !important;
	font-weight: 600 !important;
	margin-top: 30px;
}

.servidores-seccion-2-tipos-de-servidores-features .btn:hover {
	background-color: #000f2d !important;
	color: #afff28 !important;
	border: 1px solid #afff28 !important;
}

.servidores-seccion-3-operaciones-alto-rendimiento {
	background-color:#ffff !important;
}

.servidores-seccion-3-operaciones-alto-rendimiento .section-title {
	max-width: 100% !important;
    color: #020067 !important;
    font-size: 40px !important;
	font-weight: 600 !important;
    margin-bottom: 50px !important;
}

.servidores-seccion-3-operaciones-alto-rendimiento .section-content {
    margin-top: 0px !important;
}

.servidores-seccion-3-operaciones-alto-rendimiento .screen-slider-item {
    max-height: 40px;
}

.servidores-seccion-3-operaciones-alto-rendimiento-features {
    box-shadow: none !important;
    background: none !important;
}

.servidores-seccion-3-operaciones-alto-rendimiento-features .feature-body {
    align-items: center !important;
}

.servidores-seccion-3-operaciones-alto-rendimiento-features .feature-icon img {
    width: 400px;
}

.servidores-seccion-3-operaciones-alto-rendimiento-features .feature-title {
	color: #020067;
}

@media (max-width: 767.98px) {
   .servidores-seccion-3-operaciones-alto-rendimiento-features .feature-icon img {
		width: 150px;
   }
}

/** Hosting Wordpress **/

.hosting-wordpress-section-5 .banner-title {
	font-size: 70px !important;
	color: #ffff !important;
}

/** Servidores VPS **/

.servidores-section-7-servidores-vps {
	background: #ffff !important;
}

.servidores-section-7-servidores-vps .banner-title {
	font-size: 70px !important;
	color: #020067;
}

.servidores-section-7-servidores-vps .banner-content .banner-subtitle {
	color: #020067;
	font: wight. 700;
	line-height: 1.3 !important;
}

@media (max-width: 767.98px) {
	.servidores-section-7-servidores-vps .banner-title {
		font-size: 45px !important;
    }
		
	.servidores-section-7-servidores-vps .banner-content{
		padding-bottom: 0px !important;
	}
}

.servidores-hosting-planes-precios .subtitulo {
	color: #8dc91f;
	font-weight: 600 !important;
}

.servidores-section-8-servidores-vps-features-planes-lista {
	background: radial-gradient(circle farthest-corner at 10% 20%, #0048da 1.4%, #00a8ff 90%) !important;
	overflow: hidden;
	box-shadow: none !important;
}


.servidores-section-8-servidores-vps-features-planes-lista .feature-title {
	color: #ffff;
	font-size: 20px !important;
}

.servidores-section-8-servidores-vps-features-planes-lista .feature-desc {
	text-align: left;
}

.servidores-section-8-servidores-vps-features-planes-lista .feature-desc ul {
	list-style: none;
}

@media (max-width: 767.98px) {
	.servidores-section-8-servidores-vps-features-planes-lista .feature-desc ul {
		padding-left: 0px !important;
	}
}

.servidores-section-8-servidores-vps-features-planes-precios {
	background: #ffff !important;
}

.servidores-section-7-servidores-vps-features-planes-precios .container-slider:not(.full-screen-slider) {
        padding-top: 0px !important;
}

.servidores-section-8-servidores-vps-features-planes-precios .feature-title {
	font-weight: 400 !important;
	font-size: 20px;
	color: #ffff;
}

.servidores-section-8-servidores-vps-features-planes-precios .btn {
	background-color: #AFFF28 !important ;
	border: #AFFF28 !important;
	margin: auto;
	padding: 10px 40px !important;
	margin-top: 20px !important;
	color: #151844 !important;
	font-weight: 600 !important;
}

.servidores-section-8-servidores-vps-features-planes-precios .btn:hover {
	background-color: #8eca1f !important;
	border: #8eca1f  1px solid !important;
}

.servidores-section-8-servidores-vps-features-planes-precios .subtitulo {
	color: #8dc91f;
	font-weight: 600 !important;
}

@media (max-width: 767.98px) {
	.servidores-section-8-servidores-vps-features-planes-precios .container-slider:not(.full-screen-slider) {
		padding: 0px;
    }
	
	.servidores-section-8-servidores-vps-features-planes-precios .feature-title {
		font-size: 25px;
	}
}

.servidores-section-8-servidores-vps-planes-precios {
	background: #ffff !important;
}

.servidores-section-8-servidores-vps-planes-precios .btn {
	background-color: #AFFF28 !important ;
	margin: auto;
	padding: 10px 40px !important;
	margin-top: 20px !important;
	color: #151844 !important;
	font-weight: 600 !important;
}

.servidores-section-8-servidores-vps-planes-precios .btn:hover {
	background-color: #8eca1f !important;
	border: #8eca1f  1px solid !important;
}

.servidores-section-8-servidores-vps-planes-precios .feature-title {
	font-weight: 400;
	font-size: 20px !important;
	color: #ffff;
}

.servidores-section-8-servidores-vps-planes-precios .subtitulo {
	color: #8dc91f;
	font-weight: 600 !important;
}

@media (max-width: 767.98px) {
	 .servidores-section-8-servidores-vps .feature-content {
        padding-top: 0px !important;
    }

	.servidores-section-8-servidores-vps .feature-title {
		font-size: 25px;
	}
}

/** Servidores Dedicados **/

.servidores-section-9-servidores-dedicados .banner-content {
	padding-top: 80px !important;
}

.servidores-section-9-servidores-dedicados .banner-title {
	font-size: 70px !important;
	color: #ffff;
}

@media (max-width: 767.98px) {
	.servidores-section-9-servidores-dedicados .banner-content{
		padding-bottom: 0px !important;
    }

	.servidores-section-9-servidores-dedicados .banner-title {
		font-size: 45px !important;
	}
    .servidores-section-9-servidores-dedicados .banner-content .banner-subtitle {
		line-height: 1.3 !important;
        }
}


/**Servidores section 10 características**/

.servidores-section-10-caracteristicas {
	background: #ffff !important;
}

.servidores-section-10-caracteristicas .section-title {
	font-size: 70px !important;
	color: #020067 !important;
	max-width: 100% !important;
	line-height: 1.3 !important;
}

.servidores-section-10-caracteristicas-features {
	background: radial-gradient(circle farthest-corner at 10% 20%, #0048da 1.4%, #00a8ff 90%) !important;
	overflow: hidden;
	box-shadow: none !important;
}

.servidores-section-10-caracteristicas-features:hover {
	background: radial-gradient(circle farthest-corner at 10% 20%, #0048da 1.4%, var(--body-bg) 90%) !important;
}

.servidores-section-10-mapa {
	background: #fff !important;
}

.servidores-section-10-mapa .section-graphic {
    margin-left: -330px;
    width: 1250px !important;
}

@media (max-width: 767.98px) {
	.servidores-section-10-caracteristicas .section-title {
		font-size: 45px !important;
	}
	
	.servidores-section-10-mapa.site-banner.section-combined + .site-section {
    	padding-top: 50px !important;
    	padding-bottom: 70px !important;
	}
	
	.servidores-section-10-mapa .section-graphic {
    	margin-left: 20px;
    	width: 315px !important;
	}
}

.home-section-1-banner, .servidores-section-11-banner {
        background-image: url("/templates/lagom2/assets/img/page-manager/home-nobacom-section-1-background-wire.png");
        background-size: cover;
}

.servidores-section-11-banner .banner-content {
	padding-top: 0px !important;
	margin-top: 90px !important;
}

.servidores-section-11-banner .banner-background {
	padding-top: 0px !important;
	padding-bottom: 10px !important;
}

.servidores-section-11-banner .banner-graphic img {
	margin-top: -186px;
}

.servidores-section-11-banner .banner-caption {
	color: var(--brand-secondary-lighter) !important;
}

.servidores-section-11-banner .banner-background .banner-graphic img {
	width: 137% !important;
}

.servidores-section-11-banner .banner-title {
	min-width: 70% !important;
	font-size: 70px !important;
	line-height: 1.3;
}

.servidores-section-11-banner ul li::before {
	background-color: var(--brand-secondary-lighter) !important;
	color: #ffffff !important;
}

@media (max-width: 767.98px) {
	.servidores-section-11-banner .banner-content {
		margin-top: 10px !important;
	}
  
	.servidores-section-11-banner .banner-background .banner-graphic img {
		width: 380px !important;
	}
	
	.servidores-section-11-banner .banner-graphic img {
		margin-top: 0px;
	}

	.servidores-section-11-banner .banner-title {
		font-size: 45px !important;
		min-width: 60% !important;
	}

	.servidores-section-11-banner .banner-subtitle {
		line-height: 1.3 !important;
	}
}


/** Planes y precios hosting y servidores **/

.servidores-hosting-planes-lista .feature-desc {
	text-align: left;
}

.servidores-hosting-planes-lista .feature-desc ul {
	list-style: none;
}

@media (max-width: 767.98px) {
	.servidores-hosting-planes-lista .feature-desc ul {
		padding-left: 0px !important;
	}
	 .servidores-hosting-planes-lista .feature-content {
        padding-top: 0px !important;
    }

	.servidores-hosting-planes-lista .feature-title {
		font-size: 25px;
	}
}

.servidores-hosting-planes-precios .btn {
	background-color: #AFFF28 !important ;
	margin: auto;
	padding: 10px 40px !important;
	margin-top: 20px !important;
	color: #151844 !important;
	font-weight: 600 !important;
}

.servidores-hosting-planes-precios .btn:hover {
	background-color: #8eca1f !important;
	border: #8eca1f  1px solid !important;
}

.servidores-hosting-planes-precios .feature-title {
	font-weight: 400;
	font-size: 20px !important;
	color: #ffff;
}

.servidores-hosting-planes-precios .subtitulo {
	color: #8dc91f;
	font-weight: 600 !important;
}




    /** Personalizacion Inicio **/

    .home-button {
        margin-top: 0px !important;
    }


    .home-section-1-banner, .home-section-3-banner {
        background-image: url("/templates/lagom2/assets/img/page-manager/home-nobacom-section-1-background-wire.png");
        background-size: cover;
    }

    @media (min-width: 1320px) {
        .home-section-1-banner .site-banner.banner.banner-custom-graphic-bg .banner-graphic-background.banner-graphic-background-side {
            right: -360px !important;
        }
    }

    @media (max-width: 767.98px) {
        .home-section-1-banner .banner-content{
            display: none;
        }
    }

    @media (max-width: 767.98px) {
        .home-section-1-banner .banner-content .banner-subtitle span{
            display: none !important;
        }
    }

    .home-section-1-graphic {
        padding-bottom: 70px !important;
    }

    @media (min-width: 1320px) {
        .home-section-1-graphic {
            display: none !important;
        }
    }

    .home-section-2-soluciones-digitales {
        background-color: #ffffff !important;
    }

    .home-section-2-soluciones-digitales .container .section-title {
        min-width: 100% !important;
        font-size: 70px !important;
        color: #020067;
    }

	.home-section-2-soluciones-digitales .section-subtitle {
		color: #23277CFF !important;
		font-size: 20px !important;
		font-weight: 500px !important;
	}

    @media (max-width: 767.98px) {
        .home-section-2-soluciones-digitales .container .section-title {
            font-size: 45px !important;
            min-width: 60% !important;
            line-height: 1.0 !important;
			
        }
        .home-section-2-soluciones-digitales .section-subtitle {
            line-height: 1.2 !important;
        }
    }

    .home-section-2-soluciones-digitales-features {
        background: radial-gradient(circle farthest-corner at 10% 20%, #0048da 1.4%, #00a8ff 90%) !important;
        overflow: hidden;
        box-shadow: none !important;
    }

    .home-section-2-soluciones-digitales-features:hover {
        background: radial-gradient(circle farthest-corner at 10% 20%, #0048da 1.4%, var(--body-bg) 90%) !important;
    }

    .home-section-2-soluciones-digitales-features .feature-body .feature-icon img{
        width: 200px;
        transform: scale(1.5);
        margin-bottom: 30px;
    }

    @media (max-width: 767.98px) {
        .home-section-2-soluciones-digitales-features .feature-body .feature-icon img{
            transform: scale(1.7);
        }
    }

    .home-section-2-soluciones-digitales-features .feature-title {
        font-size: 25px !important;
        font-weight: 600 !important;
        line-height: 1.3;
        color: #ffffff;
        margin-bottom: 30px;
    }

    .home-section-2-soluciones-digitales-features .feature-subtitle {
        color: #FFFFFF;
        text-align: center;
        margin-bottom: 30px;
    }

    .home-section-2-soluciones-digitales-features .feature-desc ul {
        margin-bottom: 20px;
        list-style: none;
        padding-left: 0;
    }

    .home-section-2-soluciones-digitales-features .feature-desc ul li {
        padding-left: var(--spacing-5x);
    }

    .home-section-2-soluciones-digitales-features .feature-desc ul li:before {
        content: "\e911";
        font-family: var(--font-family-icons-small) !important;
        font-size: var(--ui-icon-size-small);
        position: absolute;
        transform: translateY(0%);
        left: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        align-self: center;
        background: #ffffff;
        height: 20px;
        width: 20px;
        min-width: 20px;
        border-radius: 12px;
        margin-right: var(--spacing-2x);
        color: var(--brand-secondary-lighter);
    }

    .home-button, .home-section-2-soluciones-digitales-features .btn {
        background-color: #AFFF28 !important ;
        padding: 10px 40px !important;
        border: 1px solid #000f2d !important;
        color: #151844 !important;
        font-weight: 600 !important;
        margin-top: 30px;
    }

    .home-button:hover, .home-section-2-soluciones-digitales-features .btn:hover {
        background-color: #000f2d !important;
        color: #afff28 !important;
        border: 1px solid #afff28 !important;
    }

    .home-section-2-soluciones-digitales-features .feature-desc {
        text-align: left;
        color: white;
        font-size: 18px !important;
    }

    .home-section-2-soluciones-digitales-features .feature-desc ul {
        list-style: none;
    }

    .home-section-3-banner .banner-content {
        padding-top: 0px !important;
        margin-top: 90px !important;
    }

    @media (max-width: 767.98px) {
        .home-section-3-banner .banner-content {
            margin-top: 10px !important;
        }
    }

    .home-section-3-banner .banner-background {
        padding-top: 0px !important;
        padding-bottom: 10px !important;
    }

    .home-section-3-banner .banner-caption {
        color: var(--brand-secondary-lighter) !important;
    }

    .home-section-3-banner .banner-background .banner-graphic img {
        width: 137% !important;
    }

    @media (max-width: 767.98px) {
        .home-section-3-banner .banner-background .banner-graphic img {
            width: 400px !important;
        }
    }

    .home-section-3-banner .banner-title {
        min-width: 70% !important;
        font-size: 70px !important;
        line-height: 1.3;
    }

    @media (max-width: 767.98px) {
        .home-section-3-banner .banner-title {
            font-size: 45px !important;
            min-width: 60% !important;
        }
        .home-section-3-banner .banner-subtitle {
            line-height: 1.3 !important;
        }
    }

    .home-section-3-banner ul li::before {
        background-color: var(--brand-secondary-lighter) !important;
        color: #ffffff !important;
    }

    .home-section-4-testimonios {
        background: #FFFFFF !important;
    }

    .home-section-4-testimonios .section-title {
        max-width: 100% !important;
        font-size: 70px !important;
        line-height: 1; !important;
    }

    @media (max-width: 767.98px) {
        .home-section-4-testimonios .section-title {
            max-width: 100% !important;
            font-size: 45px !important;
            margin-top: 30px !important;
        }
        .home-section-4-testimonios .section-subtitle {
            line-height: 1.3 !important;
        }
    }

    .home-section-4-testimonios .is-boxed {
        background: var(--secondary-block-bg)!important;
        overflow: hidden;
        box-shadow: none !important;
    }

    .home-section-4-testimonios .testimonials-avatar span {
        background-color: var(--brand-secondary);
    }

    .home-section-4-1-logos-empresas {
        background: #FFFFFF !important;
        padding-top: 0px !important;
    }

    @media (max-width: 767.98px) {
        .home-section-4-1-logos-empresas .section-actions {
            margin-top: 40px !important;
        }
    }

    .home-section-4-1-logos-empresas-features img {
        background-color: white;
        padding: 10px;
        border-radius: 10px;
        box-shadow: 1px 8px 0px 0px #e5e5e5;
    }

    .home-section-5-panel-graphic {
        background-image: url("/templates/lagom2/assets/img/page-manager/home-nobacom-section-1-background-wire.png") !important;
        background-size: cover !important;
    }

    .home-section-5-panel-graphic .graphic-content {
        padding-top: 0px;
        margin-top: 90px;
    }

    .home-section-5-panel-graphic .section-background {
        margin-top: 90px !important;
        margin-left: -20px !important;
        width: 800px !important;
    }

    .home-section-5-panel-graphic .section-caption {
        color: var(--brand-secondary-lighter) !important;
    }

    @media (max-width: 767.98px) {
        .home-section-5-panel-graphic {
            padding-top: 0px !important;
        }
    }

    @media (max-width: 767.98px) {
        .home-section-5-panel-graphic .section-background {
            margin-top: 50px !important;
            margin-left: 40px !important;
            width: 400px !important;
        }

        .home-section-5-panel-graphic .section-content {
            padding-top: 30px !important;
        }
    }

    .home-section-5-panel-graphic .section-title {
        min-width: 100% !important;
        color: #FFFFFFFF;
        font-size: 70px !important;
        line-height: 1.0 !important;
    }

    @media (max-width: 767.98px) {
        .home-section-5-panel-graphic .section-title {
            min-width: 60% !important;
            font-size: 45px !important;
        }
    }

    @media (max-width: 767.98px) {
        .home-section-5-panel-graphic .section-subtitle {
            line-height: 1.3 !important;
            margin-bottom: 0px !important;
        }
    }

.home-section-6-impulsa-tu-negocio {
    background:#ffffff !important;
    padding-bottom: 0px !important;
}

.home-section-6-impulsa-tu-negocio .container {
    margin-bottom: 295px !important;
}

.home-section-6-impulsa-tu-negocio .section-content {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.home-section-6-impulsa-tu-negocio .section-title {
    font-size: 70px !important;
    line-height: 1.3;
}

    @media (max-width: 767.98px) {
        .home-section-6-impulsa-tu-negocio .container {
            margin-bottom: 190px !important;
        }

        .home-section-6-impulsa-tu-negocio .section-title {
            font-size: 45px !important;
            line-height: 1.3 !important;
        }

        .home-section-6-impulsa-tu-negocio .section-subtitle {
            line-height: 1.3 !important;
        }
    }

    .home-section-6-impulsa-tu-negocio .section-graphic img {
        max-width: 80%;
    }

    .home-section-8-features .feature-title {
        color: var(--brand-secondary-lighter);
        font-size: 20px;
        font-weight: 600;
    }

    .home-section-8-features .feature-icon>img {
        max-width: 27px;
    }

    .home-section-9-banner {
        background-size: auto;
    	background-repeat: no-repeat;
		background-position-y: center;
    	background-position-x: center;
    }

    .home-section-9-banner .banner-content {
		padding-top: 0px !important;
    }

	.site-banner.home-section-9-banner.section-combined {
    	margin-bottom: 80px !important; 
	}

    @media (max-width: 767.98px) {
		.home-section-9-banner {
			height: 145px !important;
   		}
		
		.site-banner.home-section-9-banner.section-combined {
    		margin-bottom: 0px !important; 
		}
		
		.video-wrapper-layer {
			width: 0px !important;
        	height: 0px !important;
  		}
	}

    .home-section-9-pasareladepagos {
        padding-bottom: 50px !important;
    }

    .home-section-9-pasareladepagos .content-slider {
        overflow: hidden;
    }

    .home-section-9-pasareladepagos .container-slider {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    @media (max-width: 767.98px) {
        .home-section-9-pasareladepagos .container-slider {
            padding-top: 16px !important;
            padding-bottom: 16px !important;
        }

        .home-section-9-pasareladepagos {
            padding-bottom: 40px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
        }
    }



/* Personalizacion Páginas Web Básicas **/

.paginaswebbasicas-seccion-2-queobtienes {
	background-color: #ffffff !important;
}

.paginaswebbasicas-seccion-2-queobtienes .section-title {
	color: #020067 !important;
    font-size: 70px !important;
	font-weight: 600 !important;
    line-height: 1.3 !important;
    max-width: 100% !important;
}

.paginaswebbasicas-seccion-2-queobtienes .section-subtitle {
	color: #23277CFF !important;
	font-size: 20px !important;
	font-weight: 500px !important;
}

.paginaswebbasicas-seccion-2-queobtienes-features .feature-title {
	color: #020067;
    font-size: 23px !important;
	font-weight: 600 !important;
	line-height: 1.3;
}

@media (max-width: 767.98px) {
	.paginaswebbasicas-seccion-2-queobtienes .container .section-title {
		font-size: 45px !important;
		min-width: 60% !important;
		line-height: 1.0 !important;
	}

	.paginaswebbasicas-seccion-2-queobtienes .section-subtitle {
		line-height: 1.2 !important;
	}
}

.paginasbasicas-seccion-3-plantillas .section-title {
	color: #ffffff !important;
    font-size: 70px !important;
    font-weight: 600 !important;
    max-width: 100% !important;
    line-height: 1.3 !important;
}

.paginasbasicas-seccion-3-plantillas .section-subtitle {
    color: #AFFF28 !important;
	font-size: 23px !important;
	font-weight: 500 !important;
}

.paginas-basicas-boton .feature-content {
    margin-top: -50px;
    max-height: 45px;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
}

.paginas-basicas-ver {
    background: #018AF3;
    padding: 6px 35px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
}

.paginas-basicas-ver:hover {
    background: #000F2D;
    color: #ffffff;
 	border-top: 1px solid #afff28;
    border-left: 1px solid #afff28;
    border-bottom: 1px solid #afff28;
}

.paginas-basicas-activar {
    background: #AFFF28;
    padding: 6px 20px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #000F2D !important;
    font-size: 15px;
    font-weight: 500;
}

.paginas-basicas-activar:hover {
    background: #000F2D;
    color: #ffffff !important;
	border-top: 1px solid #018AF3;
    border-right: 1px solid #018AF3;
    border-bottom: 1px solid #018AF3;
}

.feature-boxed-img .feature-body {
    margin-bottom: 30px;
}

.feature-boxed-img .feature-icon img {
	border: 1px solid;
	border-color: #fff;
}

@media (max-width: 767.98px) {
	.paginas-basicas-boton .section-content-features {
    	margin-top: 30px !important;
	}

    .feature-boxed-img .feature-body {
    	margin-bottom: 15px;
	}
		
	.paginasbasicas-seccion-3-plantillas .section-title {
        font-size: 45px !important;
        min-width: 100% !important;
		line-height: 1.0 !important
   }

 	.paginasbasicas-seccion-3-plantillas .section-subtitle {
        line-height: 1.3 !important;
    }
}

/* Íconos dentro de la sección 2*/
.paginaswebbasicas-seccion-2-queobtienes-features {
  --svg-icon-color-1: #00a8ff; /* Color 1 */
  --svg-icon-color-2: #0048da; /* Color 2 */
  --svg-icon-color-3: #020067; /* Color 3 */
}

/* Tabs inactivas sección 3 */
.paginasbasicas-seccion-3-plantillas .nav-tabs .nav-item:not(:last-of-type),
.paginasbasicas-seccion-3-plantillas .nav-tabs li:not(:last-of-type) {
    background-color: #091938; /* Fondo de las tabs inactivas */
    color: #ffff;              /* Color del texto */
    border-radius: 5px;
}

/* Tab Impactante SOLO inactiva */
.paginasbasicas-seccion-3-plantillas 
.nav-tabs .nav-item.content-slider-item .nav-link:not(.active):not(:hover) {
    background-color: #091938;
    color: #ffff;
    border-radius: 5px;
}

/* Línea inferior de la tab activa */
.paginasbasicas-seccion-3-plantillas .nav-tabs .nav-link.active {
    border: none !important; /* Quita la línea por defecto */
}

/* Línea inferior en hover */
.paginasbasicas-seccion-3-plantillas .nav-tabs .nav-link:hover {
    border-bottom: 2px solid #AFFF28; /* Línea diferente en hover */
}

/* Hover sobre tabs sección 3*/
.paginasbasicas-seccion-3-plantillas .nav-tabs .nav-link:hover {
    background-color: #0844bd; /* Fondo al hacer hover */
    color: #ffff;              /* Color del texto en hover */
    border-radius: 5px
}

/* Tabs activas sección 3*/
.paginasbasicas-seccion-3-plantillas .nav-tabs .nav-item.show .nav-link,
.paginasbasicas-seccion-3-plantillas .nav-tabs .nav-link.active {
    background-color: #0844bd; /* Fondo de la tab activa */
    border-color: #0000;       /* Línea/borde activo */
    color: #ffff !important;   /* Texto de la tab activa */
    border-radius: 5px;
}

.paginasbasicas-seccion-3-plantillas .tabs-multiple-container {
	position: sticky;
    top: 0px;
    z-index: 1000;
    background-color: #000f2d;
    padding-bottom: 10px;
}

@media (max-width: 767.98px) {
	.paginasbasicas-seccion-3-plantillas .tabs-multiple-container {
    	top: 100px !important;
	}
}


/* Personalizacion Páginas Web Estándar **/

.paginaswebestandar-seccion-2-queobtienes {
	background-color: #ffffff !important;
}

.paginaswebestandar-seccion-2-queobtienes .section-title {
	color: #020067 !important;
    font-size: 70px !important;
	font-weight: 600 !important;
    line-height: 1.3 !important;
    max-width: 100% !important;
}

.paginaswebestandar-seccion-2-queobtienes .section-subtitle {
	color: #23277CFF !important;
	font-size: 20px !important;
	font-weight: 500px !important;
}

.paginaswebestandar-seccion-2-queobtienes-features .feature-title {
	color: #020067;
    font-size: 23px !important;
	font-weight: 600 !important;
	line-height: 1.3;
}

@media (max-width: 767.98px) {
	.paginaswebestandar-seccion-2-queobtienes .container .section-title {
		font-size: 45px !important;
		min-width: 60% !important;
		line-height: 1.0 !important;
	}

	.paginaswebestandar-seccion-2-queobtienes .section-subtitle {
		line-height: 1.2 !important;
	}
}

.paginaswebestandar-seccion-3-plantillas .section-title {
	color: #ffffff !important;
    font-size: 70px !important;
    font-weight: 600 !important;
    max-width: 100% !important;
    line-height: 1.3 !important;
}

.paginaswebestandar-seccion-3-plantillas .section-subtitle {
    color: #AFFF28 !important;
	font-size: 23px !important;
	font-weight: 500 !important;
}

@media (max-width: 767.98px) {	
	.paginaswebestandar-seccion-3-plantillas .section-title {
        font-size: 45px !important;
        min-width: 100% !important;
		line-height: 1.0 !important
   }

 	.paginaswebestandar-seccion-3-plantillas .section-subtitle {
        line-height: 1.3 !important;
    }
}

/* Íconos dentro de la sección 2*/
.paginaswebestandar-seccion-2-queobtienes-features {
  --svg-icon-color-1: #00a8ff; /* Color 1 */
  --svg-icon-color-2: #0048da; /* Color 2 */
  --svg-icon-color-3: #020067; /* Color 3 */
}

/* Tabs inactivas sección 3 */
.paginaswebestandar-seccion-3-plantillas .nav-tabs .nav-item:not(:last-of-type),
.paginaswebestandar-seccion-3-plantillas .nav-tabs li:not(:last-of-type) {
    background-color: #091938; /* Fondo de las tabs inactivas */
    color: #ffff;              /* Color del texto */
    border-radius: 5px;
}

/* Tab Impactante SOLO inactiva */
.paginaswebestandar-seccion-3-plantillas 
.nav-tabs .nav-item.content-slider-item .nav-link:not(.active):not(:hover) {
    background-color: #091938;
    color: #ffff;
    border-radius: 5px;
}

/* Línea inferior de la tab activa */
.paginaswebestandar-seccion-3-plantillas .nav-tabs .nav-link.active {
    border: none !important; /* Quita la línea por defecto */
}

/* Línea inferior en hover */
.paginaswebestandar-seccion-3-plantillas .nav-tabs .nav-link:hover {
    border-bottom: 2px solid #AFFF28; /* Línea diferente en hover */
}

/* Hover sobre tabs sección 3*/
.paginaswebestandar-seccion-3-plantillas .nav-tabs .nav-link:hover {
    background-color: #0844bd; /* Fondo al hacer hover */
    color: #ffff;              /* Color del texto en hover */
    border-radius: 5px
}

/* Tabs activas sección 3*/
.paginaswebestandar-seccion-3-plantillas .nav-tabs .nav-item.show .nav-link,
.paginaswebestandar-seccion-3-plantillas .nav-tabs .nav-link.active {
    background-color: #0844bd; /* Fondo de la tab activa */
    border-color: #0000;       /* Línea/borde activo */
    color: #ffff !important;   /* Texto de la tab activa */
    border-radius: 5px;
}

.paginaswebestandar-seccion-3-plantillas .tabs-multiple-container {
	position: sticky;
    top: 0px;
    z-index: 1000;
    background-color: #000f2d;
    padding-bottom: 10px;
}

@media (max-width: 767.98px) {
	.paginaswebestandar-seccion-3-plantillas .tabs-multiple-container {
    	top: 100px !important;
	}
}



/* Personalizacion Páginas Web a la Medida **/

.paginaswebalamedida-seccion-2-queobtienes {
	background-color: #ffffff !important;
}

.paginaswebalamedida-seccion-2-queobtienes .section-title {
	color: #020067 !important;
    font-size: 70px !important;
	font-weight: 600 !important;
    line-height: 1.3 !important;
    max-width: 100% !important;
}

.paginaswebalamedida-seccion-2-queobtienes .section-subtitle {
	color: #23277CFF !important;
	font-size: 20px !important;
	font-weight: 500px !important;
}

.paginaswebalamedida-seccion-2-queobtienes-features .feature-title {
	color: #020067;
    font-size: 23px !important;
	font-weight: 600 !important;
	line-height: 1.3;
}

@media (max-width: 767.98px) {
	.paginaswebalamedida-seccion-2-queobtienes .container .section-title {
		font-size: 45px !important;
		min-width: 60% !important;
		line-height: 1.0 !important;
	}

	.paginaswebalamedida-seccion-2-queobtienes .section-subtitle {
		line-height: 1.2 !important;
	}
}

.paginaswebalamedida-seccion-3-asesoria .graphic-content {
    padding-top: 0px;
    margin-top: 90px;
}

.paginaswebalamedida-seccion-3-asesoria .section-background {
	margin-top: 90px !important;
	margin-left: -20px !important;
	width: 800px !important;
}

.paginaswebalamedida-seccion-3-asesoria .section-caption {
    color: var(--brand-secondary-lighter) !important;
}

.paginaswebalamedida-seccion-3-asesoria .section-title {
	min-width: 100% !important;
	color: #FFFFFFFF;
	font-size: 70px !important;
	line-height: 1.0 !important;
}

.paginaswebalamedida-seccion-3-asesoria .section-graphic img {
	max-width: 100% !important;
    margin-top: -240px;
}

.paginaswebalamedida-seccion-3-asesoria .section-content {
	padding-left: 54px !important;
}

.paginaswebalamedida-seccion-3-asesoria .section-desc ol li {
  font-size: 19.5px !important;
}


@media (max-width: 767.98px) {
	.paginaswebalamedida-seccion-3-asesoria {
		padding-top: 0px !important;
    }

	.paginaswebalamedida-seccion-3-asesoria .section-background {
		margin-top: 50px !important;
		margin-left: 40px !important;
		width: 400px !important;
	}
	
	.paginaswebalamedida-seccion-3-asesoria .section-graphic img {
		max-width: 90% !important;
    	margin-top: -50px;
	}

	.paginaswebalamedida-seccion-3-asesoria .section-content {
		padding-left: 0px !important;
		padding-top: 15px !important;
	}

	.paginaswebalamedida-seccion-3-asesoria .section-title {
		min-width: 60% !important;
		font-size: 45px !important;
	}

	.paginaswebalamedida-seccion-3-asesoria .section-subtitle {
		line-height: 1.3 !important;
		margin-bottom: 0px !important;
	}
}

/* Íconos dentro de la sección 2*/
.paginaswebalamedida-seccion-2-queobtienes-features {
  --svg-icon-color-1: #00a8ff; /* Color 1 */
  --svg-icon-color-2: #0048da; /* Color 2 */
  --svg-icon-color-3: #020067; /* Color 3 */
}

/* Números dentro de la sección 3*/
.paginaswebalamedida-seccion-3-asesoria ol li::before {
	background-color: #7052dd !important;
	color: #ffffff !important;
	font-size: 25px !important;
	padding: 15px 15px 15px 15px;
	border-radius: 100px !important; 
}


/*PRUEBA VIDEOTUTORIALES*/
/*Página Constructor ejemplo*/
.constructor-ejemplo-section-1-banner {
	background-image: url("/templates/lagom2/assets/img/page-manager/imagen-prueba-constructor.jpg");
	background-size: cover;
}

@media (min-width: 1320px) {
	.constructor-ejemplo-section-1-banner .site-banner.banner.banner-custom-graphic-bg .banner-graphic-background.banner-graphic-background-side {
		right: -360px !important;
	}
}

@media (max-width: 767.98px) {
	.constructor-ejemplo-section-1-banner .banner-content {
		display: none !important;
	}
}

@media (max-width: 767.98px) {
	.constructor-ejemplo-section-1-banner .banner-content .banner-subtitle span{
		display: none;
	}
}

@media (min-width: 1320px) {
	.constructor-ejemplo-seccion-1-graphic {
		display: none !important;
	}
}

@media (max-width: 767.98px) {
	.constructor-ejemplo-seccion-1-graphic .site-section.section-combined {
		padding-bottom: 50px;
	}
	
	.constructor-ejemplo-seccion-1-graphic .section-caption {
		color: #ffff !important;
    	font-size: 20px !important;
    	font-weight: 500 !important;
    	margin-bottom: 20px !important;
	}
	
	.constructor-ejemplo-seccion-1-graphic .section-title {
		color: #AFFF28 !important;
		font-size: 45px !important;
		font-weight: 700 !important;
		margin-bottom: 10px !important;
		line-height: 1.3 !important;
	}
	
	.constructor-ejemplo-seccion-1-graphic .section-subtitle {
		color: #A020F0 !important;
		font-size: 20px !important;
		font-weight: 400 !important;
	}
	
	.constructor-ejemplo-seccion-1-graphic .section-desc {
		color: #ffff;
		font-size: 18px !important;
		font-weight: 400 !important;
		margin-bottom: 30px !important;
	}
}

.constructor-ejemplo-seccion-3 {
	background-color: #ffffff !important;
}

.constructor-ejemplo-seccion-3 .container .section-title {
	min-width: 100% !important;
	font-size: 70px !important;
	color: #020067;
}

.constructor-ejemplo-seccion-3 .section-subtitle {
	color: #020067 !important;
	font-size: 20px !important;
	font-weight: 400px;
}

@media (max-width: 767.98px) {
	.constructor-ejemplo-seccion-3 .container .section-title {
		font-size: 45px !important;
		min-width: 60% !important;
		line-height: 1.0 !important;
}
	
	.constructor-ejemplo-seccion-3 .section-subtitle {
		line-height: 1.2 !important;
	}
}

.constructor-ejemplo-seccion-3-features {
	background: radial-gradient(circle farthest-corner at 10% 20%, #0048da 1.4%, #00a8ff 90%) !important;
	overflow: hidden;
	box-shadow: none !important;
}

.constructor-ejemplo-seccion-3-features:hover {
	background: radial-gradient(circle farthest-corner at 10% 20%, #0048da 1.4%, var(--body-bg) 90%) !important;
}

.constructor-ejemplo-seccion-3-features .feature-body .feature-icon img{
	width: 200px;
	transform: scale(1.5);
	margin-bottom: 30px;
}

@media (max-width: 767.98px) {
	.constructor-ejemplo-seccion-3-features .feature-body .feature-icon img{
		transform: scale(1.7);
	}
}

.constructor-ejemplo-seccion-3-features .feature-title {
	font-size: 25px !important;
	font-weight: 600 !important;
	line-height: 1.3;
	color: #ffffff;
	margin-bottom: 30px;
}

.constructor-ejemplo-seccion-3-features .feature-subtitle {
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 30px;
}

.constructor-ejemplo-seccion-3-features .feature-desc ul {
	margin-bottom: 20px;
	list-style: none;
	padding-left: 0;
}

.constructor-ejemplo-seccion-3-features .feature-desc ul li {
	padding-left: var(--spacing-5x);
}

.constructor-ejemplo-seccion-3-features .feature-desc ul li:before {
	content: "\e911";
	font-family: var(--font-family-icons-small) !important;
	font-size: var(--ui-icon-size-small);
	position: absolute;
	transform: translateY(0%);
    left: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-self: center;
	background: #ffffff;
	height: 20px;
	width: 20px;
	min-width: 20px;
	border-radius: 12px;
	margin-right: var(--spacing-2x);
	color: var(--brand-secondary-lighter);
}

.home-button, .constructor-ejemplo-seccion-3-features .btn {
	background-color: #AFFF28 !important ;
	padding: 10px 40px !important;
	border: 1px solid #000f2d !important;
	color: #151844 !important;
	font-weight: 600 !important;
	margin-top: 30px;
}

.home-button:hover, .constructor-ejemplo-seccion-3-features .btn:hover {
	background-color: #000f2d !important;
	color: #afff28 !important;
	border: 1px solid #afff28 !important;
}

.constructor-ejemplo-seccion-3-features .feature-desc {
	text-align: left;
	color: white;
	font-size: 18px !important;
}

.constructor-ejemplo-seccion-3-features .feature-desc ul {
	list-style: none;
}

.constructor-ejemplo-seccion-5-preguntas-frecuentes {
    padding-bottom: 100px !important;
}

.constructor-ejemplo-seccion-5-preguntas-frecuentes .section-title {
    color: #afff28 !important;
    font-size: 70px !important;
    line-height: 1.0 !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
}

.constructor-ejemplo-seccion-5-preguntas-frecuentes .section-subtitle {
    color: #ffff !important;
    font-size: 23px !important;
}

.constructor-ejemplo-seccion-5-preguntas-frecuentes .faq-item-boxed:not(.collapsed) {
    background: radial-gradient(circle farthest-corner at 10% 20%, #4b1c71 1%, #b57edc 90%) !important;
    box-shadow: none !important;
}

.constructor-ejemplo-seccion-5-preguntas-frecuentes .faq-item-boxed {
    outline: none !important;
}

.constructor-ejemplo-seccion-5-preguntas-frecuentes .faq-item-boxed.collapsed:not(.faq-item-expanded) {
    background: #5c0093 !important;
}

@media (max-width: 767.98px) {
    .constructor-ejemplo-seccion-5-preguntas-frecuentes {
        padding-bottom: 70px !important;
    }

    .constructor-ejemplo-seccion-5-preguntas-frecuentes .section-title {
        font-size: 45px !important;
        margin-bottom: 0px !important;
    }

    .constructor-ejemplo-seccion-5-preguntas-frecuentes .section-subtitle {
        line-height: 1.5 !important;
    }

    .constructor-ejemplo-seccion-5-preguntas-frecuentes .section-actions {
        margin-top: 50px!important;
    }
}