/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

}






/* LANDIND SEGUNDA OPORTUNIDAD */
:root {
    --primary: #003056; /* Azul */
    --dark: #002343; /* Azul oscuro */
    --medium: #003056; /* Azul */
    --light: #E5EAEE; /* Gris claro */
}
body.page-id-1067{
    background: #FFF;
}
body.page-id-1067 .bg-light{
    background-color: var(--light);
}

body.page-id-1067 h1, 
body.page-id-1067 .h1{
    font-size: 62px;
    line-height: 68px;
    font-weight: 400;
    font-family: "Playfair Display", sans-serif;
    color: var(--dark);
}
body.page-id-1067 h2{
    font-size: 44px;
    line-height: 50px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    color: var(--dark);
}
@media only screen and (max-width: 48em) {
    body.page-id-1067 h2 {
        font-size: 26px;
        line-height: 1.3;
    }
}
body.page-id-1067 h3{
    font-size: 26px;
    line-height: 1.3;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
    color: var(--dark);
}

body.page-id-1067 .subtitle{
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--medium); 
}

body.page-id-1067 .btn-primary{
    margin: 0; 
    padding: 15px 25px;
    color: #FFF;
    background-color: var(--primary);
    white-space: nowrap;
    max-width: none;
    text-transform: none;
    font-weight: 400;
    border-radius: 4px;
}
body.page-id-1067 .btn-primary:hover{
    background-color: var(--dark);  
}
body.page-id-1067 .btn-link{
    margin: 0;
    padding: 10px 15px;
    color: var(--primary);
    background-color: transparent;
    white-space: nowrap;
    max-width: none;
    text-transform: none;
    font-weight: 400;
    border-radius: 4px;
    background: transparent!important;
    border: 0;
}
body.page-id-1067 .btn-link:hover{
    opacity: 0.7;
    background: transparent!important;   
    box-shadow: none;   
}

body.page-id-1067 .my-20{
    margin-top: 20px;
    margin-bottom: 20px;
}
body.page-id-1067 .mt-40{
    margin-top: 40px;
}
body.page-id-1067 .mb-40{
    margin-bottom: 40px;
}

body.page-id-1067 .flex{display:flex;}
body.page-id-1067 .justify-center{justify-content: center;}

body.page-id-1067 .corp-frame .col-inner{position: relative;}
body.page-id-1067 .corp-frame .col-inner::before,
body.page-id-1067 .corp-frame .col-inner::after{
    content: '';
    display: flex;
    position: absolute;
    z-index: 0;
}
body.page-id-1067 .corp-frame .col-inner::before{
    width: calc(30% - 20px);
    height: calc(100% - 40px);    
    top: 20px;
    left: 20px;
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}
 body.page-id-1067 .corp-frame .col-inner::after{
    width: calc(70% - 20px);
    height: calc(50% - 20px);
    top: 20px;
    right: 20px;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
 body.page-id-1067 .corp-frame .col-inner *{
    z-index: 1;
}
body.page-id-1067 .container-width, 
body.page-id-1067 .full-width .ubermenu-nav, 
body.page-id-1067 .container, 
body.page-id-1067 .row {
    /* max-width: 1080px; */
    max-width: 1494px;
}

.image-frame .col-inner{
    position: relative;
    border-radius: 4px;
    margin-top: -100px;  
}
.image-frame .col-inner:before{
    content: '';
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -20px;
    right: -20px;
    border-radius: 4px;  
    border: 1px solid var(--dark);
    z-index: 0;
}
.image-frame .col-inner img{
    border-radius: 4px;  
}



/* Header */
body.page-id-1067 .header .col{
    padding: 15px;
}
body.page-id-1067 .logo{
    width: 100%!important;
    max-width: 170px!important;
}
body.page-id-1067 .ux-logo-link{
    padding: 0!important;
}

/* Jumbo section */
body.page-id-1067 .jumbo-section{
    padding: 190px 0 !important;
    color: #FFF;
    background-color: var(--light);    
    background-image: url(https://www.batlleferrerabogados.com/wp-content/uploads/2022/12/segunda-oportunidad-jumbo-bg.jpg);
    background-size: cover;
}
@media only screen and (max-width: 48em) {
    body.page-id-1067 .jumbo-section{
        background-image: url(https://www.batlleferrerabogados.com/wp-content/uploads/2022/12/segunda-oportunidad-jumbo-mob-bg.jpg);
    } 
}


body.page-id-1067 .jumbo-section h1{
    color: var(--light);
}
body.page-id-1067 .jumbo-section .subtitle{
    color: #FFF;
}
body.page-id-1067 .jumbo-section .btn-primary{
    padding: 24px 40px;
    margin-top: 40px;
}
@media only screen and (max-width: 48em) {
    body.page-id-1067 .jumbo-section{
        padding: 240px 20px 20px 20px;         
    }
    body.page-id-1067 .jumbo-section h1{
        font-size: 32px;
        line-height: 35px;
    }    
}


/* Card */
body.page-id-1067 .main-card .col-inner{
    padding: 50px 70px;
    background-color: #FFF;
    position: relative;
    border-radius: 4px;
    margin-top: -100px;  
}
body.page-id-1067 .main-card .col-inner:before{
    content: '';
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -20px;
    right: -20px;
    border-radius: 4px;  
    border: 1px solid #FFF;
    z-index: 0;
}
@media only screen and (max-width: 48em) {
    body.page-id-1067 .main-card .col-inner{
        padding: 0; 
    }
    body.page-id-1067 .main-card .col-inner h2{
        padding: 40px 40px 0 40px; 
    }
    body.page-id-1067 .main-card .col-inner p{
        padding: 0 40px; 
    }
      
}


.right-filet{
    padding-right: 125px;
    position: relative;
}
.right-filet:before{
    content:'';
    display: flex;
    width: 125px;
    height: 1px;
    background-color: var(--dark);
    position: absolute;
    right: 20px;
    top: 50%;
}
@media only screen and (max-width: 48em) {
    .right-filet{
        padding-right: 0;
    }
    .right-filet:before{
        display: none;
    }  
}

/* Advantages */
ul.adv-list{
    list-style: none;
    padding-left: 0;
}
ul.adv-list li{
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
}
ul.adv-list li:before{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg id='Componente_53_2' data-name='Componente 53 – 2' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect id='Rectángulo_810' data-name='Rectángulo 810' width='32' height='32' fill='none'/%3E%3Cg id='Grupo_1022' data-name='Grupo 1022' transform='translate(4 4)'%3E%3Cpath id='Trazado_51563' data-name='Trazado 51563' d='M0,0H24V24H0Z' fill='none'/%3E%3Ccircle id='Elipse_70' data-name='Elipse 70' cx='9' cy='9' r='9' transform='translate(3 3)' fill='none' stroke='%23003056' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Trazado_51564' data-name='Trazado 51564' d='M9,12l2,2,4-4' fill='none' stroke='%23003056' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100%;
}
.corondel-center{
    position: relative;
}
.corondel-center:before{
    content:'';
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: var(--dark);    
}
@media only screen and (max-width: 48em) {
    .corondel-center:before{
        display: none;
    }
}



/* Google review */
body.page-id-1067 .google-review .col-inner{
    background: var(--light);
    background: var(--light); 
    padding: 70px 125px;
}
@media only screen and (max-width: 48em) {
    body.page-id-1067 .google-review .col-inner{
        padding: 40px;
    }
}



/* FAQs */
.landing-accordion{
    margin: 40px 0;
}
.landing-accordion .accordion-title {
    font-size: 110%;
    padding: 24px 48px 24px 24px;
    display: block;
    position: relative;
    border: 1px solid var(--primary);
    transition: border 200ms ease-out, background-color .3s;
    margin: 0 0 20px;
    border-radius: 4px;
}
.landing-accordion .toggle {
    position: absolute;
    top: 0.9em;
    left: inherit;
    right: 20px;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    box-shadow: none !important;
    color: var(--primary);
    opacity: .6;
}
.landing-accordion .toggle .icon-angle-down{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.landing-accordion .toggle .icon-angle-down:before{
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;    
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg id='Grupo_1050' data-name='Grupo 1050' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Trazado_51580' data-name='Trazado 51580' d='M0,0H24V24H0Z' fill='none'/%3E%3Ccircle id='Elipse_74' data-name='Elipse 74' cx='9' cy='9' r='9' transform='translate(3 3)' fill='none' stroke='%23003056' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Línea_18' data-name='Línea 18' x2='4' y2='4' transform='translate(8 12)' fill='none' stroke='%23003056' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Línea_19' data-name='Línea 19' y2='8' transform='translate(12 8)' fill='none' stroke='%23003056' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Línea_20' data-name='Línea 20' x1='4' y2='4' transform='translate(12 12)' fill='none' stroke='%23003056' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A");
    background-size: cover;
    text-indent: -100px;
    overflow: hidden;
}

.landing-accordion .accordion-title.active .toggle {
    top: 0.9em;
    opacity: 1;
}    


/* Footer */
body.page-id-1067 .footer-card .col-inner{
    background: var(--light); 
    padding: 70px 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -150px;  
}
body.page-id-1067 .footer-card .footer-card-text{
    padding-right: 125px;
    min-width: 50%
}
@media only screen and (max-width: 48em) {
    body.page-id-1067 .footer-card .col-inner{
        padding: 40px;
        flex-wrap: wrap;
    }
    body.page-id-1067 .footer-card .footer-card-text{
        padding: 0;
        width: 100%
    }
}

body.page-id-1067 .footer-logo{
    max-width: 284px;
}

body.page-id-1067 .icon-phone-w,
body.page-id-1067 .icon-mail-w,
body.page-id-1067 .icon-locate-w {
    display: flex;
    align-items: center;
}
body.page-id-1067 .icon-phone-w{
    font-size: 20px;
    letter-spacing: .08em;
}
body.page-id-1067 .icon-phone-w::before{
    content: '';
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg id='Grupo_1040' data-name='Grupo 1040' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Trazado_51573' data-name='Trazado 51573' d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath id='Trazado_51574' data-name='Trazado 51574' d='M5,4H9l2,5L8.5,10.5a11,11,0,0,0,5,5L15,13l5,2v4a2,2,0,0,1-2,2A16,16,0,0,1,3,6,2,2,0,0,1,5,4' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E%0A");    
    background-repeat: none;
    background-size: cover;
}
body.page-id-1067 .icon-mail-w::before{
    content: '';
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg id='Grupo_1041' data-name='Grupo 1041' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Trazado_51575' data-name='Trazado 51575' d='M0,0H24V24H0Z' fill='none'/%3E%3Crect id='Rectángulo_946' data-name='Rectángulo 946' width='18' height='14' rx='2' transform='translate(3 5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Trazado_51576' data-name='Trazado 51576' d='M3,7l9,6,9-6' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E%0A");    background-repeat: none;
    background-size: cover;
}
body.page-id-1067 .icon-locate-w::before{
    content: '';
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg id='Grupo_1042' data-name='Grupo 1042' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Trazado_51577' data-name='Trazado 51577' d='M0,0H24V24H0Z' fill='none'/%3E%3Ccircle id='Elipse_72' data-name='Elipse 72' cx='3' cy='3' r='3' transform='translate(9 8)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Trazado_51578' data-name='Trazado 51578' d='M17.657,16.657,13.414,20.9a2,2,0,0,1-2.827,0L6.343,16.657a8,8,0,1,1,11.314,0Z' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E%0A");    background-repeat: none;
    background-size: cover;
}