@import url('https://fonts.googleapis.com/css2?family=Judson:ital@1&family=Poppins:wght@300;700&display=swap');
/* RESET */
::-webkit-scrollbar{display: none;}
:root {
  --black: rgb(28, 29, 33);
  --grey: #F0F0F0;
  --blue: rgb(47, 53, 67);
  --blueclair: rgb(64, 73, 92);
  --green: rgb(64, 173, 92);
  --red: rgb(223, 64, 92);
  --brown: rgb(171, 144, 122);
}


*{box-sizing: border-box;margin: 0;border: 0;padding: 0;position: relative;font-family: 'Poppins', sans-serif;font-weight: 300;}
body{color: var(--black);overflow-x: hidden;}
a{text-decoration: none;color:inherit;}
button{background-color: transparent;box-shadow: 0;border: 0;border-radius: 0;}
figure{text-align: center;font-size: 0px;}
figure img{max-width: 100%;width: auto;}
p{font-size: 16px;line-height: 32px;}
h1,h2,h3,h4{font-weight:800;font-family: 'Poppins';}
h1{font-size: 48px;}
h3{font-size: 24px;}
h4{font-size: 18px;}
.serif{font-family: 'Judson', serif;}
strong, b{font-weight: 700!important;}
input[type="file"]:hover,
input[type="submit"]:hover{cursor: pointer;}
input,
textarea{font-size: 15px;}


/* GLOBAL UL OL */
ul, ol{padding: 0 0 16px 32px;}
ul li, ol li{padding-bottom: 0;line-height: 32px;font-size: 16px;}



/* TITLES */




/* CONTAINER */
.SectionBlock{padding: 64px 16px;}
.SectionBlock__title{font-size: 32px;text-align: center;padding-bottom: 32px}
.SectionBlock__title::after{content: ''; height: 8px;width: 120px;display: block;margin:16px auto 32px auto;background-color: var(--brown);}


.Container{margin:auto;max-width: 1200px;}



/* GRID */
.SectionGrid{display: grid;grid-gap: 32px;}
.SectionGrid__block--center{text-align: center;}
.SectionGrid__blockTitle--big{font-size: 24px;}
.SectionGrid__blockService .SectionGrid__blockTitle{padding-bottom: 16px;}
.SectionGrid__blockService .Button{margin-top: 16px;}



/* TEAM SECTION */
.TeamSection{}
.TeamSection__img{background-size: 100%;height: 100vw;}
.TeamSection__img>*{position: absolute;bottom: 16px;right: 16px;}
.TeamSection__berta{background-image: url(../img/team/berta-castro-x600.jpg);}
.TeamSection__andres{background-image: url(../img/team/andres-maldonado-x600.jpg);}
.TeamSection__info{}
.TeamSection__header{font-size: 24px;font-style: italic;color: white;background-color: var(--blue);padding: 32px 16px;}
.TeamSection__headerTitle{font-family: 'Judson', serif;padding-bottom: 32px;font-size: 28px;font-weight: 400!important;}
.TeamSection__headerTitle::after{content: '';display: block;width: 100px;height: 8px;background-color: var(--brown);margin-top: 32px;}
.TeamSection__headerPerson p{text-align: right;font-family: 'Judson', serif;}
.TeamSection__headerPerson p:nth-child(1){font-size: 24px;}
.TeamSection__headerPerson p:nth-child(2){font-size: 16px;margin-top: -12px;}
.TeamSection__footer{background-color: var(--grey);grid-template-columns: auto 1fr;display: grid;}
.TeamSection__footer>p{padding: 32px 16px;}
.TeamSection__footer>div{padding: 16px;background-color: var(--blueclair);display: flex;align-items: center;justify-content: center;}
.TeamSection__footer>div>a{color: white;font-size: 40px;}



/* BLOG */
.Blog{}

.Article{padding: 96px 0 32px 0;}
.Article__header{padding: 0 16px;}
.Article__title{font-size: 36px;line-height: 48px;}
.Article__date{font-family: 'Judson', serif;font-style: italic;margin-bottom: 16px;}
.Article__description{margin-bottom: 16px;}
.Article__banner{}
.Article__content{padding: 16px;}
.Article__body{padding-bottom: 32px;}
.Article__body a{color: rgb(40, 96, 220)!important;text-decoration: underline;font-weight: 900;}
.Article__body i>a{font-weight: 400!important;}
.Article__body ul{padding-bottom: 0!important;}
.Article__social{padding-bottom: 32px;}
.Article__social_grid,
.Article__cta_buttons{display: grid;grid-template-columns: 1fr 1fr 1fr; grid-gap: 16px;margin: 16px 0 32px 0;}
.Article__social .icon,
.Article__cta_buttons .icon{padding: 20px;text-align: center;}
.Article__social a>div:nth-child(2),
.Article__cta_buttons>a>div:nth-child(2){display: none;}
.Article__cta{}
.Article__cta_title{}
.Article__cta_p{margin-top: 16px;}
.Article__cta_buttons{}
.Article__suggestion{padding: 16px;background-color: var(--grey);margin-top: 16px;}

.ArticleList{display: grid;grid-gap: 32px}
.ArticleList__image{min-height: 40vw;}
.ArticleList__content{padding:16px;background-color: white;}
.ArticleList__date{font-family: 'Judson', serif;font-style: italic;padding-bottom: 16px;}
.ArticleList__description{padding-bottom: 16px;}
.ArticleList__url{text-align: right;}



/* TESTIMONIES */
.Testimonies{}
.Testimonies__grid{padding: 0 16px;max-width: 700px;margin:auto;}
.Testimonies__content{}
.Testimonies__title{}
.Testimonies__score{color: rgb(250,230,110);}
.Testimonies__body{font-style: italic;padding-bottom: 16px;}



/* MAIN NAV */
.MainNav{padding:16px;position: fixed;top: 0;z-index: 10;width: 100%;}
.MainNav__top{display: flex;justify-content: space-between;}
.MainNav__top img{height: 40px;}
.MainNav__top aside{display: flex;text-align: center;}
.MainNav__menuButton{font-size: 24px;height: 40px;width: 40px;color: white;display: flex;align-items: center;justify-content: center;}
.MainNav__menuButton:last-child{width: 40px;font-size: 20px;}



/* COLORS */
.c-white{color: white;}
.bkc-mobile{background-color: rgb(70, 137, 72);}
.bkc-facebook{background-color: rgb(72, 100, 168);}
.bkc-twitter{background-color: rgb(74, 155, 228);}
.bkc-linkedin{background-color: rgb(47, 85, 123);}
.bkc-google{background-color: rgb(199, 83, 66);}
.bkc-whatsapp{background-color: rgb(85, 188, 166);}
.bkc-messenger{background-color: rgb(79, 177, 248);}
.bkc-black{background-color: var(--black);}
.bkc-blue{background-color: var(--blue)}
.bkc-blueclair{background-color: var(--blueclair);}
.bkc-grey{background-color: var(--grey);}



/* HOME */
.HomeHeader{margin-top: 32px;height: 100vw;background-image: url(../img/irc-abogados-small-map.svg);background-repeat: no-repeat;background-size: 100%;background-position: center;display: flex;align-items: center;}
.HomeHeader__title{font-size: 28px;font-family: 'Judson', serif;color: white;font-weight: 400!important;text-align: center;width: 70vw;margin:auto;}




/* VIDEO */
.VideoFrame{padding: 32px 0;}



/* SLIDER */
.Slider{}
.Slider__aside{display: none;}
.Slider__container{}
.Slider__title{font-size: 32px;padding-bottom: 32px;}
.Slider__content{}
.Slider__block{padding-bottom: 32px;}
.Slider__block:last-of-type{padding-bottom: 0;}
.Slider__blockTitle{padding-bottom: 16px;}
.Slider__blockText{padding-bottom: 16px;}
.Slider__cta{padding-bottom: 64px;}




/* LANDING */
.Landing{}
.Landing__header{background-size: cover;background-position: center;background-repeat: no-repeat;min-height: 50vw;}
.Landing.deudores .Landing__header{background-color: var(--blue);padding-top: 72px;}
.Landing.deudores .Landing__header iframe{height: 50vh;}
.Landing__wrapper{}

.Landing__content_container{}
.Landing__title{font-size: 28px;padding: 32px 16px;}
.Landing__title::after{content: ''; height: 8px;width: 120px;display: block;margin:16px auto 0 0;background-color: var(--brown);}
.Landing__content{padding: 0 16px 16px 16px;}

.Landing__content_subtitle{padding-left: 24px;font-style: italic;}
.Landing__form_container{padding: 32px 16px;background-color: var(--grey);}
.Landing__form_cta{}
.Landing__form_cta>h3{padding-bottom: 16px;font-size: 24px;line-height: 36px;}
.Landing__form_cta_buttons{display: grid;grid-template-columns: 1fr;grid-gap: 16px;}
.Landing__form_cta_buttons>a{display: grid;grid-template-columns: auto 1fr;align-items: center;}
.Landing__form_cta_buttons>a>div{padding:16px;}
.Landing__form_cta_buttons>a>div:nth-child(1){}
.Landing__form_cta_buttons>a>div:nth-child(2){padding-left: 0px;}



/*

TEAM

*/

.Team{padding-bottom: 64px;}
.Team__header{background-color: var(--grey);}
.Team__header_info{padding: 16px;}
.Team__title h1{font-size: 32px;line-height: 40px;}
.Team__title h3{font-size: 16px;line-height: 24px;padding:16px 0;}
.Team__header_cv{font-style: italic;}
.Team__body{margin-top: 32px;}
.Team__body h3,
.Team__body p{padding-bottom: 16px;}



/* SINGLE */
.Single__grid{margin: auto;}
.Single__grid.short{max-width: 700px;}
.Single__content{}
.Single__title{font-size: 32px;padding-bottom: 32px;}
.Single__body{}
.Single__body p{padding-bottom:32px;}
.Single__body p:last-of-type{padding-bottom: 0;}



/* HEADER PARALLAX */
.HeaderParallax{text-align: center;}
.HeaderParallax__img{height: 50vh;background-size: cover;background-position: center;}
.HeaderParallax__img.empresas{background-image: url(../img/header/servicios-empresas@600x300.jpg)}
.HeaderParallax__img.personas{background-image: url(../img/header/servicios-personas@600x300.jpg)}
.HeaderParallax__title{padding: 64px;font-size: 36px;}




/* PRESS */
.Press{}
.Press__grid{display: grid;grid-gap: 32px;grid-template-columns: 1fr;}
.Press__detail{background-color: white;display: block;}
.Press__footer{padding:32px;background-color: var(--blueclair);text-align: center;color: white;}




/* MEDIA SCREEN MOBILE FIRST */
@media only screen and (min-width: 800px) {
    ul {padding-bottom: 32px}


    /* HOME */
    .HomeHeader{margin-top:0;height: auto;min-height: 50vw;background-image: url(../img/irc-abogados-map.svg);}
    .HomeHeader__title{font-size: 60px;width: 50vw;}



    /* CONTAINER */
    .SectionBlock{padding: 128px 32px;max-width: 1200px;margin:auto;}
    .SectionBlock__title{font-size: 48px;padding-bottom: 0;margin:auto;max-width: 800px;}
    .SectionBlock__title::after{width: 240px;margin:32px auto 64px auto;}



    /* GRID */
    .SectionGrid{grid-template-columns: 1fr 1fr 1fr;grid-gap: 64px;}
    .SectionGrid__blockTitle--big{font-size: 60px;}



    /* BLOG */
    .ArticleList__article{display: grid;grid-template-columns: 1fr 1fr;grid-template-areas: 'content image';}
    .ArticleList__image{grid-area: image;min-height:auto;background-size: cover;background-position: center;}
    .ArticleList__content{grid-area: content;}

    .Article{padding: 128px 32px 64px 32px;max-width: 1064px;margin:auto;}
    .Article__header{padding: 0}
    .Article__title{font-size: 60px;line-height: 90px;}
    .Article__date{margin-bottom: 32px;}
    .Article__description{margin-bottom: 32px;max-width: 500px;}
    .Article__banner{}
    .Article__content{padding: 0;}
    .Article__body{padding: 64px;}
    .Article__body p,
    .Article__body li{font-size: 18px;line-height: 36px;}
    .Article__social{padding: 0 64px 32px 64px;}
    .Article__social .icon,
    .Article__cta_buttons .icon{padding: 20px;text-align: center;}
    .Article__social a,
    .Article__cta_buttons>a{display: flex;align-items: center;}
    .Article__social a .icon,
    .Article__cta_buttons>a .icon{font-size: 20px;}
    .Article__social a>div:nth-child(2),
    .Article__cta_buttons>a>div:nth-child(2){display: block;}
    .Article__cta{}
    .Article__cta_title{}
    .Article__cta_buttons{}
    .Article__suggestion{padding: 16px;background-color: var(--grey);margin-top: 16px;}
    .Article__suggestion>div{padding: 64px 32px;max-width: 1064px;margin:auto;}


    /* SLIDER */
    .Slider{grid-gap:64px;grid-template-columns: 1fr 2fr;display: grid;max-width: 1200px;margin:auto;}
    .Slider__aside{display: block;}

    .Slider__levelBar:hover{cursor: pointer;}
    .Slider__levelBar{color: grey;display: grid;grid-template-columns: 70px 1fr;}
    .Slider__levelBar>div{display: flex;align-items: center;}
    .Slider__levelBar>div:nth-child(1){padding: 16px 0;font-size: 32px;font-weight: 700;border-right: solid grey 2px;}
    .Slider__levelBar>div:nth-child(2){font-size: 16px;padding: 16px 0 16px 16px;border-left: solid grey 2px;}
    .Slider__levelBar.active{color: white;}
    .Slider__levelBar.active>div:nth-child(1){border-right: solid white 4px;}
    .Slider__levelBar.active>div:nth-child(2){border-left: solid white 4px;}


    .Slider__container{}
    .Slider__title{font-size: 48px;padding-bottom: 64px;}
    .Slider__content{}
    .Slider__block{transition: all 400ms ease;display: none;}
    .Slider__block.fadeOut{transform: scale(1.1);opacity: 0;}
    .Slider__block.fadeIn{transform: scale(.9);opacity: 0;}
    .Slider__block.display{display: block;}
    .Slider__blockTitle{padding-bottom: 32px;}
    .Slider__blockText{padding-bottom: 32px;}
    .Slider__cta{padding-bottom: 0;}

    /* LANDING */
    .Landing{}
    .Landing__header{height: 400px;}
    .Landing.deudores .Landing__header{height: 400px;background-color: transparent;padding: 0;}
    .Landing.deudores .Landing__header iframe{height: 100%;}

    .Landing.deudores .Landing__wrapper{display: grid;grid-template-columns: 1fr 1fr;grid-template-areas: 'text form';}
    .Landing.deudores .Landing__wrapper .Landing__form_container{grid-area: form;}
    .Landing.deudores .Landing__wrapper .Landing__content_container{grid-area: text;}

    .Landing__content_container{max-width: 720px;padding: 64px;justify-self:end;}
    .Landing__title{font-size: 40px;padding: 0;}
    .Landing__content{padding: 32px 0 0 0;}

    .Landing__form_container{padding: 0;}
    .Landing__form_cta{padding: 64px;max-width: 720px;position: sticky;top: 0;}
    .Landing__form_cta>h3{padding-bottom: 16px;font-size: 24px;line-height: 36px;}
    .Landing__form_cta_buttons{display: grid;grid-template-columns: 1fr;grid-gap: 16px;}
    .Landing__form_cta_buttons>a{display: grid;grid-template-columns: auto 1fr;align-items: center;}
    .Landing__form_cta_buttons>a>div{padding:16px;}
    .Landing__form_cta_buttons>a>div:nth-child(1){}
    .Landing__form_cta_buttons>a>div:nth-child(2){padding-left: 0px;}


    /* TEAM */
    .Team__title h1{font-size: 48px;line-height: 48px;}
    .Team__title h3{font-size: 24px;line-height: 24px;}
    .Team__header_cv{text-align: right;}
    .Team__header{display: grid;grid-template-columns: 300px 1fr;}
    .Team__header_info{padding: 32px;display: flex;flex-direction: column;justify-content:space-between;}
    .Team__body{margin-top: 0;}
    .Team__body{display: grid;grid-template-columns: 1fr 1fr;padding-top: 32px;grid-gap: 64px;}

    /* HEADER PARALLAX */
    .HeaderParallax__title{font-size: 48px;}
    .HeaderParallax__img.empresas{background-image: url(../img/header/servicios-empresas@1400x700.jpg)}
    .HeaderParallax__img.personas{background-image: url(../img/header/servicios-personas@1400x700.jpg)}

    /* PRESS */
    .Press__grid{grid-gap: 64px;grid-template-columns: 1fr 1fr 1fr;}
}









/* BUTTONS */
.Button{border-radius: 40px;padding: 16px 32px;background-color: var(--grey);display: inline-block;color: var(--black);}
.Button__icon{display: inline-block;font-size: 30px;height: 40px;line-height: 40px!important;text-align: center;width: 40px;color: white;}
.Button__linkedin{background-color: rgb(30, 98, 156);}




/* FORMS */
.LinearForm{max-width: 940px;padding: 16px;margin: auto;}
.LinearForm label{display: block;}
.LinearForm input, textarea{margin:16px 0;padding: 16px;background-color: var(--grey);width: 100%;}
.LinearForm hr{border-top: 1px solid grey;margin: 32px 0;}
.LinearForm__footer{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 16px;}
.LinearForm__buttonConfirm{display: inline-block!important;font-size: 14px;background-color: var(--green)!important;color: white;border-radius: 0;padding:16px;}
.LinearForm__buttonDelete{display: inline-block!important;font-size: 14px;background-color: var(--red)!important;color: white;border-radius: 0;padding:16px;}



/* WAYPOINTS */
.overflow{overflow-x: hidden;}
.magic-title,
.magic-left,
.magic-top,
.magic-right,
.magic-bottom{transition: opacity 400ms ease, transform 400ms ease;}
.magic-title.waiting{opacity: 0;transform: scale(1.2);}
.magic-left.waiting{opacity: 0;transform: translate(-100px, 0);}
.magic-top.waiting{opacity: 0;transform: translate(0, -100px);}
.magic-right.waiting{opacity: 0;transform: translate(100px, 0););}
.magic-bottom.waiting{opacity: 0;transform: translate(0, 100px);}






















/* OLD PURGE FOOTER */




.title::after{
    content: '';
    display: block;
    height: 6px;
    width: 40vw;
    max-width: 90%;
    margin:16px 0 24px 0;
    background-color: var(--black);
}





/*

NAV

*/




/*

BLOCKS

*/


.panel{
    transition: opacity 800ms cubic-bezier(1,.01,.8,1);
    border-bottom: 36px solid var(--blue);
    min-height: 100vh;
    display: flex;
    background-color: var(--lgrey);
}
.panel>.container{padding: 72px 16px;overflow-x: hidden;background-image: url('../img/axiom-pattern.png');width: 100%;}
.panel>.container>header{height: 132px;}
.panel>.container>header>h2{color: var(--blueclair);font-size: 38px;margin-bottom: 32px;}
.panel>.container.dual>article:nth-of-type(1){padding-bottom: 36px}

/* SERVICE */
.panel>.container.blocks>section{display: grid;grid-gap: 32px;}
.panel>.container.blocks>section .service{text-align: center;background-color: var(--lgrey);border: 1px solid var(--grey);padding: 56px 16px 16px 16px;margin-top: 20px;}
.panel>.container.blocks>section .service header{margin-top: -77px;z-index: 2;background-image: url('../img/polygon.png');height: 80px;background-position: center;background-size: auto 80px;background-repeat: no-repeat;}

.panel>.container.blocks>section .service .icon{font-size: 32px;color: white;width:80px;height: 80px;margin: auto;display: flex;justify-content:center;align-items: center;}
.panel>.container.blocks>section .service h4{padding: 16px 0;font-size: 16px;font-family: 'Montserrat';}
.panel>.container.blocks>section .service p{text-align: left;}



.bk-lgrey{background-color: var(--lgrey);}

.panel.hide{opacity: 0;}
.magic{transition: all 500ms ease;}
.magic.hide{opacity: 0;transform: translate(0, 50px);}



.title-counter{z-index: 0;}
.title-counter::before{
    content: attr(data-num);
    display: inline-block;
    transform: rotateZ(-90deg);
    margin-right: 10px;
    font-size: 30px;
}

.title-counter::after{
    content: attr(data-title);
    display: block;
    position: absolute;
    top: 0px;
    left: 40px;
    font-family: 'Judson';
    font-size: 120px;
    letter-spacing: 10px;
    color: rgb(220, 220 ,220);
    z-index: -1;
}











/*

HEADER

*/

header#home-header{color: white;background-color:var(--blue);}
header#home-header>div.container{
    background-image: none;
    flex-direction: column;
    display: flex;
    justify-content: center;
    width: 100vw;
}
header#home-header>div.container{padding-top: 0px;padding-bottom: 0px;}
header#home-header>div.container>div{max-width: 680px;margin: auto;}
header#home-header h1{
    font-size: 60px;
    line-height: 60px;
    text-align: left;
    font-family: 'Judson';
    text-transform: none;
}
header#home-header h1:after{
    content: '';
    display: block;
    height: 2px;
    width: 40vw;
    max-width: 90%;
    margin:24px 0 32px 0;
    background-color: white;
}
header#home-header p{
    line-height: 24px;
    font-style: italic;
}



/*

FOOTER

*/

footer#home-footer{color: white;background-color:var(--blue);text-align: center;}
footer#home-footer>div.container{background-image: none;display: grid;align-content: center;}

footer#home-footer aside{display: grid;max-width: 400px;margin: auto;grid-template-columns: repeat(4, 1fr);text-align: center;}
footer#home-footer aside>a{
    font-size: 32px;
    line-height: 80px;
    background-image: url('../img/polygon.png');
    height: 80px;
    width: 80px;
    background-size: auto 80px;
    background-position: center;
    background-repeat: no-repeat;
}
footer#home-footer figure{margin:auto;max-width: 200px;}





/*

EXTRAS

*/
.borders{display: none;}