/*
Theme Name:   Nombre del Child Theme
Template:     hello-biz
Theme URI:    https://estudiofrenesi.com.ar
Author:       Tu Nombre
Author URI:   https://estudiofrenesi.com.ar
Description:  Hello Biz child de [Hello Biz]
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  Hello Biz child
*/

p {
    margin: 0;
}

h2 {
    span {
        color: var( --e-global-color-secondary );
    }
}

/* header */
.elementor-sticky--effects {
    background: white;
}

.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a {
    color: var( --e-global-color-primary ) !important;
}

.elementor-widget-heading.link-noblue .elementor-heading-title[class*=elementor-size-]>a {
    color: inherit !important;
}

.menu-ocultar {
	display: none !important;
}

/* slider */
.elementor-slides .swiper-slide-inner .elementor-slide-description:not(:last-child), .elementor-slides .swiper-slide-inner .elementor-slide-heading:not(:last-child) {
    margin-bottom: 0 !important;
}
.elementor-slides {
	.swiper-slide {
		&[aria-label="1 / 5"] {
			.swiper-slide-bg {
				background-position: 90% 0 !important;
				
				@media (min-width: 700px) {
					background-position: 80% 0 !important;
				}
			}
		}
		&[aria-label="2 / 5"] {
			.swiper-slide-bg {
				@media (min-width: 700px) {
					background-position: 60% 0 !important;
				}
			}
		}
		&[aria-label="3 / 5"] {
			.swiper-slide-bg {
				@media (min-width: 700px) {
					background-position: 70% 0 !important;
				}
				@media (min-width: 1300px) {
					background-position: 70% 0 !important;
				}
				@media (min-width: 1400px) {
					background-position: 70% 0 !important;
				}
				@media (min-width: 1900px) {
					min-width: 110% !important;
				}
			}
		}
		&[aria-label="4 / 5"] {
			.swiper-slide-bg {
				background-position: 90% 0 !important;
				
				@media (min-width: 700px) {
					background-position: 85% 0 !important;
				}
			}
		}
		&[aria-label="5 / 5"] {
			.swiper-slide-bg {
				background-position: 75% 0 !important;
				
				@media (min-width: 700px) {
					background-position: 65% 0 !important;
				}
			}
		}
	}
	.swiper-slide-bg {
		background-position: 67% 0 !important;

		@media (min-width: 700px) {
			background-position: 75% 0 !important;
		}
		@media (min-width: 1000px) {
			background-position: 60% 0 !important;
		}
		@media (min-width: 1300px) {
			background-position: 80% 0 !important;
		}
		@media (min-width: 1400px) {
			background-position: 70% 0 !important;
		}
		@media (min-width: 1900px) {
			background-position: 100% 0 !important;
		}
	}
}
.elementor-7 .elementor-element .swiper-slide-contents, .elementor-963 .elementor-element .swiper-slide-contents, .elementor-1022 .elementor-element .swiper-slide-contents {
    left: -35%;
    max-width: 40% !important;
    position: relative;
    
    @media (min-width: 700px) {
        left: -36%;
        max-width: 35% !important;
    }
    @media (min-width: 1000px) {
        left: -40%;
        max-width: 25% !important;
    }
     @media (min-width: 1000px) {
        left: -35%;
        max-width: 33% !important;
    }
    @media (min-width: 1300px) {
        left: -29%;
        max-width: 30% !important;
    }
    @media (min-width: 1400px) {
        left: -29%;
        max-width: 30% !important;
    }
    @media (min-width: 1900px) {
        left: -20%;
        max-width: 22% !important;
    }
}
.elementor-7 .elementor-element .elementor-slide-button {
    margin-top: 20px;
}

.elementor-7 .elementor-element.elementor-element-ba79568 {
    height: 100%;
}

.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 20px !important;
}

figure {
    line-height:  unset;
    
    img {
        vertical-align: bottom;
    }
}

/* Aplica a todos */
.elementor-7 .elementor-icon-wrapper {
    height: 70px;
    margin-top: -4px;
    
    @media (min-width: 850px) {
      height: 100px;
      margin-top: -9px;
    }
}

/* Excepción: NO se aplica a este */
.elementor-7 .elementor-element-7c9de8a .elementor-icon-wrapper {
  height: auto !important;
  margin-top: 0 !important;
}

.elementor-icon {
    svg {
        height: auto !important;
    }
}

.elementor-26 .elementor-element.elementor-element-4f03ed7 .elementor-nav-menu--main {
	
	.menu-destacado .elementor-item {
		color: white;
    	background-color: var( --e-global-color-primary );
		padding: 5px 10px;
		border-radius: 9px;
		
		&:hover, &.elementor-item-active {
    		background-color: var( --e-global-color-secondary );
    		color: white;
    	}
	}
	
	.menu-item-347 .elementor-item {
		background-color: var( --e-global-color-secondary );
    	color: white;
    	padding: 5px 10px;
		border-radius: 9px;
    
    	&:hover, &.elementor-item-active {
    		color: white;
    		background-color: var( --e-global-color-primary );
    	}
	}
    
}



/* fondo azul - link blanco */
.elementor-element.elementor-element-7b0937a a {
    color: white !important;
    
    &:hover {
        text-decoration: underline;
    }
}

/* Importante */

.elementor {
    img.importante-img1, img.importante-img2 {
        height: auto;
        width: 100%;
        
        @media (min-width: 480px) {
            height: 400px;
        }
    }
}

.elementor-button-link.elementor-button.elementor-size-sm {
    font-size: 16px;
    font-weight: 400;
    
    &:hover {
        background-color: var( --e-global-color-accent );
    }
    
    &.header-top-button {
        background-color: var(--e-global-color-d97087c);
        font-family: "Cairo", Sans-serif;
        font-size: 14px;
        font-weight: 500;
        fill: var(--e-global-color-primary);
        color: var(--e-global-color-primary);
        padding: 10px 14px 10px 14px;
        
        &:hover {
            background-color: var(--e-global-color-accent);
            color: var(--e-global-color-d97087c);
        }
		
		@media (min-width: 480px) {
			font-size: 18px;
		}
    }
    &.btn-defensa {
        font-size: 16px;
        background-color: var( --e-global-color-accent );
    }
    &.btn-footer {
        background-color: var(--e-global-color-primary);
        font-family: "Cairo", Sans-serif;
        font-size: 14px;
        font-weight: 400;
        border-style: solid;
        
        &:hover {
            background-color: var(--e-global-color-d97087c);
            color: var(--e-global-color-primary);
        }
    }
}

.btns-pdfs .elementor-widget-container {
    gap: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
    .elementor-button-link-pdf {
        display: flex;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;
        flex-direction: column;
        justify-content: center;
        /*gap: 20px;*/
        border-radius: 0;
        font-family: "Cairo", Sans-serif;
        font-size: 16px;
        font-weight: 400;
        text-transform: uppercase;
        /*line-height: 20px;*/
        color: var(--e-global-color-d97087c);
        flex: 1 1 100%;
        max-width: 100%;
        height: 200px;
        
        @media (min-width: 480px) {
            flex: 1 1 20%;
            max-width: calc(25% - 30px);
        }
        
        /*&:before {
            content: '';
            background-image: url('https://www.estudiofrenesi.com.ar/clientes/creditech/wp-content/uploads/2025/07/file-pdf-1.svg');
            background-repeat: no-repeat;
            background-size: 70px 70px;
            background-position: center center;
            width: 70px;
            height: 70px;
            margin: 0 auto;
        }*/
        
        &:hover {
            background-color: var( --e-global-color-secondary );
        }
    }
}

.elementor-shortcode {
	display: flex;
	justify-content: center;
}
.cg-logos-bg-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
  gap: 20px;
  align-items: center;
  justify-items: center;
	margin-top: 40px;
  width:100%;
	max-width: 860px;
}
.cg-logo-bg {
  width:100%;
  max-width:200px;
  height:200px;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
	border: solid 1px #53565B;
	border-radius: 20px;
}
@media(max-width:992px){ .cg-logos-bg-wrapper{ grid-template-columns:repeat(4,1fr); } }
@media(max-width:800px){
	.cg-logo-bg {
		height: 177px;
	}
}
@media(max-width:600px){ 
	.cg-logos-bg-wrapper { 
		grid-template-columns:repeat(2,1fr); 
	}
	
}

/* footer */

.elementor-element-3366348.elementor-widget-text-editor a {
    font-size: inherit !important;
}

.qr-footer {
	width: 70px;
}