.elementor-159 .elementor-element.elementor-element-4c84594{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-4081ba4 */@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

:root {
    --oro-lis: #D4AF37;
    --texto-oscuro: #333;
    --fondo-suave: #fdfdfb;
    --fuente-principal: 'Libre Baskerville', serif;
}

.sobre-mi-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    background-color: var(--fondo-suave);
}

.sobre-mi-grid {
    display: flex;
    gap: 60px;
    align-items: flex-start;
}

.sobre-mi-video {
    flex: 1;
    position: sticky;
    top: 50px;
}

.video-frame {
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

.video-vertical {
    width: 100%;
    height: auto;
    display: block;
}

.sobre-mi-content {
    flex: 1.6;
}

.sobre-mi-titulo {
    font-family: var(--fuente-principal) !important;
    font-size: 52px !important;
    color: var(--oro-lis) !important;
    margin-bottom: 35px !important;
    font-weight: 700 !important;
}

/* Estilo general para todo el relato */
.sobre-mi-relato p, 
.sobre-mi-relato li,
.sobre-mi-relato span {
    font-family: var(--fuente-principal) !important;
    font-size: 17px;
    line-height: 1.9;
    color: #4a4a4a;
}

/* LA FRASE DE INICIO: En cursiva y un poco más grande */
.capitular {
    font-size: 20px !important;
    font-style: italic !important; /* Aquí aplicamos la cursiva */
    color: var(--texto-oscuro) !important;
    margin-bottom: 25px !important;
    display: block;
}

/* Lista con emojis */
.lista-servicios {
    list-style: none;
    padding: 0;
    margin: 30px 0;
}

.lista-servicios li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 18px !important;
}

.lista-servicios li span {
    font-size: 20px;
    min-width: 30px;
}

/* Firma y nombre */
.firma {
    font-style: italic;
    margin-top: 40px !important;
    color: #666 !important;
}

.divisor-firma {
    width: 80px;
    height: 2px;
    background: var(--oro-lis);
    margin: 25px 0 15px 0;
}

.nombre-firma {
    font-family: var(--fuente-principal) !important;
    font-size: 32px !important;
    color: var(--oro-lis) !important;
    font-weight: bold;
}

/* Responsive */
@media (max-width: 991px) {
    .sobre-mi-grid { flex-direction: column; }
    .sobre-mi-video { width: 100%; max-width: 450px; margin: 0 auto; position: relative; }
    .sobre-mi-titulo { text-align: center; font-size: 42px !important; }
}/* End custom CSS */