:root {
    --max-width: 1550px;
    --content-padding: 144px;
    --section-gap: 96px;
    --image-width: 950px;
    --text-width: 501px;
    --mobile-padding: 24px;
}

body {
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
}

.text-justify{
    text-align: justify;
}

/* Section Container */
.section-container {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    /*   padding: 0 var(--mobile-padding); */
}

@media (min-width: 1440px) {
    .notario-section {
        right: 0px !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 2075px) {
    .section-container {
        width: 100%;
        max-width: none;
    }

    /*  .image-content {
            max-width: 1000px;
        } */
}

/* Section Layout */
.section-layout {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 544px;
}

@media (min-width: 992px) {
    .section-layout {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: var(--section-gap);
    }

    /*    .image-content {
            width: 690px !important;
        } */
}

/* Text Content */
.text-content {
    width: 100%;
    max-width: var(--text-width);
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-left: 75px;
}

@media (min-width: 1329px) {
    .image-content {
        width: 100% !important;
    }
}

.text-group {
    display: flex;
    flex-direction: column;
    gap: 38px;
    position: relative;
    left: 230px;
}

/* Typography */
.title-large {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 44px;
    color: #000000;
    margin: 0;
}

.subtitle {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-size: 1.25rem;
    color: #6c757d;
    margin: 0;
}

.body-text {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 20px;
    color: #000000;
    text-align: justify;
    margin: 0;
}

/* Image Content */
.image-content {
    width: 100%;
    max-width: var(--image-width);
    height: 544px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    flex-shrink: 0;
}

.image-label {
    position: absolute;
    bottom: 16px;
    left: 16px;
    background: #000000;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 0.875rem;
}

/* Specific Sections */
/*  .notaria-section {
        padding: 80px 0;
    } */

.content-area {
    background-color: #F5F5F5;
    border-radius: 10px;
    padding: 35px;
    /* box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08); */
    height: 480px;
    border: rgba(237, 238, 243, 0) solid;
}

.notario-section {
    padding: 80px 0;
    /*   background-color: #f8f9fa; */
    position: relative;
    top: -209px;
    right: 78px;
}

.sidebar{
    max-height: none;
      height: initial;
          position: unset;
}

.service-details p a{
    text-decoration: none;
    color: #9b2626;
    line-break: anywhere;
}

section.header1 {
    padding: 40px 0px;
    background-color: #F5F5F5;
}

.tramites {
    font-size: 4rem;
    text-align: center;
    font-weight: 900;
}

.texto-tramite {
    text-align: center;
    padding: 15px 0px;
}


.header-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.btn {
    padding: 14px 28px;
    border: none;
    border-radius: 25px;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
}

.btn-primary {
    background-color: #a52a2a;
    color: white;
}

.btn-primary:hover {
    background-color: #8b2323;
    transform: translateY(-2px);
}

.btn-outline {
    background-color: transparent;
    color: #a52a2a;
    border: 2px solid #a52a2a;
}

.btn-outline:hover {
    background-color: #a52a2a;
    color: white;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
    .section-layout {
        gap: 40px;
    }

    .image-content {
        height: 400px;
        max-width: 100%;
        order: -1;
    }


    .text-content {
        max-width: 100%;
        margin-left: inherit
    }
}

@media (max-width: 768px) {
    .title-large {
        font-size: 1.75rem;
        line-height: 36px;
        text-align: center;
    }

    .image-content {
        height: 350px;
    }

    .notario-section {
        position: static;
    }

    .body-text {
        padding: 20px;
    }

    .notaria-section {
        padding: inherit;
    }

    .text-group {
        left: 0px;
        gap: 0px;
    }

    section.header1 {
        display: none;
    }

    .main-services{
        padding: 0;
    }

    .content-area{
        padding: 1.5rem;
    }
}

/* Margen izquierdo como el del logo */
@media (min-width: 992px) {
    .content-text {
        margin-left: 100px;
        /* Ajusta este valor al margen del logo */
    }
}