* {
    margin : 0;
    padding : 0;
    box-sizing : border-box;
    font-family : Arial, sans-serif;
}

header {
    background-color : #0d035cf4;
    color : #fff;
    padding : 20px;
    display : flex;
    align-items : center;
}

nav {
    display : flex;
    justify-content: space-between;
    padding : 1 rem 5 rem;
    gap : 60px;
    align-items : center;
    max-width : 1200px;
    margin : 0 auto;
}

.nav_link {
    display : flex;
    list-style :none ;
    gap : 20px;
}

li a {
    text-decoration : none;
    color : #d9fe03;
    font-weight : bold;
    transition : color 0.3s ease;
}

.logo {
    font-size : x-large;
    font-weight : bold;
}


body {
    margin : 0;
    padding : 0;
    font-family : Arial, sans-serif;
}

h1 {
    font-size : x-large;
    margin-top : 20px;
    margin-bottom : 20px;
    text-align : center;

}  



.Principal {
    max-width: auto;
    max-height: auto;
    background-size : cover;
    background-position : center;
    display : flex;
    resize: both;
    align-items : center;
    padding : 0%;
}


.Contenido_tipo_1 {
    max-width: 100%;
    max-height: auto;
    align-items : center;
    padding : 2rem 5rem;
    gap : 20px;
    background-color : #f7f6f6;
}

.img_Der {
    float : right;
    align-items : center;
    margin-left : 20px;
    max-width : 300px;
    max-height : auto;

}

.Grid_1 {
    display : grid;
    grid-template-columns : repeat(auto-fit, minmax(300px, 1fr));
    justify-content : space-between;
    max-width: 100%;
    max-height: auto;
    align-items : center;
    padding : 2rem 5rem;
    gap : 20px;

}
.Parr_01 {
    float : left;
    align-items : center;
    font-size : 20px;
    line-height : 1.5;
    text-align : justify;
}


.Contenido_tipo_2 {
    max-width: 100%;
    max-height: auto;
    align-items : center;
    padding : 2rem 5rem;
    gap : 20px;
    background-color : #3d7bee;
}

.img_Izq {
    float : left;
    align-items : center;
    margin-left : 20px;
    max-width : 300px;
    max-height : auto;

}

.Parr_02 {
    float : right;
    align-items : center;
    font-size : 20px;
    line-height : 1.5;
    text-align : justify;
}

.footer-content {
    background-color : #0d035cf4;
    color : #fff;
    padding : 20px;
}

.CopyR {
    text-align : center;
    font-size : 14px;
    margin-top : 10px;
}