@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Open+Sans:wght@400;600&family=Work+Sans:wght@400;500;600;700&display=swap');

:root {
    --v2-ink: #171717;
    --v2-wine: #442332;
    --v2-moss: #405037;
    --v2-stone: #d2d0ca;
    --v2-paper: #f7f5f0;
    --v2-charcoal: #4e4b42;
    --v2-slate: #697984;
    --v2-serif: 'Times New Roman', Times, serif;
    --v2-display: 'Manrope', sans-serif;
    --v2-body: 'Work Sans', sans-serif;
    --v2-form: 'Open Sans', sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body.v2-site {
    margin: 0;
    min-width: 1024px;
    background: var(--v2-paper);
    color: var(--v2-ink);
    font-family: var(--v2-body);
}

.v2-site a { color: inherit; text-decoration: none; }
.v2-site img { display: block; max-width: 100%; }
.v2-page { overflow: hidden; }

.v2-nav {
    align-items: center;
    background: linear-gradient(90deg, #171717 0%, #5d5d5d 45%, #faf9f7 100%);
    display: flex;
    height: 42px;
    justify-content: flex-end;
    padding: 0 4.5%;
    position: static;
}

.v2-nav__list {
    display: flex;
    gap: 25px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.v2-nav__link {
    color: #626262;
    font-family: var(--v2-display);
    font-size: 14px;
}

.v2-nav__link[aria-current='page'] { color: var(--v2-ink); font-weight: 700; }

.v2-section { margin: 0 auto; max-width: 1440px; min-height: 580px; }

.v2-home-hero {
    align-items: center;
    background: linear-gradient(rgba(10, 10, 10, 0.15), rgba(10, 10, 10, 0.15)), url('../img/segunda-version/Inicio_BG.jpeg') center / cover, #141414;
    color: #fff;
    display: flex;
    justify-content: center;
    min-height: 575px;
    position: relative;
}

.v2-home-hero::before {
    content: 'Bufete de Abogados';
    font-family: var(--v2-body);
    font-size: 11px;
    left: 6.5%;
    position: absolute;
    top: 31px;
}

.v2-home-hero__brand {
    font-family: var(--v2-serif);
    font-size: 90px;
    font-weight: 400;
    letter-spacing: 6px;
    margin: 0;
}

.v2-home-about {
    align-items: center;
    background: var(--v2-stone);
    display: grid;
    gap: 44px;
    grid-template-columns: 3fr 2fr;
    min-height: 650px;
    padding: 54px 5.2%;
}

.v2-home-about__images { align-items: center; display: grid; gap: 20px; grid-template-columns: 1fr 1fr; }
.v2-home-about__images img:first-child { height: 540px; object-fit: cover; width: 100%; }
.v2-home-about__images img:last-child { height: 430px; object-fit: cover; width: 100%; }

.v2-copy h1,
.v2-copy h2,
.v2-mission h2 {
    font-family: var(--v2-serif);
    font-size: 70px;
    font-style: italic;
    font-weight: 400;
    line-height: 0.95;
    margin: 0 0 26px;
}

.v2-home-about .v2-copy h2 { color: var(--v2-wine); text-align: center; }
.v2-copy p { font-size: 17px; line-height: 1.52; margin: 0; }
.v2-home-about .v2-copy p { text-align: justify; }

.v2-pill {
    border: 1px solid currentColor;
    border-radius: 999px;
    display: inline-block;
    font-family: var(--v2-body);
    font-size: 15px;
    margin-top: 36px;
    padding: 8px 15px;
}

.v2-home-about .v2-pill { color: var(--v2-moss); }

.v2-mission {
    align-items: end;
    background: #d7d4ce;
    display: grid;
    gap: 28px;
    grid-template-columns: 3fr 2fr;
    min-height: 580px;
    padding: 54px 6%;
}

.v2-mission h2 { color: var(--v2-wine); font-weight: 700; grid-column: 1 / -1; margin-bottom: 6px; }
.v2-mission .v2-copy { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); grid-template-rows: auto 1fr; }
.v2-mission .v2-copy p { align-self: start; grid-column: 1; margin-top: 17px; }
.v2-mission__detail { align-self: end; grid-column: 2; grid-row: 2; height: 285px; margin-top: 55px; max-width: none; object-fit: cover; width: 100%; }
.v2-mission__images { align-self: end; min-width: 0; }
.v2-mission__images img { height: 490px; max-width: none; object-fit: cover; width: 100%; }

.v2-footer { background: var(--v2-ink); color: #fff; font-family: var(--v2-body); font-size: 11px; padding: 10px 5%; }

.v2-intro {
    min-height: 580px;
    overflow: hidden;
    position: relative;
}

.v2-intro__image { height: 100%; inset: 0; max-width: none; object-fit: cover; position: absolute; width: 100%; }
.v2-intro__panel { background: var(--v2-paper); margin: 142px 0 0 auto; min-height: 390px; padding: 38px 4%; position: relative; width: 41%; }
.v2-intro__panel h1 { color: var(--v2-moss); font-family: var(--v2-display); font-size: 70px; letter-spacing: 0; line-height: 0.98; margin: 0 0 25px; }
.v2-intro__panel p { color: #53604c; font-size: 16px; line-height: 1.55; margin: 0; text-align: left; }
.v2-intro__panel .v2-pill { color: var(--v2-moss); }

.v2-services-areas {
    background: linear-gradient(rgba(245, 245, 245, 0.66), rgba(245, 245, 245, 0.66)), url('../img/segunda-version/Colum_BG.jpeg') center / cover;
    min-height: 0;
    padding: 45px 5% 0;
}

.v2-section-heading { font-family: var(--v2-serif); font-size: 70px; font-style: italic; font-weight: 400; line-height: 1; margin: 0; text-align: center; }
.v2-section-lead { font-family: var(--v2-display); font-size: 15px; line-height: 1.45; margin: 32px auto 58px; max-width: 890px; text-align: center; }
.v2-service-grid { display: grid; gap: 20px; grid-template-columns: repeat(5, 1fr); }
.v2-service-card { color: #fff; display: flex; flex-direction: column; height: 324px; padding: 27px 13px; }
.v2-service-card:nth-child(1) { background: #000; }
.v2-service-card:nth-child(2) { background: #5e5e5e; }
.v2-service-card:nth-child(3) { background: #8a8785; }
.v2-service-card:nth-child(4) { background: #aaa8a6; }
.v2-service-card:nth-child(5) { background: #c8c7c5; }
.v2-service-card__number { font-family: var(--v2-body); font-size: 15px; }
.v2-service-card h2 { font-family: var(--v2-serif); font-size: 24px; font-weight: 400; line-height: 0.9; margin: 12px 0; }
.v2-service-card p { font-size: 10px; line-height: 1.45; margin: auto 0 0; text-align: justify; }

.v2-why { background: var(--v2-charcoal); color: var(--v2-paper); display: grid; gap: 70px; grid-template-columns: 0.85fr 1.15fr; padding: 75px 13%; }
.v2-why h1 { align-self: start; font-family: var(--v2-serif); font-size: 70px; font-style: italic; font-weight: 700; line-height: 0.9; margin: 0; }
.v2-why__items { display: grid; gap: 28px; }
.v2-why__item { align-items: center; display: grid; gap: 26px; grid-template-columns: 222px 1fr; }
.v2-why__item img { height: 140px; object-fit: cover; width: 100%; }
.v2-why__item p { font-family: var(--v2-serif); font-size: 24px; line-height: 1; margin: 0; }

.v2-services-close { min-height: 560px; overflow: hidden; position: relative; }
.v2-services-close img { height: 100%; inset: 0; max-width: none; object-fit: cover; position: absolute; width: 100%; }
.v2-services-close__copy { background: #b3a593; color: #fff; margin: 120px 0 0 auto; min-height: 440px; padding: 68px 6%; position: relative; width: 49%; }
.v2-services-close h1 { font-family: var(--v2-serif); font-size: 70px; font-style: italic; font-weight: 400; line-height: 0.92; margin: 0 0 34px; }
.v2-services-close p { color: var(--v2-ink); font-size: 16px; line-height: 1.5; margin: 0; text-align: justify; }

.v2-team-list { background: #c5c5c3; min-height: 610px; padding: 0 0 46px 5%; }
.v2-team-grid { display: grid; gap: 3px; grid-template-columns: repeat(3, 1fr); margin: 0 0 0 auto; max-width: none; width: 73%; }
.v2-member img { height: 290px; object-fit: cover; width: 100%; }
.v2-member__copy { padding: 25px 0 0; }
.v2-member h2 { font-family: var(--v2-display); font-size: 25px; font-weight: 400; letter-spacing: 0; line-height: 1.12; margin: 0 0 18px; }
.v2-member strong { display: block; font-family: var(--v2-body); font-size: 15px; margin-bottom: 7px; text-transform: uppercase; }
.v2-member p { font-size: 15px; line-height: 1.4; margin: 0; }
.v2-team-list > h1 { color: #fff; font-family: var(--v2-serif); font-size: 70px; font-style: italic; font-weight: 400; line-height: 1; margin: 30px 0 0; }

.v2-work { background: var(--v2-slate); color: #fff; padding: 46px 7% 55px; }
.v2-work img { height: 335px; object-fit: cover; width: 100%; }
.v2-work__copy { align-items: center; display: grid; gap: 48px; grid-template-columns: 0.75fr 1.25fr; padding-top: 24px; }
.v2-work h1 { font-family: var(--v2-serif); font-size: 70px; font-style: italic; font-weight: 400; line-height: 0.88; margin: 0; }
.v2-work p { font-size: 15px; line-height: 1.45; margin: 0; }

.v2-contact-intro { background: #cbc9c2; padding: 28px 4.5% 54px; }
.v2-contact-intro img { height: 340px; object-fit: cover; width: 100%; }
.v2-contact-intro h1 { color: #5a574f; font-family: var(--v2-serif); font-size: 42px; font-style: italic; font-weight: 400; line-height: 1; margin: 34px 0; text-align: center; white-space: nowrap; }
.v2-contact-intro p { font-size: 15px; line-height: 1.45; margin: 0 auto; max-width: 620px; text-align: center; }

.v2-contact-form { background: linear-gradient(rgba(245, 245, 245, 0.25), rgba(245, 245, 245, 0.25)), url('../img/segunda-version/Colum_BG.jpeg') center / cover; display: grid; gap: 64px; grid-template-columns: 1fr 0.8fr; min-height: 540px; padding: 105px 8% 50px; }
.v2-contact-form__intro h1 { font-family: var(--v2-serif); font-size: 61px; font-style: italic; font-weight: 700; line-height: 0.9; margin: 0 0 36px; white-space: nowrap; }
.v2-contact-form__intro p { color: var(--v2-ink); font-size: 17px; font-weight: 500; line-height: 1.45; margin: 0; max-width: 290px; }
.v2-form { background: #d0d0d0; font-family: var(--v2-form); padding: 20px 24px; }
.v2-form label { display: block; font-size: 12px; margin: 0 0 9px; }
.v2-form input, .v2-form textarea { background: transparent; border: 1px solid #676767; border-radius: 9px; display: block; font: inherit; margin: 0 0 21px; padding: 10px; resize: vertical; width: 100%; }
.v2-form textarea { min-height: 66px; }
.v2-form button { background: var(--v2-paper); border: 0; border-radius: 999px; color: var(--v2-ink); cursor: default; font: inherit; padding: 10px; width: 100%; }
.v2-form__notice { display: none; }

.v2-contact-outro { background: linear-gradient(rgba(20, 20, 20, 0.32), rgba(20, 20, 20, 0.32)), url('../img/mockups/S6_img1.png') center / cover; color: #fff; min-height: 580px; padding: 58px 4.5% 32px; }
.v2-contact-outro h1 { font-family: var(--v2-serif); font-size: 140px; font-style: italic; font-weight: 400; line-height: 0.8; margin: 30px 0 0; padding-left: 110px; text-align: center; }
.v2-contact-outro__details { align-items: end; display: grid; font-size: 15px; gap: 28px; grid-template-columns: 1fr 1.6fr 1fr; margin-top: 300px; }
.v2-contact-outro__details p { line-height: 1.45; margin: 0; }