/*   
Theme Name: Landing page
Theme URI: the-theme's-homepage
Description: a-brief-description
Author: María Sánchez
Author URI: your-URI
Version: 2.0
.
General comments/License Statement if any.
.
*/




body {background-color: #343946;
    font-family: "Montserrat", sans-serif;
box-sizing: border-box;
min-height: 100vh;
display: flex;
flex-direction: column;}

footer {margin-top: auto}

button {border: none;
background-color: transparent;
margin:0;
padding: 0;}

hr {color: #E0DCC8;
    background-color: #E0DCC8;
    border: none;
height: 2px}

/**HEADER**/

.header {background-color: #f0f0f0;
height:75px;
border-radius: 50px;
margin-top: 1rem;
position: relative;
}

.header__nav {height:80vh;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center !important;
position: absolute;
right: 0;
top: 110%;
background-color: #f0f0f0;
border-radius: 25px;
display: none}

.header__menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    list-style:none;
    text-decoration: none;
    font-size: 1.5rem;
    margin: 0;
    padding: 0;
    
}

.header__div {display: flex;
flex-direction: row;
align-items: center !important;
justify-content: space-between !important;
height: 75px;
width: 100%;}

.menu-principal {display: flex;
flex-direction: column;
align-items: center;
justify-content:center;
gap: 1rem;
font-size:1.5rem;
margin:0;
padding:0}

.menu-item {list-style: none;}

.menu-item >a {text-decoration: none;
font-weight: 600;
color:#343946}

.menu-item > a:hover {
    color: #697490
}

.header__burger {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 14px 12px;
    transition: padding .3s;
}

.header__burger div {
    height: 2px;
    background-color: #343946}

#check:checked~.header__nav {
    display: flex
}

#check:checked~.header__burger {
    padding: 23px 12px
}


/**SECTION-1**/



.section__title {color: #f0f0f0;
font-size: calc(3rem + 1vw);
}

.section__subtitle {color: #f0f0f0;
font-weight: 500;}

.btn-ghost {
    display: block;
    width: 100%;
    border: 1.5px solid #f0f0f0;
    color:#f0f0f0;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    text-align: center;
    align-self: flex-start;
}

.btn-ghost:hover {background-color: #f0f0f0;
color: #343946;}

/**SECTION-2**/

.section__2 {background-color: #343946;
height: 100%;
display: flex;
align-items: center;
justify-content: center;}

.section__subtitle-dark {color:#343946}

p {color:#f0f0f0}

.section__about {display: flex;
flex-direction: column;
align-items: center;
justify-content: center;}


.imagen {
    height:400px;
width: 400px;
overflow: hidden;}

.section__img {object-fit: cover;
    width: 100%;
    
}

.texto {margin-right: .5rem}

/**SECTION-3**/

.section__3 {background-color: #E0DCC8;}

.habilidades {margin:0;
padding: 0;
}


.habilidades__li {
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1.5px solid #343946;
    font-weight: 500;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #343946;
    margin-right: 2rem
}


/**SECTION-4**/

.section__4 {
height: 100%}

.section__about {
    display: flex;
    flex-direction: column;
}



/***PORTFOLIO***/

.portfolio__item {overflow:hidden;
border-radius: 20px;
border: 1.5px solid #343946;
cursor: pointer;
height: 230px;
}

picture img {
    
    width:100%;
    object-fit: contain
}

.titulo__post {
    font-size: 1.2rem;
    color:#f0f0f0 !important;
    text-decoration: none !important;
    font-weight: 500;
}


/**ARTICULO**/

.imagen__articulo {overflow: hidden;
width: 600px;
height: 450px;
border-radius: 10px;
margin:auto}

.articulo__img {width: 100%;
object-fit:contain;}


.wp-block-image {margin:auto;
width:100%}

.back-btn {display:block}

.wp-block-list {color: #f0f0f0;
margin-bottom: 3rem;}

.wp-block-list > li {color: #f0f0f0;}

.contenido > p {margin-bottom: 2rem !important;}

p {margin-bottom: 2rem !important}

.wp-block-heading {color: #f0f0f0;
margin-bottom: 1rem;
font-weight: 500;}



/**FOOTER**/

.section__p {color:#343946;}

.section__5 {background-color: #343946;}








@media (min-width:768px) {


.menu-principal {display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:center;
font-size: 1rem;
gap: 1rem;
margin: 0;
padding: 0;
}


.header__burger {
    display: none
} 

.header__div {display: flex;
        flex-direction:row !important;
        justify-content: space-between !important;
    align-items:center !important}
    
    .header__nav {
    height:75px;
    padding: 0;
    border-radius: 0;
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center !important;
    position: static;
    background-color: transparent;
    display: flex}

    .btn-ghost {width: 250px !important}

    .trabajos {display: flex;
    flex-direction: row !important;}


}


    

    
@media (min-width: 992px) {

    .section__about {display: flex;
        flex-direction: row !important;
        align-items: center;
        justify-content: space-between;}

    }