.wp-block-post-title,
.entry-title {
display: none !important;
}

.sobre-mi {
width: min(1180px, calc(100vw – 64px));
max-width: none;
position: relative;
left: 50%;
transform: translateX(-50%);
margin: 0 auto;
padding: 90px 0 100px;
font-family: “Times New Roman”, Times, serif;
color: #202020;
}

.sobre-mi-encabezado {
max-width: 850px;
margin-bottom: 70px;
}

.sobre-mi-etiqueta {
display: block;
margin-bottom: 22px;
font-size: 15px;
letter-spacing: 1.4px;
text-transform: uppercase;
color: #555;
}

.sobre-mi-encabezado h1 {
margin: 0 0 25px;
font-size: clamp(54px, 7vw, 82px);
line-height: 1;
font-weight: 600;
letter-spacing: -2px;
color: #181818;
}

.sobre-mi-encabezado p {
max-width: 720px;
margin: 0;
font-size: 21px;
line-height: 1.7;
color: #454545;
}

.sobre-mi-linea {
width: 100%;
height: 1px;
margin-bottom: 60px;
background: #bfc3c7;
}

.sobre-mi-contenido {
display: grid;
grid-template-columns: 220px 1fr;
gap: 60px;
max-width: 950px;
margin-bottom: 70px;
}

.sobre-mi-subtitulo {
margin: 0;
font-size: 15px;
font-weight: bold;
letter-spacing: 1.3px;
text-transform: uppercase;
color: #555;
}

.sobre-mi-texto p {
margin: 0 0 24px;
font-size: 18px;
line-height: 1.85;
color: #444;
}

.sobre-mi-datos {
display: grid;
grid-template-columns: 220px 1fr;
gap: 60px;
max-width: 950px;
padding-top: 10px;
}

.datos-lista {
margin: 0;
}

.dato {
display: grid;
grid-template-columns: 170px 1fr;
gap: 25px;
padding: 16px 0;
border-bottom: 1px solid #d3d6d9;
}

.dato:first-child {
padding-top: 0;
}

.dato-titulo {
font-size: 15px;
font-weight: bold;
color: #333;
}

.dato-valor {
font-size: 17px;
line-height: 1.6;
color: #555;
}

.dato-valor a {
position: relative;
color: #202020 !important;
text-decoration: none !important;
}

.dato-valor a::after {
content: “”;
position: absolute;
left: 0;
bottom: -3px;
width: 100%;
height: 1px;
background: #202020;
transform: scaleX(0);
transform-origin: right;
transition: transform 0.25s ease;
}

.dato-valor a:hover::after {
transform: scaleX(1);
transform-origin: left;
}

@media (max-width: 750px) {

.sobre-mi {
width: calc(100vw – 36px);
padding: 55px 0 75px;
}

.sobre-mi-encabezado h1 {
font-size: 52px;
letter-spacing: -1px;
}

.sobre-mi-encabezado p {
font-size: 19px;
}

.sobre-mi-contenido,
.sobre-mi-datos {
grid-template-columns: 1fr;
gap: 18px;
}

.dato {
grid-template-columns: 1fr;
gap: 5px;
}

}