/* Blog: banner con video y efecto pin - solo en plantilla del blog */
.blog-page .pin-spacer{position:relative;z-index:-1}
.blog-page .banner-area{position:fixed!important;top:0;left:0;width:100%;height:550px;z-index:-1}
.blog-page .video-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}
.blog-page .video-background video{width:100%;height:100%;object-fit:cover}
.blog-page #first-section{margin-top:550px}
@media (max-width:767px){.blog-page .banner-area{height:420px}.blog-page #first-section{margin-top:420px}}
@import url(https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.accordion-button,.accordion-item{color:#9094a6;background-color:#000}#first-section,.accordion-button,.bg-degrade,.bg-degrade-primary{position:relative}body,html{overflow-x:hidden}.bg-black,body{background:#000}.bg-alma-creativa,.bg-degrade,.bg-degrade-primary{background-size:cover;background-repeat:no-repeat}li,p{font-family:Poppins!important}.navbar .navbar-nav .nav-item .nav-link,h1{font-family:"Montserrat Alternates",sans-serif}h1.alma-creativa-title{display:flex;flex-direction:column;line-height:1}.bg-alma-creativa{background-image:url(../img/banner-services-cs.webp);background-position:center}ul.features-list li{margin-bottom:10px}.bg-degrade{background-image:url(../img/fondo-section-general.webp);background-position:right;background-attachment:fixed}.bg-degrade-primary{background-image:url(../img/bg.jpg);background-position:center}a.navbar-brand img{width:130px}.navbar .navbar-nav .nav-item .dropdown-menu{width:320px}.main-btn{padding-left:30px}h1{line-height:1}.navbar .navbar-nav .nav-item .nav-link{font-size:18px;font-weight:500;color:#f7e9ff;margin:0 10px}.navbar .navbar-nav .nav-item .nav-link::after{position:absolute;content:"";width:0%;height:2px;background:#fff;bottom:0;left:50%;opacity:0;transform:translateX(-50%);transition:.3s linear;-webkit-transition:.3s linear;-moz-transition:.3s linear;-ms-transition:.3s linear;-o-transition:.3s linear;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.dropdown-toggle::after{display:inline-block;margin-left:0;vertical-align:0;content:"";border-top:0;border-right:0;border-bottom:0;border-left:0;opacity:1!important}.navbar .navbar-nav .nav-item .nav-link.active::after,.navbar .navbar-nav .nav-item:hover .nav-link::after{opacity:1;width:100%}.BlackUpperCircle,.dropdown-menu .nav-link::after{display:none}.accordion-button{display:flex;align-items:center;width:100%;font-size:1rem;text-align:left;border:0}.accordion-item{border:1px solid #1c1c1c}.accordion-button::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.accordion-button{border-radius:4px!important}.section-title .content{padding-left:40px}a.logo-footer img{width:82px;margin-bottom:20px}@media (max-width:1199px){.logo-mobile{display:block}.logo-mobile img{width:58px}.logo-desktop{display:none}}@media (min-width:1200px){.logo-mobile{display:none}.logo-desktop{display:block}}@media (max-width:991px){.bg-degrade{background-image:url(../img/bg-section.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;padding-top:50px;padding-bottom:40px;position:relative}.img-gradient-bottom{-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 78%,rgba(0,0,0,0) 95%);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 78%,rgba(0,0,0,0) 95%);-webkit-mask-composite:destination-in;mask-composite:intersect}.contact-form{padding-right:0}.pt-150{padding-top:110px}.scroll-down{display:none}.section-title .content{padding-left:0}.banner-area{min-height:67vh;height:67vh;display:flex;align-items:center;z-index:-1;background-image:url(../img/bg-header-home-csapp.webp)!important}.title-home-responsive{justify-content:center;margin-top:50px}.title-home-responsive h1{font-size:35px!important;text-align:center;line-height:33px}}h1.alma-creativa-title .a{font-size:100px}h1.alma-creativa-title .c{font-family:Poppins,serif;font-weight:300;font-style:normal;font-size:68px}.breadcrumb_text a{color:#ef411a}.single-fetuses-box a:hover{color:#7f00ff}.color-text-degrade{background:linear-gradient(90deg,#ef1f83 3.09%,#9d42ee 105.66%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mensaje-footer{font-size:44px!important;line-height:50px;font-weight:600;color:#fff!important}.single-fetuses-box i{font-size:50px;margin-bottom:20px}.single-fetuses-box:hover i{background-image:linear-gradient(315deg,#7f00ff 35%,#e100ff 50%);background-size:100%;background-repeat:repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}@media only screen and (max-width:767px){h1.alma-creativa-title .a {font-size: 60px !important;}h1.alma-creativa-title .c {font-family: Poppins, serif; font-weight: 300; font-style: normal; font-size: 40px !important;}.BlackUpperCircle{display:block!important}.banner-area .image{padding-top:0!important}.banner-area{padding-top:75px!important}.article-area .section-title{margin-bottom:0}.section-title{position:relative;padding:10px 0}.bg-black-responsive{background-image:url(../img/bg-header-servicios-creativesoulapp.webp)}}.login,.login:hover{padding:13px 20px;font-size:16px;margin:10px;text-align:center}.single-column{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.login{border:1px solid #7f00ff;color:#fff;border-radius:5px;backdrop-filter:blur(10px);background-color:#05091333}.login:hover{border:1px solid #7f00ff;color:#fff!important;border-radius:5px}.font-salmon-aviso-footer{font-family:salmonregular;font-weight:100;font-size:56px}.btn-get-quote-now{width:140px}.overlay,video{width:100%}.image img,.owl-carousel .owl-item img{border-radius:12px}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{-webkit-backdrop-filter:blur(36px);backdrop-filter:blur(36px)}div:where(.swal2-container) h2:where(.swal2-title){color:#fff!important}div:where(.swal2-container) div:where(.swal2-html-container){color:#fff!important}div:where(.swal2-container) div:where(.swal2-popup){background:#ffffff00!important}.swal2-success-circular-line-left{background-color:rgb(0 0 0 / 0%)!important}.swal2-success-circular-line-right,.swal2-success-fix{background-color:rgb(255 255 255 / 0%)!important}.content{z-index:0}.overlay{position:absolute;top:0;left:0;height:100%;background:rgba(0,0,0,.5);z-index:2}#first-section .container{position:relative;z-index:3}div#navbarOffcanvas{backdrop-filter:blur(10px);background-color:#05091300;width:100%}#navbarOffcanvas .logo{width:60px}.responsive-navbar .offcanvas-body ul.responsive-menu .responsive-menu-list a{font-size:32px;font-family:"Montserrat Alternates",sans-serif}.nav-divider{margin:1rem 0;border-top:1px solid rgb(255 255 255)}.responsive-navbar .offcanvas-header{padding:15px 30px;border-bottom:1px solid!important}.responsive-navbar .offcanvas-body ul.responsive-menu .responsive-menu-list{border-bottom:0 solid rgba(255,255,255,.1);line-height:40px;height:40px}.fs-18{font-size:18px!important}.main-navigation,.social-media{line-height:30px!important;height:30px!important}.accordion-button:not(.collapsed){color:#fff;background-color:#000;box-shadow:inset 0 calc(-1* var(--bs-accordion-border-width)) 0 #000}.banner-area{display:flex;align-items:center;z-index:-1}.border-services-responsive,.logo-home{display:grid;place-content:center;--tw-border-opacity:1}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23CCCCCC' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.logo-home{border:2px solid rgb(207 0 235);height:340px;width:97%;border-top-right-radius:9999px;border-bottom-right-radius:9999px;border-width:2px 2px 2px 0;margin-bottom:30px}.logo-home .image,.logo-home a{margin-left:-47px}.BlackUpperCircle{position:absolute;top:-55px;width:100%}.home-responsive{padding:10px 0 0}.home-responsive p,.intro-services{color:#f7e9ff;text-align:center;padding:0 20px;margin-bottom:24px;font-size:14px;font-family:Poppins}.logo-home a{margin:auto}.border-services-responsive{border:2px solid rgb(207 0 235);width:97%;border-top-right-radius:9999px;border-bottom-right-radius:9999px;border-width:2px 2px 2px 0;padding:70px 30px 60px 10px}.banner-area img{border-radius:0!important}
.banner-area {
    min-height: auto !important;
    height: auto !important;
}
.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}

.video-background video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#contactForm input[type=text], #contactForm input[type=email], #contactForm input[type=tel], #contactForm select, #contactForm textarea{
    background-color: rgb(255 255 255 / 14%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 0;
    border-radius: 5px;
}

textarea{
    height: 150px !important;
}

    #contactForm .btn-checkbox {
        margin-right: 5px;
        border-radius: 8px;
        transition: all 0.3s ease-in-out;
        padding: 10px 20px;
        display: inline-block;
        text-align: center;
        cursor: pointer;
border: 1px solid #00000000 !important;
color: #9a9a9a;
	background-color: rgb(255 255 255 / 14%);
   	 -webkit-backdrop-filter: blur(10px);
    	backdrop-filter: blur(10px);
    	border: 0;
    	border-radius: 5px;
    }

    #contactForm .btn-checkbox input {
        display: none;
    }

    #contactForm .btn-checkbox.active {
        box-shadow: 0 0 13px 2px #8000ffb3 !important;
        border: 1px solid #7f00ff !important;
        color: white;
    }
    .btn-group-toggle {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .btn-checkbox {
        flex: 1 1 calc(22% - 10px); /* Ajusta para 4 columnas */
        text-align: center;
    }
    @media (max-width: 768px) {
        .btn-checkbox {
            flex: 1 1 calc(50% - 10px); /* 2 columnas en tablets */
        }
.video-background video {
    width: 100%;
    height: 40%;
    object-fit: cover;
}
    }
    @media (max-width: 576px) {
        .btn-checkbox {
            flex: 1 1 100%; /* Se apilan en pantallas pequeñas */
        }
    }
.bg-contacto{
 background: url(../img/contactanos-3.webp) 
}