body {
    font-family: 'Inter', sans-serif;
    /* ... lo que ya tenías ... */
    line-height: 1.6;
    color: #0F172A
   
}


.main-content h3 {
    font-size: 1.0rem;
    color: #1E293B;
    margin-top: 40px;
    text-transform: uppercase;
    border-top:1px solid #EAB308;
    padding-top: 15px;  

}
.sobre_mi h3{
    border:none;
}

.main-content p {
    font-size: 0.8rem;

}
.header-foto {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    
}
.cv-wrapper {
   
    width: 100%;
    margin: 0 auto;
    background: #F8FAFC;
   
  

}

.main-content {
    padding: 15px;
    /*border-left: 3px solid #EAB308;*/
    /* Grosor y color de la línea */
    border-left: 5px double  #EAB308;


   
    padding-left:20px;
    margin-left: 0px;
   

      
}

.sidebar-right {
    background-color:#1E293B;
    color: #F8FAFC;
    padding-bottom: 20px;
  

}
.sidebar-right h1 { 
    text-transform: uppercase;
    font-size: 1.2rem;
    text-align: center;
    padding: 30px 0 0 0;


}

.sidebar-right img {
    width: 100% !important;
    /* Asegura que no crezca más allá de la columna*/
    max-width: 100%;
    height: auto !important;
    display: block !important;
    object-fit: cover;
    margin: 0px ;
    
}




.sidebar-right ul {
    text-align: left;
    display: inline-block;
    
}

.sidebar-right h2 {
   
    font-size: 1.0rem;
    font-weight: 100;
    border-top: 1px solid #fff;
    width: 75;
    margin: 0 auto 0 auto;

    text-align:center;
    padding: 15px 0 15px 0;
    
}

.sidebar-right h3 {
    font-size: 1.0rem;
    /* Títulos más pequeños y discretos */
    color:  #EAB308;
    /* Blanco sobre fondo oscuro */
    margin-top: 20px;
    text-transform: uppercase;
    border-bottom: 1px solid #475569;
    /* Un detalle visual debajo del título */
    padding-bottom: 5px;
    padding-left: 20px;

}

.sidebar-right p,
.sidebar-right li {
    font-size: 0.9rem;
    
   
}

.sidebar-right ul {
    list-style: none;
    padding: 0;
    margin: 10px 0;
    padding-left: 20px;
}

.sidebar-right li {
    font-size: 0.85rem;
    line-height: relative;
    margin-bottom: 8px;
    position: relative;
    padding: 0px 10px;
}
.sidebar-right a {
    padding-left: 20px;
    padding-bottom: 10px;
}
.sidebar-right span {
    padding-left: 20px;
}

.sidebar-right li::before {
    content: ".";
    color: #EAB308;
    position: absolute;
    left: 0;
    font-weight: bold;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 5px;
    padding-left: 20px;
}

li {
    margin-bottom: 2px;
    line-height: 1.2;
   
}

p {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.4;
    
}

h3,
h4 {
    margin-top: 35px;
    margin-bottom: 2px;
}

.cv-item {
    margin-bottom: 25px;
    padding-bottom: 10px;

}

.cv-item h4 {
    margin: 0;
    font-weight: 500;
    color: #0F172A;

}

.cv-date {
    text-align: center;
    font-size: 10px;
    font-weight: 600;
    color: #475569;
    margin-top: 2px;
    margin-bottom: 10px;
    background-color: #ebb516;
    border-radius: 8px;
    max-width: 120px;
}

.cv-estudio {
    font-style: italic;
    font-weight: bold;
    color: #0F172A;
    font-size: 14px;
    margin-top: 1px;
}

.cv-experiencia h4 {
    font-size: 14px;
}

footer {
    display: flex;
    justify-content: center;
    align-items: center;  
    height: 80px;
    font-size: 0.85rem;
    background-color: #F8FAFC;
    max-width: 944px;
    margin: 0 auto;

  
   
 
}

footer a {
   
    color: #0F172A;
    text-decoration: none;
    font-weight: 500;
    transform: color 0.3s ease;
    
    
}

footer a:hover {
    color: #EAB308;
    text-decoration: none;
}

.social-links {
    text-align: left;
    margin-top: 20px;
}

.social-links ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
    display: flex;
    flex-direction: column;
    /* <-- ESTO PONE LOS ELEMENTOS UNO DEBAJO DE OTRO */
    align-items: left;
    ;
    /* <-- ESTO LOS CENTRA HORIZONTALMENTE */
    gap: 10px;
    font-size: 10px;

}

.social-links i {
    margin-right: 8px;
    font-size: 1.1rem;
    color:#EAB308;
}

.social-links a,
.social-links a:visited {
    color: white;
    text-decoration: none;
}
.formulario { 
    display: flex;          /* flex para centrar */
    justify-content: center;       /* centra horizontal */
    align-items: center;           /* centra vertical */
    background-color: #EAB308;
    color: #1E293B;                /* texto accesible */
    padding: 12px 24px;        /* espacio interno */
    font-weight: 600;
    text-decoration: none;
    height: 8px;
    max-width: 80%;
    margin: 20px auto;
        
}


.texto_vertical {
   
    font-size: 2.5rem;

    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
    
    text-transform:capitalize;
    color: #1E293B;
    
   
}

.sidebar-left section div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.sidebar-left {
    background-color: #EAB308;
    /* Naranja más elegante */
    width: 100px;
    /* Hazla más delgada para que sea un acento visual */
    height: 450px;
    padding-top: 40px;
    display: none;
    border-radius: 0px 45px 0px 45px;
    
    
}

.otros_cursos ul {
    font-size: 0.85rem;

}
@media (min-width:1024px) {
    .cv-wrapper {
        display: flex;
        max-width: 944px;
        
    }
    .sidebar-left {
        display: block;
        order:1;
       
      
    }
    .main-content {
        order:2;
    }
    .sidebar-right{
        order:3;
    }
    .sidebar-right h1 { 
    text-transform: uppercase;
    font-size: 1.1rem;
    text-align: center;
    padding: 30px 0 0 0;


}

    .sidebar-right {
        flex:1.3;
    }
    .sidebar-left {
        flex: 0.4;
    }
    .main-content {
        flex: 2;

    }
    .sidebar-left img{
        width: 130px;
        height: auto;
        padding-bottom: 0px;
     
       
    }
    .sidebar-left {
        display: flex;
        flex-direction:column;
        justify-content:start;
        align-items: center;  
    
    }
    
    
}