/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try it out on a free dummy site: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.8.11.1739232013
Updated: 2025-02-10 19:00:13

*/
.text-sec {
    color:  var(--e-global-color-secondary); 
}

.ast-site-title-wrap {
    display: none;
}

.linea-doble-color {
    position: relative;
    height: 1px; /* Grosor de la línea */
    background: linear-gradient(to right, #E64A00 10%, #ffffff36 10%);
    width: 100%;
}
.elementor-button-icon svg {
    width: 30px !important; /* Ajusta el tamaño según necesites */
    height: 30px;
}

.bg-tl {
    background-image: url('https://netcallgroupperu.com/wp-content/uploads/2025/02/bg-sec.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 28%;
}


.bg-tl-blue {
    background-image: url('https://netcallgroupperu.com/wp-content/uploads/2025/02/bg-azul.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 28%;
    
}


.bg-br {
    background-image: url('https://netcallgroupperu.com/wp-content/uploads/2025/02/bg-br-blue.png');
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 28%;
}
/*icon box*/
.netcall-iconbox {
    position: relative;
    text-align: center;
    padding: 40px;
    border: 1px solid #CFD8DC; /* Borde gris claro */
    background: transparent;
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
    
}

.netcall-iconbox svg {
    width: 60px; /* Cambia el tamaño */
    height: 60px;
    fill: var(--e-global-color-primary); /* Cambia el color usando el primario de Elementor */
}


.netcall-iconbox .netcall-icon {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #CFD8DC; /* Borde del icono */
    display: flex;
    align-items: center;
    justify-content: center;
}

.netcall-iconbox .netcall-icon i {
    font-size: 40px;
    color: var(--e-global-color-primary); /* Color primario de Elementor */
}


.netcall-iconbox .netcall-title {
    font-size: 18px;
    font-weight: 600;
    font-family: var(--e-global-typography-primary-font-family); 
    margin-top: 40px; /* Ajuste para evitar que el icono lo tape */
    color: var(--e-global-color-primary);;
}

.netcall-iconbox .netcall-line {
    width: 40px;
    height: 3px;
    background: var(--e-global-color-secondary); /* Color secundario de Elementor */
    margin: 6px auto;
    margin-bottom: 12px;
    transition: width 0.4s cubic-bezier(0.25, 1.5, 0.5, 1); /* Suaviza el efecto */
    
}

.netcall-iconbox:hover .netcall-line {
    width: 80px; /* Aumenta el tamaño al hacer hover */
}

.netcall-iconbox .netcall-description {
    font-size: 16px;
    font-family: var(--e-global-typography-primary-font-family); 
    margin-bottom: 10px;
    color: var(--e-global-color-text);
}

.netcall-iconbox .netcall-button {
    font-size: 14px;
    font-family: var(--e-global-typography-primary-font-family); 
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    color: var(--e-global-color-primary);;
    border: solid 1px #CFD8DC;
    padding: 4px 15px;
    border-radius: 30px;
}

.netcall-iconbox .netcall-button span {
    color: #E64A00; /* Color secundario */
    font-family: var(--e-global-typography-primary-font-family); 
    font-size: 20px;
    margin-left: 5px;
    text-decoration: none;
}

.netcall-background-number {
    position: absolute;
    top: -15px;
    left: 10px;
    font-size: 60px;
    font-weight: bold;
    color: #E64A00; /* Color semi-transparente */
    opacity: 0.2;
    z-index: 0;
    user-select: none; /* Evita la selección de texto */
    pointer-events: none; /* Evita interacciones con el mouse */
}

.hblock .netcall-iconbox{
    min-height: 470px;
}
/* Efecto Hover */
.netcall-iconbox .netcall-button:hover {
    background: var(--e-global-color-secondary); /* Color secundario */
    color: #fff; /* Texto en blanco */
    border-color: var(--e-global-color-secondary);
    font-family: var(--e-global-typography-primary-font-family); 
}

.netcall-iconbox .netcall-button:hover span {
    color: #fff; /* Cambiar el "+" a blanco también */
    font-family: var(--e-global-typography-primary-font-family); 
}
span.elementor-counter-number-prefix {
    color: var(--e-global-color-secondary); 
}
/* contador*/
.elementor-counter-title {
    text-align: center;
}
.diagonal-box {
    
    clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%); /* Crea el corte diagonal */
}
.ast-single-post .entry-content a {
    text-decoration: none;
}
/*///nosotros///*/
.foto {
    display: inline-block; /* Mantiene el tamaño de la imagen */
    position: relative; /* Necesario para posicionar ::before */
    border-radius: 20px; /* Bordes redondeados */
}

/* Borde desplazado */

.tline:before {
    position: absolute;
    content: " ";
    top: -10px;
    height: 2px;
    width: 41px;
    background: #ff3c00;
}

.hcont .elementor-counter-number-wrapper {
    position: relative; /* Necesario para que el círculo se posicione correctamente */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px; /* Espacio alrededor del número */
}

.hcont .elementor-counter-number {
    position: relative;
    z-index: 1; /* Asegura que el número esté delante del círculo */
}

.hcont .elementor-counter-number::before {
    content: "";
    position: absolute;
    width: 30px; /* Tamaño dinámico basado en el número */
    height: 30px;
    background-color: #B51504; /* Color del círculo */
    border-radius: 50%; /* Hace que sea un círculo */
    z-index: -1; /* Coloca el círculo detrás del número */
    top: 30%;
    left: 20%;
    transform: translate(-50%, -50%); /* Centra el círculo exactamente detrás del número */
}

.hcont .elementor-counter-number-wrapper {
    position: relative;
    text-align: right; /* Mantiene la alineación */
    display: inline-block; /* Asegura que el contenedor tenga el tamaño correcto */
    padding: 10px; /* Espaciado para que el círculo no se vea cortado */
}

.hcont .elementor-counter-title {
    text-align: left;
    padding-left: 10px !important;
}

.hcont .elementor-counter-number-prefix {
    color: white;
}

.hcont .elementor-counter-number-wrapper {
    display: inline-block;
    position: relative; /* Necesario para posicionar ::after */
    padding-right: 10px; /* Espacio entre la línea y el texto */
}

.hcont .elementor-counter-number-wrapper::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%; /* Empieza desde la mitad */
    transform: translateY(-50%); /* Centra la línea verticalmente */
    width: 1px; /* Grosor de la línea */
    height: 50%; /* Solo ocupa el 50% de la altura */
    background-color: white; /* Color de la línea */
}

.wp_teamshowcase_slider.design-1 .teamshowcase-image-bg {
    background: transparent !important;
    height: 450px;
    border-radius: 100px 0px;
}

.member-name {
    font-size: 18px !important;
    font-weight: 600;
}

.wp_teamshowcase_slider.design-1 .contact-content{
    text-align: left !important;
}
.member-content {
    text-align: left !important;
    color: var(--e-global-color-text);
}
.member-desc {
    display: none;
}
.wp_teamshowcase_grid.design-1 .contact-content{
    text-align: left;
}

.member-content {
    padding-bottom: 0px !important;
}

.fa-linkedin:before {
    content: "Linkedin" !important;
}

.contact-content a {
    background-color: transparent;
    padding: 0px 5px;
    font-size: 14px;
}
.contact-content a .fa {
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-primary-font-family); 
    font-weight: 400;
}
.team-grid .contact-content a:hover, .team-slider .contact-content a:hover {
    background: none;
}

.wp_teamshowcase_slider button.slick-next, 
.wp_teamshowcase_slider button.slick-next:hover, 
.wp_teamshowcase_slider button.slick-next:focus {
    background: url('https://netcallgroupperu.com/wp-content/uploads/2025/02/arrow-right.png') 0 0 no-repeat !important;
    background-size: 15px 26px !important;
    margin-right: 10px !important;
}
.wp_teamshowcase_slider button.slick-prev, 
.wp_teamshowcase_slider button.slick-prev:hover, 
.wp_teamshowcase_slider button.slick-prev:focus {
    background: url('https://netcallgroupperu.com/wp-content/uploads/2025/02/arrow-left.png') 0 0 no-repeat !important;
    background-size: 15px 26px !important;
    margin-left: 10px !important;
}

.pretitle{
    margin-left: 53px;
}
.pretitle:before {
    position: absolute;
    content: "";
    top: 10px;
    left: -53px;
    height: 2px;
    width: 41px;
    background: var(--e-global-color-secondary); 
}

/*servicios*/
.img-dot {
    position: relative;
    display: inline-block; /* Ajusta al tamaño de la imagen */
        
}

.img-dot img {
    display: block;
}

.img-dot::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    background-color: var(--e-global-color-secondary); 
    border-radius: 50%;
    top: -30px;
    right: 0;
    z-index: -1;
    /* transform: translate(50%, -50%); */
}
/*////////Contacto////////*/
#responsive-form{
	/*	max-width:600px; -- cambiar esto para conseguir el ancho de la forma deseada --*/
	margin:0 auto;
	width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
    padding-bottom: 0px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    border-radius: 50px;
}

.column-half p, .column-full p {
    margin-bottom: 15px;

}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    border-radius: 50px;
    background-color: #F7F4F4;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
}

textarea {
    max-height: 100px;
    border-radius: 20px;
    background-color: #F7F4F4;
    resize: none;
}


/* Ocultar el botón de carga de archivos original */
.file-hidden {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* Estilo del botón personalizado */
.file-upload-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.file-upload-wrapper label {
    background: #F7F4F4; 
    color:  #919cad;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    text-align: left;
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 10px;
    left: 0;
    border: solid 1px #d1d5db;
    border-radius: 50px;
}

.file-upload-wrapper label:hover {
    background: #F7F4F4;
}

.cargar{
    background-color: #B51504;
}


/*boton*/

/* Ocultar el input original */
input.wpcf7-form-control.wpcf7-file.upfile {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
}

/* Estilizar el botón de carga */
.upfile-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #f0f0f0;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    font-weight: 400;
     color:  #919cad;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 50px;
}

/* Icono en el botón 
.upfile-label::before {
    content: url("http://www.universaltechnolabs.com/test/utech/wp-content/uploads/2020/04/attach.png");
    display: inline-block;
    width: 20px;
    height: 20px;
}*/

/* Estilizar el texto del archivo cargado */
.upfile-name {
    display: block;
    font-size: 12px;
    color: #666;
    margin-top: -15px;
}

.upfile-label i {
font-size: 20px;
display: block;
position: absolute;
float: right;
right: 30px;
}

/* Quitar el borde punteado en los botones del menú al hacer clic */
button:focus, a:focus {
    outline: none;
}



.wp-tsas-slider-wrap {
    overflow: hidden;
}

.team-slider {
    margin: 10px; /* Ajusta el valor según lo necesites */
}



/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}

/*////RESPONSIVE///////*/
@media (max-width: 768px) {
    .bg-tl-blue, .bg-tl, .bg-br {
        background-size: 60%;
    }
}

/*boton contacto*/
/* Ocultar en escritorio */
@media (min-width: 1025px) {
    .hide-menu {
        display: none !important;
    }
}

/* Mostrar en móviles y enviarlo al final */
@media (max-width: 1024px) {
    .menu { /* Asegúrate de cambiar esto por la clase del contenedor del menú */
        display: flex;
        flex-direction: column; /* Hace que los elementos del menú se apilen */
    }
    
    .hide-menu {
        display: block !important; /* Muestra el botón */
        order: 99; /* Lo envía al final del menú */
    }
    li.page_item.page-item-752.menu-item {
        order: 99;
    }
}