:root {
    --color1: #514e4e;
    --color2: #ffffff;
    --color3: #2a2828;
}

* {
    box-sizing: border-box;
    font-family: 'Times New Roman', Times, serif;
    text-decoration-line: none;
}

body {
    display: grid;
    grid-template-columns: 1fr 3fr;
}

img {
    width: 100%;
    height: auto;
}

.rango{
    width: 90%;
    accent-color: var(--color2);
    padding-right: 12px;
    -webkit-appearance: none;
    cursor: not-allowed;
    appearance: none;
    background-color: var(--color3);    
    
}

.borde_foto {
    padding: 12px;
}

.labores {
    padding-top: 0px;
    margin-top: 0;
    font-size: 22px;
}

header>p {
    padding-top: 8px;
    margin-left: 18px;
}

header>h1 {
    padding-bottom: 0px;
    margin-bottom: 0;
    margin-left: 18px;
}

header>div>div>h2 {
    margin-left: 18px;
}

header>div>div {
    background-color: var(--color3);
}

header>div>p {
    margin-left: 18px;
}

header {
    display: grid;
    grid-template-rows: 4fr;
    color: var(--color2);
    background-color: var(--color1);
}

main {
    display: grid;
    grid-template-rows: 15vh minmax(calc());
}

main>div:first-child {
    margin-left: 18px;
}

main>div>div {
    display: grid;
    grid-template-columns: 1fr 3fr;
    margin-left: 18px;
}

main>div>h2 {
    border-bottom: 3px solid var(--color1);
    border-top: 3px solid var(--color1);
    padding-top: 4px;
    padding-bottom: 4px;
    margin-left: 18px;
}

div>input {
    color: var(--color2);
}

.end {
    text-align: end;
    margin-left: 15px;
    width: 80%;
}

@media (max-width: 768px) {
    
    main>div>div {
        display: grid;
        grid-template-columns: 1fr 3fr;
        margin-left: 18px;
    }

    main>div>h2 {
        border-bottom: 3px solid var(--color1);
        border-top: 3px solid var(--color1);
        padding-top: 4px;
        padding-bottom: 4px;
        margin-left: 18px;
    }

    body {
        display: grid;
        grid-template-columns: 1fr;
    }

    header {
        color: var(--color2);
        background-color: var(--color1);
    }

}