.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-13 .elementor-element.elementor-element-b036a3e{text-align:center;}.elementor-13 .elementor-element.elementor-element-b036a3e img{border-radius:22px 22px 22px 22px;}/* Start custom CSS for text-editor, class: .elementor-element-c777a2b *//* ==========================================
   HERO LIMPIO - MEDIADOR FAMILIAR
   Estilo claro, moderno, profesional
========================================== */

.elementor-13 .elementor-element.elementor-element-c777a2b{

    position:relative;

    overflow:hidden;

    min-height:720px;

    display:flex;
    align-items:center;

    padding:100px 7%;

    background:#F7FAFC;

    border-radius:30px;

    border:1px solid #E6ECF2;

    box-shadow:
    0 30px 70px rgba(15,23,42,.08);

}

/* LUZ SUAVE DECORATIVA */

.elementor-13 .elementor-element.elementor-element-c777a2b::before{

    content:"";

    position:absolute;

    width:600px;
    height:600px;

    right:-250px;
    top:-250px;

    background:
    radial-gradient(circle,
    rgba(56,189,248,.18) 0%,
    rgba(45,212,191,.10) 40%,
    transparent 70%);

    border-radius:50%;

}

/* SEGUNDA LUZ */

.elementor-13 .elementor-element.elementor-element-c777a2b::after{

    content:"";

    position:absolute;

    width:400px;
    height:400px;

    left:-150px;
    bottom:-150px;

    background:
    radial-gradient(circle,
    rgba(59,130,246,.12) 0%,
    transparent 70%);

    border-radius:50%;

}

/* CONTENIDO ENCIMA */

.elementor-13 .elementor-element.elementor-element-c777a2b *{

    position:relative;
    z-index:2;

}

/* TITULO */

.elementor-13 .elementor-element.elementor-element-c777a2b h1{

    font-size:clamp(42px,5vw,64px);

    line-height:1.1;

    font-weight:700;

    color:#1F2A37;

    letter-spacing:-1px;

    max-width:780px;

}

/* TEXTO */

.elementor-13 .elementor-element.elementor-element-c777a2b p{

    font-size:20px;

    line-height:1.8;

    color:#6B7280;

    max-width:720px;

    margin-top:20px;

}

/* ==========================================
   BOTÓN LIMPIO PREMIUM (CLARO)
========================================== */

.elementor-13 .elementor-element.elementor-element-c777a2b .elementor-button{

    position:relative;

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    padding:18px 36px;

    border-radius:999px;

    font-weight:600;

    font-size:16px;

    color:#0F4C5C;

    background:#ffffff;

    border:1px solid #D7E2EC;

    box-shadow:
    0 15px 35px rgba(15,23,42,.08);

    transition:all .3s ease;

}

/* pequeño acento moderno */

.elementor-13 .elementor-element.elementor-element-c777a2b .elementor-button::after{

    content:"";

    position:absolute;

    right:18px;

    width:8px;
    height:8px;

    border-radius:50%;

    background:#38BDF8;

    box-shadow:
    0 0 0 5px rgba(56,189,248,.15);

}

/* HOVER */

.elementor-13 .elementor-element.elementor-element-c777a2b .elementor-button:hover{

    transform:translateY(-3px);

    background:#38BDF8;

    color:#ffffff;

    border-color:#38BDF8;

    box-shadow:
    0 25px 60px rgba(56,189,248,.25);

}

/* RESPONSIVE */

@media(max-width:768px){

.elementor-13 .elementor-element.elementor-element-c777a2b{

    padding:70px 25px;

    border-radius:22px;

}

.elementor-13 .elementor-element.elementor-element-c777a2b h1{

    font-size:38px;

}

.elementor-13 .elementor-element.elementor-element-c777a2b p{

    font-size:18px;

}

.elementor-13 .elementor-element.elementor-element-c777a2b .elementor-button{

    width:100%;

}

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0f81afa *//* ==========================================
   SECCIÓN SERVICIOS - MEDIADOR FAMILIAR
   Estilo limpio, moderno y profesional
========================================== */

.mf-services{

    padding:100px 7%;

    background:#ffffff;

}

/* CONTENEDOR */

.mf-services-container{

    max-width:1200px;

    margin:auto;

}

/* HEADER */

.mf-services-header{

    text-align:center;

    margin-bottom:60px;

}

.mf-services-header h2{

    font-size:38px;

    font-weight:700;

    color:#1F2A37;

    margin-bottom:15px;

}

.mf-services-header p{

    font-size:18px;

    color:#6B7280;

    max-width:700px;

    margin:auto;

    line-height:1.7;

}

/* GRID */

.mf-services-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}

/* CARD */

.mf-card{

    background:#F8FAFC;

    border:1px solid #E6ECF2;

    border-radius:22px;

    padding:28px;

    transition:all .3s ease;

    box-shadow:0 10px 25px rgba(15,23,42,.05);

    position:relative;

    overflow:hidden;

}

/* LUZ SUAVE */

.mf-card::before{

    content:"";

    position:absolute;

    width:200px;
    height:200px;

    right:-90px;
    top:-90px;

    background:radial-gradient(circle,
    rgba(56,189,248,.15),
    transparent 70%);

}

/* HOVER */

.mf-card:hover{

    transform:translateY(-6px);

    border-color:#38BDF8;

    box-shadow:0 25px 60px rgba(15,23,42,.12);

}

/* TITULO CARD */

.mf-card h3{

    font-size:18px;

    font-weight:600;

    color:#1F2A37;

    margin-bottom:10px;

}

/* TEXTO CARD */

.mf-card p{

    font-size:15px;

    color:#6B7280;

    line-height:1.6;

}

/* RESPONSIVE */

@media(max-width:1024px){

.mf-services-grid{

    grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.mf-services{

    padding:70px 25px;

}

.mf-services-header h2{

    font-size:28px;

}

.mf-services-grid{

    grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6fc612d *//* ==========================================
   SECCIÓN PROCESO - MEDIADOR FAMILIAR
   Timeline moderno limpio
========================================== */

.mf-process{

    padding:100px 7%;

    background:#F7FAFC;

}

/* CONTENEDOR */

.mf-process-container{

    max-width:1200px;

    margin:auto;

}

/* HEADER */

.mf-process-header{

    text-align:center;

    margin-bottom:70px;

}

.mf-process-header h2{

    font-size:38px;

    font-weight:700;

    color:#1F2A37;

    margin-bottom:15px;

}

.mf-process-header p{

    font-size:18px;

    color:#6B7280;

    max-width:750px;

    margin:auto;

    line-height:1.7;

}

/* GRID */

.mf-process-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}

/* STEP CARD */

.mf-step{

    background:#ffffff;

    border:1px solid #E6ECF2;

    border-radius:22px;

    padding:30px;

    position:relative;

    transition:all .3s ease;

    box-shadow:0 10px 25px rgba(15,23,42,.05);

}

/* NUMERO */

.mf-step span{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:42px;

    height:42px;

    border-radius:50%;

    background:#38BDF8;

    color:#fff;

    font-weight:700;

    margin-bottom:15px;

    box-shadow:0 10px 20px rgba(56,189,248,.25);

}

/* TITULO */

.mf-step h3{

    font-size:18px;

    font-weight:600;

    color:#1F2A37;

    margin-bottom:10px;

}

/* TEXTO */

.mf-step p{

    font-size:15px;

    color:#6B7280;

    line-height:1.6;

}

/* HOVER */

.mf-step:hover{

    transform:translateY(-6px);

    border-color:#38BDF8;

    box-shadow:0 25px 60px rgba(15,23,42,.12);

}

/* RESPONSIVE */

@media(max-width:1024px){

.mf-process-grid{

    grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.mf-process{

    padding:70px 25px;

}

.mf-process-header h2{

    font-size:28px;

}

.mf-process-grid{

    grid-template-columns:1fr;

}

}

/* ==========================================
   SECCIÓN IMAGEN + TEXTO OVERLAY
   MEDIADOR FAMILIAR
========================================== */

.mf-image-overlay{

    padding:100px 7%;

    background:#F7FAFC;

}

/* CONTENEDOR */

.mf-image-container{

    max-width:1200px;

    margin:auto;

    position:relative;

    display:flex;

    align-items:center;

    border-radius:28px;

    overflow:hidden;

    box-shadow:0 30px 70px rgba(15,23,42,.10);

}

/* IMAGEN */

.mf-image-container img{

    width:100%;

    height:500px;

    object-fit:cover;

    display:block;

}

/* OVERLAY DE TEXTO */

.mf-text{

    position:absolute;

    left:0;

    top:0;

    width:55%;

    height:100%;

    padding:60px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    background:linear-gradient(
        90deg,
        rgba(247,250,252,.95) 0%,
        rgba(247,250,252,.85) 60%,
        rgba(247,250,252,0) 100%
    );

}

/* TITULO */

.mf-text h2{

    font-size:36px;

    font-weight:700;

    color:#1F2A37;

    margin-bottom:15px;

}

/* TEXTO */

.mf-text p{

    font-size:18px;

    line-height:1.7;

    color:#6B7280;

    max-width:500px;

    margin-bottom:25px;

}

/* BOTÓN */

.mf-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 28px;

    border-radius:999px;

    background:#38BDF8;

    color:#fff;

    font-weight:600;

    text-decoration:none;

    width:max-content;

    transition:.3s;

    box-shadow:0 15px 35px rgba(56,189,248,.25);

}

.mf-btn:hover{

    transform:translateY(-3px);

    background:#0EA5E9;

}

/* RESPONSIVE */

@media(max-width:768px){

.mf-image-container{

    flex-direction:column;

    border-radius:20px;

}

.mf-image-container img{

    height:320px;

}

.mf-text{

    position:relative;

    width:100%;

    padding:30px;

    background:#F7FAFC;

}

.mf-text h2{

    font-size:26px;

}

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-020bce4 *//* ==========================================
   ABOUT - VICTORIA VALDÉS (VERSIÓN MOBILE FIX)
========================================== */

.mf-about{

    padding:100px 7%;

    background:#ffffff;

}

/* CONTENEDOR */

.mf-about-container{

    max-width:1100px;

    margin:auto;

    display:flex;

    align-items:center;

    gap:60px;

}

/* IMAGEN (CLAVE DEL FIX) */

.mf-about-image{

    flex:1;

    display:flex;

    justify-content:center;

}

.mf-about-image img{

    width:100%;

    max-width:420px;

    height:auto;

    border-radius:26px;

    object-fit:cover;

    box-shadow:0 35px 80px rgba(15,23,42,.12);

}

/* TEXTO */

.mf-about-text{

    flex:1;

}

.mf-about-text h2{

    font-size:42px;

    font-weight:700;

    color:#1F2A37;

    margin-bottom:10px;

}

.mf-about-text h3{

    font-size:18px;

    font-weight:500;

    color:#38BDF8;

    margin-bottom:20px;

}

.mf-about-text p{

    font-size:18px;

    line-height:1.8;

    color:#6B7280;

    margin-bottom:15px;

}

/* BOTÓN */

.mf-btn{

    display:inline-flex;

    padding:16px 28px;

    border-radius:999px;

    background:#38BDF8;

    color:#fff;

    font-weight:600;

    text-decoration:none;

    margin-top:20px;

    transition:.3s;

    box-shadow:0 15px 35px rgba(56,189,248,.25);

}

.mf-btn:hover{

    transform:translateY(-3px);

    background:#0EA5E9;

}

/* ==========================================
   RESPONSIVE REAL (IMPORTANTE)
========================================== */

@media(max-width:768px){

.mf-about-container{

    flex-direction:column;

    text-align:center;

    gap:30px;

}

/* evita recorte feo */

.mf-about-image img{

    max-width:320px;

    width:100%;

    height:auto;

    object-fit:contain;

}

.mf-about-text h2{

    font-size:30px;

}

.mf-about-text p{

    font-size:16px;

}

.mf-btn{

    width:100%;

    justify-content:center;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-02b2f3d *//* ==========================================
   TESTIMONIOS (TRUSTINDEX) - MEDIADOR FAMILIAR
   Estilo limpio + integración profesional
========================================== */

.mf-testimonials{

    padding:100px 7%;

    background:#F7FAFC;

}

/* CONTENEDOR */

.mf-testimonials-container{

    max-width:1100px;

    margin:auto;

}

/* HEADER */

.mf-testimonials-header{

    text-align:center;

    margin-bottom:50px;

}

.mf-testimonials-header h2{

    font-size:38px;

    font-weight:700;

    color:#1F2A37;

    margin-bottom:10px;

}

.mf-testimonials-header p{

    font-size:18px;

    color:#6B7280;

    max-width:700px;

    margin:auto;

    line-height:1.6;

}

/* CAJA DEL PLUGIN */

.mf-testimonials-box{

    background:#ffffff;

    border:1px solid #E6ECF2;

    border-radius:26px;

    padding:30px;

    box-shadow:0 20px 50px rgba(15,23,42,.06);

    overflow:hidden;

}

/* ==========================================
   AJUSTE VISUAL DEL TRUSTINDEX
   (no rompe el plugin)
========================================== */

.mf-testimonials-box iframe,
.mf-testimonials-box .ti-widget{

    border-radius:18px !important;

}

/* HOVER SUAVE DEL CONTENEDOR */

.mf-testimonials-box:hover{

    box-shadow:0 30px 70px rgba(15,23,42,.10);

    transform:translateY(-3px);

    transition:.3s ease;

}

/* RESPONSIVE */

@media(max-width:768px){

.mf-testimonials{

    padding:70px 25px;

}

.mf-testimonials-header h2{

    font-size:28px;

}

.mf-testimonials-box{

    padding:20px;

}

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c4171cd *//* ==========================================
   CTA FINAL PREMIUM - MEDIADOR FAMILIAR
   Fondo con vida + ficha empresa
========================================== */

.mf-cta{

    padding:120px 7%;

    text-align:center;

    position:relative;

    overflow:hidden;

    background:#F7FAFC;

}

/* CÍRCULO LUMINOSO DECORATIVO */

.mf-cta::before{

    content:"";

    position:absolute;

    width:600px;
    height:600px;

    background:radial-gradient(circle,
    rgba(56,189,248,.20) 0%,
    rgba(45,212,191,.10) 40%,
    transparent 70%);

    top:-250px;
    right:-200px;

    border-radius:50%;

}

/* SEGUNDO CÍRCULO */

.mf-cta::after{

    content:"";

    position:absolute;

    width:400px;
    height:400px;

    background:radial-gradient(circle,
    rgba(59,130,246,.12) 0%,
    transparent 70%);

    bottom:-180px;
    left:-150px;

    border-radius:50%;

}

/* CONTENEDOR */

.mf-cta-container{

    max-width:900px;

    margin:auto;

    position:relative;

    z-index:2;

}

/* TITULO */

.mf-cta h2{

    font-size:42px;

    font-weight:700;

    color:#1F2A37;

    margin-bottom:15px;

}

/* TEXTO */

.mf-cta p{

    font-size:18px;

    color:#6B7280;

    line-height:1.7;

    margin-bottom:30px;

}

/* BOTONES */

.mf-cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

    margin-bottom:40px;

}

/* WHATSAPP */

.mf-btn-whatsapp{

    padding:16px 32px;

    border-radius:999px;

    background:#38BDF8;

    color:#fff;

    font-weight:600;

    text-decoration:none;

    transition:.3s;

    box-shadow:0 15px 35px rgba(56,189,248,.25);

}

.mf-btn-whatsapp:hover{

    transform:translateY(-3px);

    background:#0EA5E9;

}

/* LLAMAR */

.mf-btn-call{

    padding:16px 32px;

    border-radius:999px;

    background:#ffffff;

    color:#1F2A37;

    font-weight:600;

    text-decoration:none;

    border:1px solid #D7E2EC;

    transition:.3s;

    box-shadow:0 10px 25px rgba(15,23,42,.05);

}

.mf-btn-call:hover{

    transform:translateY(-3px);

    border-color:#38BDF8;

    color:#38BDF8;

}

/* ==========================================
   FICHA EMPRESA
========================================== */

.mf-company-card{

    background:#ffffff;

    border:1px solid #E6ECF2;

    border-radius:26px;

    padding:30px;

    box-shadow:0 20px 50px rgba(15,23,42,.06);

    text-align:left;

}

.mf-company-card h3{

    font-size:18px;

    font-weight:700;

    color:#1F2A37;

}

.mf-company-card p{

    font-size:14px;

    color:#6B7280;

    margin-bottom:10px;

}

/* GRID INFO */

.mf-company-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:15px;

    margin-top:15px;

}

.mf-company-grid p{

    font-size:13px;

    color:#4B5563;

    background:#F8FAFC;

    padding:12px;

    border-radius:14px;

    border:1px solid #E6ECF2;

}

/* RESPONSIVE */

@media(max-width:768px){

.mf-cta{

    padding:80px 25px;

}

.mf-cta h2{

    font-size:28px;

}

.mf-cta-buttons{

    flex-direction:column;

}

.mf-btn-whatsapp,
.mf-btn-call{

    width:100%;

    justify-content:center;

}

.mf-company-grid{

    grid-template-columns:1fr;

}

.mf-company-card{

    text-align:center;

}

}/* End custom CSS */