<!-- Sección de Imagen Principal -->
<a class="ss-image-link d-inline-block" style="height: fit-content !important; width: 100% !important; max-width: 5000px !important;" data-ss-id="b1r87bXAbN5wvOC1JozP0">
    <img src="https://ss-static-001.esmsv.com/r/content/host2/a62881a7a84c11f2ea26fe5f90555813//editor/Terapeuta-(2643).webp" style="object-fit: contain; height: auto !important; max-width: 700px !important; width: 100% !important;" data-ss-resource-id="32" data-ss-id="Q8bCQYVbyMAAXCdmEYCRQ">
</a>
<hr style="background-color: rgb(76, 93, 76) !important;">

<!-- Sección del Botón de WhatsApp -->
<div class="container" style="padding: 20px 0;">
    <a class="btn btn-primary" style="background-color: rgb(0, 179, 15) !important; border-radius: 15px !important; width: 150px !important; display: block; margin: 0 auto; text-align: center; padding: 10px 0;" href="https://w.app/psicosoluciones">WhatsApp</a>
</div>
<hr style="background-color: rgb(76, 93, 76) !important;">

<!-- Sección de Cita Inspiradora (Existente) -->
<div class="container" style="background-color: rgb(194, 235, 177) !important; padding: 40px 20px; border-radius: 10px;">
    <div class="ssc-row" style="gap:20px !important;grid-template-columns:50fr 50fr">
        <div class="ssc-col">
            <div class="ssc-flex ssc-flex-column ssc-flex-wrap ssc-justify-center ssc-align-center" style="width:100%;height:100% !important">
                <img src="https://ss-static-001.esmsv.com/r/content/host2/a62881a7a84c11f2ea26fe5f90555813//editor/profesora-de-ingles-haciendo-sus-lecciones-en-linea-(8088).webp" style="object-fit: cover; width: 100% !important; height: auto !important; max-width: 700px !important;">
            </div>
        </div>
        <div class="ssc-col">
            <div class="ssc-flex ssc-flex-column ssc-flex-wrap ssc-justify-start ssc-align-start" style="height: 100% !important; background-color: rgb(76, 93, 76) !important; padding: 40px !important; gap: 20px !important; border-radius: 10px;">
                <h1 style="font-weight:600;font-size:27px !important;color:rgb(255, 255, 255) !important">Felicidad...</h1>
                <p style="font-weight:400;margin-bottom:0px !important;color:rgb(255, 255, 255) !important">
                    <b>
                        <font color="#d1d1d1">"Descubrió que la felicidad no estaba afuera, ni siquiera en lo que pasaba…</font>
                    </b>
                </p>
                <div>
                    <b>
                        <font color="#d1d1d1">Estaba en la forma en que miraba el mundo.</font>
                    </b>
                </div>
                <div>
                    <b>
                        <font color="#d1d1d1">Y al cambiar sus pensamientos, cambió su realidad.</font>
                    </b>
                </div>
                <div>
                    <b>
                        <font color="#d1d1d1">Entonces sonrió, no porque todo fuera perfecto,</font>
                    </b>
                </div>
                <div>
                    <b>
                        <font color="#d1d1d1">sino porque aprendió a ver con nuevos ojos."</font>
                    </b>
                </div>
                <p></p>
            </div>
        </div>
    </div>
</div>
<hr style="background-color: rgb(194, 235, 177) !important;">

<!-- Nueva Sección: Datos Profesionales -->
<div class="container" style="background-color: rgb(240, 248, 238) !important; padding: 40px 20px; border-radius: 10px; margin-top: 30px;">
    <h2 style="text-align: center; color: rgb(76, 93, 76); margin-bottom: 30px;">Datos Profesionales</h2>
    <div class="ssc-row" style="gap:20px !important;grid-template-columns:50fr 50fr">
        <div class="ssc-col">
            <div class="ssc-flex ssc-flex-column ssc-flex-wrap ssc-justify-center ssc-align-center" style="width:100%;height:100% !important">
                <!-- Espacio para imagen de Datos Profesionales -->
                <img src="https://placehold.co/400x300/c2ebaf/4c5d4c?text=Datos+Profesionales" alt="Imagen de Datos Profesionales" style="object-fit: cover; width: 100% !important; height: auto !important; max-width: 700px !important; border-radius: 8px;">
            </div>
        </div>
        <div class="ssc-col">
            <div class="ssc-flex ssc-flex-column ssc-flex-wrap ssc-justify-start ssc-align-start" style="height: 100% !important; background-color: rgb(76, 93, 76) !important; padding: 30px !important; gap: 15px !important; border-radius: 10px;">
                <p style="color:rgb(255, 255, 255); margin-bottom: 0;">
                    <b>Nombre:</b> Angela Maria Herrera<br>
                    <b>Matrícula:</b> 2916<br>
                    <b>Dirección:</b> San Nicolas 1655, Rosario, Provincia de Santa Fe, Argentina
                </p>
            </div>
        </div>
    </div>
</div>
<hr style="background-color: rgb(194, 235, 177) !important;">

<!-- Nueva Sección: Enfoque Terapéutico -->
<div class="container" style="background-color: rgb(240, 248, 238) !important; padding: 40px 20px; border-radius: 10px; margin-top: 30px;">
    <h2 style="text-align: center; color: rgb(76, 93, 76); margin-bottom: 30px;">Enfoque Terapéutico</h2>
    <div class="ssc-row" style="gap:20px !important;grid-template-columns:50fr 50fr">
        <div class="ssc-col">
            <div class="ssc-flex ssc-flex-column ssc-flex-wrap ssc-justify-start ssc-align-start" style="height: 100% !important; background-color: rgb(76, 93, 76) !important; padding: 30px !important; gap: 15px !important; border-radius: 10px;">
                <p style="color:rgb(255, 255, 255); margin-bottom: 0;">
                    Mi enfoque principal es la **Terapia Cognitivo-Comportamental**. Este abordaje se centra en identificar y modificar patrones de pensamiento y comportamiento que contribuyen a las dificultades emocionales. Trabajamos juntos para desarrollar estrategias prácticas y efectivas para manejar tus desafíos.
                </p>
            </div>
        </div>
        <div class="ssc-col">
            <div class="ssc-flex ssc-flex-column ssc-flex-wrap ssc-justify-center ssc-align-center" style="width:100%;height:100% !important">
                <!-- Espacio para imagen de Enfoque Terapéutico -->
                <img src="https://placehold.co/400x300/c2ebaf/4c5d4c?text=Enfoque+Terapeutico" alt="Imagen de Enfoque Terapéutico" style="object-fit: cover; width: 100% !important; height: auto !important; max-width: 700px !important; border-radius: 8px;">
            </div>
        </div>
    </div>
</div>
<hr style="background-color: rgb(194, 235, 177) !important;">

<!-- Nueva Sección: Problemáticas Frecuentes -->
<div class="container" style="background-color: rgb(240, 248, 238) !important; padding: 40px 20px; border-radius: 10px; margin-top: 30px;">
    <h2 style="text-align: center; color: rgb(76, 93, 76); margin-bottom: 30px;">Problemáticas Frecuentes</h2>
    <div class="ssc-row" style="gap:20px !important;grid-template-columns:50fr 50fr">
        <div class="ssc-col">
            <div class="ssc-flex ssc-flex-column ssc-flex-wrap ssc-justify-center ssc-align-center" style="width:100%;height:100% !important">
                <!-- Espacio para imagen de Problemáticas Frecuentes -->
                <img src="https://placehold.co/400x300/c2ebaf/4c5d4c?text=Problemas+Comunes" alt="Imagen de Problemáticas Frecuentes" style="object-fit: cover; width: 100% !important; height: auto !important; max-width: 700px !important; border-radius: 8px;">
            </div>
        </div>
        <div class="ssc-col">
            <div class="ssc-flex ssc-flex-column ssc-flex-wrap ssc-justify-start ssc-align-start" style="height: 100% !important; background-color: rgb(76, 93, 76) !important; padding: 30px !important; gap: 15px !important; border-radius: 10px;">
                <p style="color:rgb(255, 255, 255); margin-bottom: 0;">
                    Las problemáticas más frecuentes que abordo en mi consultorio incluyen:<br>
                    - Trastornos de Ansiedad<br>
                    - Dependencias Afectivas<br>
                    - Duelos<br>
                    - Depresión
                </p>
            </div>
        </div>
    </div>
</div>
<hr style="background-color: rgb(194, 235, 177) !important;">

<!-- Nueva Sección: Público Objetivo -->
<div class="container" style="background-color: rgb(240, 248, 238) !important; padding: 40px 20px; border-radius: 10px; margin-top: 30px;">
    <h2 style="text-align: center; color: rgb(76, 93, 76); margin-bottom: 30px;">Público Objetivo</h2>
    <div class="ssc-row" style="gap:20px !important;grid-template-columns:50fr 50fr">
        <div class="ssc-col">
            <div class="ssc-flex ssc-flex-column ssc-flex-wrap ssc-justify-start ssc-align-start" style="height: 100% !important; background-color: rgb(76, 93, 76) !important; padding: 30px !important; gap: 15px !important; border-radius: 10px;">
                <p style="color:rgb(255, 255, 255); margin-bottom: 0;">
                    Ofrezco terapia para:<br>
                    - Adultos<br>
                    - Adolescentes<br>
                    - Parejas<br>
                    - Familias
                </p>
            </div>
        </div>
        <div class="ssc-col">
            <div class="ssc-flex ssc-flex-column ssc-flex-wrap ssc-justify-center ssc-align-center" style="width:100%;height:100% !important">
                <!-- Espacio para imagen de Público Objetivo -->
                <img src="https://placehold.co/400x300/c2ebaf/4c5d4c?text=Publico+Objetivo" alt="Imagen de Público Objetivo" style="object-fit: cover; width: 100% !important; height: auto !important; max-width: 700px !important; border-radius: 8px;">
            </div>
        </div>
    </div>
</div>
<hr style="background-color: rgb(194, 235, 177) !important;">

<!-- Nueva Sección: ¿Cómo es una Primera Sesión? -->
<div class="container" style="background-color: rgb(240, 248, 238) !important; padding: 40px 20px; border-radius: 10px; margin-top: 30px;">
    <h2 style="text-align: center; color: rgb(76, 93, 76); margin-bottom: 30px;">¿Cómo es una Primera Sesión?</h2>
    <div class="ssc-row" style="gap:20px !important;grid-template-columns:50fr 50fr">
        <div class="ssc-col">
            <div class="ssc-flex ssc-flex-column ssc-flex-wrap ssc-justify-center ssc-align-center" style="width:100%;height:100% !important">
                <!-- Espacio para imagen de Primera Sesión -->
                <img src="https://placehold.co/400x300/c2ebaf/4c5d4c?text=Primera+Sesion" alt="Imagen de Primera Sesión" style="object-fit: cover; width: 100% !important; height: auto !important; max-width: 700px !important; border-radius: 8px;">
            </div>
        </div>
        <div class="ssc-col">
            <div class="ssc-flex ssc-flex-column ssc-flex-wrap ssc-justify-start ssc-align-start" style="height: 100% !important; background-color: rgb(76, 93, 76) !important; padding: 30px !important; gap: 15px !important; border-radius: 10px;">
                <p style="color:rgb(255, 255, 255); margin-bottom: 0;">
                    En una primera entrevista, mi objetivo es establecer una relación empática y crear un ambiente seguro y acogedor. Juntos, definiremos los objetivos del tratamiento, explicaré el abordaje psicoterapéutico, la duración y frecuencia de las sesiones, y la importancia de la confidencialidad.
                </p>
            </div>
        </div>
    </div>
</div>
<hr style="background-color: rgb(194, 235, 177) !important;">

<!-- Nueva Sección: Experiencia y Valores -->
<div class="container" style="background-color: rgb(240, 248, 238) !important; padding: 40px 20px; border-radius: 10px; margin-top: 30px;">
    <h2 style="text-align: center; color: rgb(76, 93, 76); margin-bottom: 30px;">Mi Experiencia y Valores</h2>
    <div class="ssc-row" style="gap:20px !important;grid-template-columns:50fr 50fr">
        <div class="ssc-col">
            <div class="ssc-flex ssc-flex-column ssc-flex-wrap ssc-justify-start ssc-align-start" style="height: 100% !important; background-color: rgb(76, 93, 76) !important; padding: 30px !important; gap: 15px !important; border-radius: 10px;">
                <p style="color:rgb(255, 255, 255); margin-bottom: 0;">
                    Ser psicóloga es una carrera fascinante que me ofrece la oportunidad de ayudar a las personas a entender y mejorar su bienestar emocional. Ofrezco herramientas y técnicas para manejar el estrés y la ansiedad, aumentar la autoestima y la confianza, mejorar las relaciones interpersonales, y reemplazar pensamientos negativos por otros positivos. La psicoterapia es un proceso de autoconocimiento personal donde puedes aprender a conocerte mejor, a manejar tus emociones y a desarrollar habilidades para afrontar desafíos.
                </p>
            </div>
        </div>
        <div class="ssc-col">
            <div class="ssc-flex ssc-flex-column ssc-flex-wrap ssc-justify-center ssc-align-center" style="width:100%;height:100% !important">
                <!-- Espacio para imagen de Experiencia y Valores -->
                <img src="https://placehold.co/400x300/c2ebaf/4c5d4c?text=Experiencia+y+Valores" alt="Imagen de Experiencia y Valores" style="object-fit: cover; width: 100% !important; height: auto !important; max-width: 700px !important; border-radius: 8px;">
            </div>
        </div>
    </div>
</div>
<hr style="background-color: rgb(194, 235, 177) !important;">