@import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root{
    /* 🎀 Colores pastel girly */
    --color-primario: #fff0f5;   /* fondo rosado pastel */
    --color-secundario: #4b2e2e; /* texto marrón suave */
    --color-terciario: #ff99cc;  /* rosa pastel principal */

    /* ✨ Fuentes */
    --fuente-monserrat:"Montserrat", sans-serif;
    --fuente-krona: "Krona One", sans-serif;
}

* {
    padding: 0;
    margin: 0;
}

body{
    background-color: var(--color-primario); /* fondo general */
    color: var(--color-secundario);          /* color de texto */
    box-sizing: border-box;
}

.header{
    padding: 2% 0% 0% 15%;
}

.header_menu{
    display: flex;
    gap: 80px;
}

.header_menu_link{
    padding: 10px 15px;
    font-family: var(--fuente-monserrat);
    font-size: 24px;
    font-weight: 600;
    color: var(--color-terciario); /* enlaces en rosa pastel */
    text-decoration: none;
}

.titulo{
    color: var(--color-terciario); /* títulos resaltados */
}

.presentacion{
    padding: 6% 15%;
    display: flex; /* para alinear todo */
    align-items: center; /* para centrar */
    justify-content: space-between; /* separa texto e imagen */
    gap: 82px;
}

.presentacion_contenido{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 40px; /* espacio entre bloques */
}

.presentacion_contenido_titulo{
    font-family: var(--fuente-krona);
    font-size: 2.25rem;
}

.presentacion_contenido_texto{
    font-family: var(--fuente-monserrat);
    font-size: 24px;
}

.presentacion_enlaces{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}

.presentacion_enlaces_link{
    width: 50%;
    text-align: center;
    padding: 21.5px 0;
    border-radius: 16px;
    font-family: var(--fuente-monserrat);
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
    color: var(--color-secundario);         /* texto oscuro */
    border: 2px solid var(--color-terciario); /* borde rosa */
    display: flex;
    justify-content:center;
    gap: 10px;
    background-color: var(--color-primario); /* botones claros */
}

.presentacion_enlaces_link:hover{ 
    cursor: pointer;
    background-color: var(--color-terciario); /* hover en rosa */
    color: white; /* texto blanco en hover */
}

.presentacion_contenido_subtitulo{
    font-family: var(--fuente-krona);
    font-size: 24px;
    font-weight: 400;
}

footer{
    background-color: var(--color-terciario); /* footer rosa pastel */
    padding: 24px;
    color: white; /* texto blanco para contraste */
    text-align: center;
    font-family: var(--fuente-monserrat);
    font-size: 24px;
}

.img_yo {
    max-width: 400px; /* limita el tamaño máximo */
    width: 50%;      /* se adapta al contenedor */
    height: auto;     /* mantiene proporción */
    border-radius: 16px; /* opcional: esquinas redondeadas girly */
}

@media (max-width: 1200px) {
    
    .header{
        padding: 10%;
    }

    .header_menu{
        justify-content: center;
    }

    .presentacion{
        flex-direction: column-reverse;
        padding: 5%;
    }

    .presentacion_contenido{
        width: auto;
    }
}