h1 {
    font-size: 80px;
    text-align: center;
}

.contenido {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.contenido .intro {
    width: 60%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    gap: 20px;
}

.contenido .columna-texto {
    text-align: left;
}
.contenido .columna-elipse {
    display: flex;
    justify-content: center; /* Centra la elipse dentro de la columna */
    width: 500px;
    height: auto;
}

.contenido .p-2 {
    font-size: 28px;
    font-weight: 400;
    line-height: normal;
    width: 60%;
}


.ellipse {
    width: 800px; /* Ajusta según sea necesario */
    height: auto; /* Ajusta según sea necesario */
    display: flex;
    justify-content: center;
    align-items: center;
}


.contenido .ellipse {
    height: 200px;
    width: 200px;
    flex-shrink: 0;
}

.contenido .ellipse img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: ffff00;
}

.contenido .gustos {
    width: 100%;
    color: #ccc;
    padding: 0 px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative; /* Asegura que tenga un contexto de apilamiento */
    z-index: 2; /* Coloca esta sección en un nivel superior */
}

.contenido .fila,
.contenido .fila-2,
.contenido .span-wrapper {
    font-size: 44px;
    font-weight: 400;
    line-height: 48px;
    white-space: nowrap;
}

/* Ajustes en el contenedor .visita-mi-blog */
.contenido .visita-mi-blog {
    display: flex; /* Añadido para crear columnas */
    justify-content: space-between; /* Añadido para separar las columnas */
    gap: 20px; /* Añadido para el espacio entre columnas */
    position: relative; /* Asegura que esté posicionado relativamente */
    width: 100%; /* Ajustado al 100% del ancho de la ventana */
    padding: 20px; /* Mantiene el padding */
    box-sizing: border-box; /* Incluye el padding y el borde en el ancho total */
    margin: 0px auto;

}

/* Ajustes en las columnas */
.contenido .visita-mi-blog .columna {
    width: 45%; /* Ajustado para que cada columna ocupe el 60% del ancho de la página */
}

/* Ajustes en el título */
.contenido .visita-mi-blog .titulo {
    font-size: 44px;
    font-weight: 400;
    line-height: 64px;
    white-space: nowrap;
    margin-left: 200px;
    width: 100%; /* Ajustado al 100% de la columna */
    text-align: left; /* Alineado a la izquierda */
    margin-bottom: 20px; /* Añadido para separación */
}

/* Ajustes en el contenedor .overlap */
.contenido .visita-mi-blog .overlap {
    position: relative; /* Asegura que esté posicionado relativamente */
    width: 100%; /* Ajustado al 100% de la columna */
    height: auto; /* Ajustado para contenido dinámico */
    text-align: left; /* Alineado a la izquierda */
    padding: 0;
}

/* Ajustes en el texto */
.contenido .visita-mi-blog .texto {
    font-size: 28px;
    font-weight: 400;
    line-height: 52px;
    width: 100%; /* Ajustado al 100% de la columna */
    margin-bottom: 20px; /* Añadido para separación */
}

/* Ajustes en el enlace */
.contenido .visita-mi-blog .link {
    font-size: 24px;
    font-weight: 400;
    line-height: 48px;
    width: 100%; /* Ajustado al 100% de la columna */
    text-align: left; /* Alineado a la izquierda */
    display: inline-block; /* Asegura que el enlace se comporte como un bloque en línea */
}

/* Ajustes en la línea */
.contenido .linea {
    width: 80vw; /* Ajustado al 80% del ancho de la ventana */
    height: 4px; /* Ajustado a 4px de grosor */
    background-color: #000; /* Color de fondo negro */
    border: none; /* Sin borde */
    margin: 20px auto; /* Centrado horizontalmente con margen */
}

.contenido .contact {
    height: auto;
    left: 78px;
    position: relativa;
    width: 100vw;
}

.contenido .formulario {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 449px;
    left: 677px;
    position: absolute;
    width: 544px;
}

.contenido .div-2 {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 11px;
    position: relative;
}

.contenido .text-wrapper-2 {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.contenido .div-wrapper {
    align-items: flex-start;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 37px;
    position: relative;
}

.contenido .first-name {
    align-items: flex-start;
    border: 2px solid;
    border-color: #4d4d4d;
    display: flex;
    gap: 10px;
    padding: 11px 13px;
    position: relative;
    width: 544px;
}

.contenido .text-wrapper-3 {
    color: #9f9f9f;
    font-family: "Helvetica";
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
    margin-top: -2.00px;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.contenido .email {
    background: transparent;
    border: none;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
    margin-top: -1.00px;
    padding: 0;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}

.contenido .input {
    background: none;
    border: 2px solid;
    border-color: #4d4d4d;
    color: #9f9f9f;
    font-family: "Helvetica";
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
    margin-top: -2.00px;
    padding: 11px 13px;
    position: relative;
    white-space: nowrap;
    width: 544px;
}

.contenido .frame {
    align-items: flex-start;
    border: 2px solid;
    border-color: #4d4d4d;
    display: flex;
    gap: 10px;
    height: 140px;
    padding: 11px 13px;
    position: relative;
    width: 544px;
}

.contenido .send {
    align-items: flex-start;
    border: 2px solid;
    border-color: #4e4e4e;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 10px;
    padding: 8px 30px;
    position: relative;
}

.contenido .text-wrapper-4 {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: normal;
    margin-top: -2.00px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    width: fit-content;
}

.contenido .texto-2 {
    font-size: 28px;
    font-weight: 400;
    left: 63px;
    letter-spacing: 0;
    line-height: normal;
    position: absolute;
    width: 508px;
}

.contenido .img {
    height: 2px;
    left: 63px;
    position: absolute;
    width: 1158px;
}

.contenido .titulo-2 {
    font-size: 44px;
    font-weight: 400;
    left: 63px;
    letter-spacing: 0;
    line-height: 64px;
    position: absolute;
    white-space: nowrap;
    width: 253px;
}

#zoom-out {
    position: relative; /* Asegura que tenga un contexto de apilamiento */
    z-index: 1; /* Coloca esta sección en un nivel inferior */
}