<section class=ยปprovida-homeยป>

  <div class=ยปprovida-wrapperยป>

    <div class=ยปprovida-headingยป>

      <span class=ยปprovida-kickerยป>Quรฉ es ProVida</span>

      <h2>Una asociaciรณn de apoyo, acogida y acompaรฑamiento</h2>

      <p class=ยปprovida-introยป>

        ProVida Torrejรณn de Ardoz es una asociaciรณn sin รกnimo de lucro que ofrece

        apoyo a mujeres embarazadas, madres y familias que atraviesan situaciones

        de dificultad. Nuestra labor se centra en acompaรฑar de forma cercana,

        humana y continuada, atendiendo tanto necesidades materiales como

        personales.

      </p>

    </div>


    <div class=ยปprovida-featured-boxยป>

      <div class=ยปprovida-featured-textยป>

        <h3>Un lugar de acogida para quien necesita apoyo</h3>

        <p>

          Entendemos que detrรกs de muchas situaciones difรญciles hay miedo,

          incertidumbre y sensaciรณn de soledad. Por eso trabajamos para ofrecer

          un espacio de confianza donde cada mujer y cada familia pueda sentirse

          escuchada, orientada y acompaรฑada con respeto, sensibilidad y

          compromiso.

        </p>

      </div>

    </div>


    <div class=ยปprovida-gridยป>

      <div class=ยปprovida-cardยป>

        <h3>Quรฉ somos</h3>

        <p>

          Somos una entidad social comprometida con la defensa de la vida, el

          cuidado de la maternidad y la atenciรณn a familias en situaciรณn de

          vulnerabilidad. Nuestra asociaciรณn nace con la voluntad de estar cerca

          de quienes necesitan ayuda real en momentos especialmente delicados.

        </p>

      </div>


      <div class=ยปprovida-cardยป>

        <h3>Para quiรฉn trabajamos</h3>

        <p>

          Nos dirigimos a mujeres embarazadas, madres, bebรฉs y familias que

          atraviesan dificultades econรณmicas, emocionales o sociales. Queremos

          ofrecer una respuesta cercana y concreta a quienes necesitan apoyo,

          orientaciรณn o recursos bรกsicos para seguir adelante con esperanza.

        </p>

      </div>

    </div>


    <div class=ยปprovida-servicesยป>

      <div class=ยปprovida-section-titleยป>

        <span>Nuestra labor</span>

        <h3>Quรฉ hacemos en ProVida Torrejรณn</h3>

      </div>


      <div class=ยปprovida-services-gridยป>

        <div class=ยปprovida-service-itemยป>

          <div class=ยปprovida-iconยป>โ—</div>

          <h4>Acogida inicial</h4>

          <p>

            Recibimos a cada persona desde la cercanรญa, escuchando su situaciรณn y

            tratando de comprender sus necesidades de forma individual y

            respetuosa.

          </p>

        </div>


        <div class=ยปprovida-service-itemยป>

          <div class=ยปprovida-iconยป>โ—</div>

          <h4>Apoyo a la maternidad</h4>

          <p>

            Ofrecemos ayuda a mujeres que viven un embarazo difรญcil, aportando

            orientaciรณn, acompaรฑamiento y respaldo en un momento especialmente

            importante de sus vidas.

          </p>

        </div>


        <div class=ยปprovida-service-itemยป>

          <div class=ยปprovida-iconยป>โ—</div>

          <h4>Ayuda a familias</h4>

          <p>

            Colaboramos con familias que necesitan recursos bรกsicos relacionados

            con el cuidado del bebรฉ, el embarazo y otras necesidades urgentes del

            dรญa a dรญa.

          </p>

        </div>


        <div class=ยปprovida-service-itemยป>

          <div class=ยปprovida-iconยป>โ—</div>

          <h4>Acompaรฑamiento continuado</h4>

          <p>

            No buscamos dar solo una respuesta puntual, sino sostener una ayuda

            cercana en el tiempo, adaptada a cada historia y a cada proceso

            personal o familiar.

          </p>

        </div>

      </div>

    </div>


    <div class=ยปprovida-valuesยป>

      <div class=ยปprovida-section-titleยป>

        <span>Nuestra identidad</span>

        <h3>En quรฉ se basa nuestra forma de ayudar</h3>

      </div>


      <div class=ยปprovida-values-listยป>

        <div class=ยปprovida-valueยป>

          <strong>Cercanรญa</strong>

          <p>

            Creemos en una atenciรณn humana, prรณxima y personal, donde cada

            historia importa y cada persona merece ser atendida con sensibilidad.

          </p>

        </div>

        <div class=ยปprovida-valueยป>

          <strong>Respeto</strong>

          <p>

            Acompaรฑamos sin juzgar, acogiendo cada situaciรณn con comprensiรณn,

            escucha y respeto a la dignidad de cada mujer y cada familia.

          </p>

        </div>

        <div class=ยปprovida-valueยป>

          <strong>Compromiso</strong>

          <p>

            Nuestra labor se apoya en el esfuerzo constante de voluntarios,

            colaboradores y personas comprometidas con el bien comรบn.

          </p>

        </div>

        <div class=ยปprovida-valueยป>

          <strong>Esperanza</strong>

          <p>

            Queremos transmitir que, incluso en situaciones difรญciles, es posible

            encontrar apoyo, acompaรฑamiento y nuevas oportunidades para seguir

            adelante.

          </p>

        </div>

      </div>

    </div>


    <div class=ยปprovida-helpยป>

      <div class=ยปprovida-section-titleยป>

        <span>Quiรฉn lo hace posible</span>

        <h3>Una labor sostenida entre todos</h3>

      </div>


      <div class=ยปprovida-help-gridยป>

        <div class=ยปprovida-help-cardยป>

          <h4>Voluntariado</h4>

          <p>

            La implicaciรณn de personas voluntarias permite dedicar tiempo,

            escucha y apoyo directo a mujeres y familias que necesitan ser

            acompaรฑadas.

          </p>

        </div>


        <div class=ยปprovida-help-cardยป>

          <h4>Colaboradores y donantes</h4>

          <p>

            Gracias a quienes colaboran econรณmicamente o con recursos materiales,

            podemos mantener nuestra actividad y llegar a mรกs personas.

          </p>

        </div>


        <div class=ยปprovida-help-cardยป>

          <h4>Compromiso social</h4>

          <p>

            Nuestra asociaciรณn crece gracias a una red de personas que creen en

            la importancia de proteger la vida, cuidar la maternidad y apoyar a

            la familia.

          </p>

        </div>

      </div>

    </div>


    <div class=ยปprovida-ctaยป>

      <div class=ยปprovida-cta-textยป>

        <span>Conรณcenos mejor</span>

        <h3>Seguimos trabajando al lado de quien mรกs lo necesita</h3>

        <p>

          ProVida Torrejรณn de Ardoz es una asociaciรณn construida desde la

          acogida, la ayuda concreta y el acompaรฑamiento humano. Nuestra labor

          existe para ofrecer apoyo real a mujeres embarazadas y familias que

          necesitan sentirse escuchadas, sostenidas y acompaรฑadas.

        </p>

      </div>


      <div class=ยปprovida-cta-buttonsยป>

        <a href=ยป#/ยป class=ยปprovida-btn provida-btn-primaryยป>Quiero colaborar</a>

        <a href=ยป#/ยป class=ยปprovida-btn provida-btn-secondaryยป>Contactar</a>

      </div>

    </div>

  </div>

</section>


<style>

  .provida-home {

    background: #ffffff;

    padding: 80px 20px;

  }


  .provida-wrapper {

    max-width: 1100px;

    margin: 0 auto;

  }


  .provida-heading {

    max-width: 860px;

    margin-bottom: 50px;

  }


  .provida-kicker,

  .provida-section-title span,

  .provida-cta-text span {

    display: inline-block;

    color: #b88a44;

    text-transform: uppercase;

    letter-spacing: 1.6px;

    font-size: 12px;

    font-weight: 700;

    margin-bottom: 12px;

  }


  .provida-home h2,

  .provida-home h3,

  .provida-home h4 {

    font-family: Georgia, ยซTimes New Romanยป, serif;

    color: #111111;

    margin-top: 0;

  }


  .provida-home h2 {

    font-size: 52px;

    line-height: 1.12;

    margin-bottom: 22px;

  }


  .provida-home h3 {

    font-size: 34px;

    line-height: 1.2;

    margin-bottom: 16px;

  }


  .provida-home h4 {

    font-size: 24px;

    line-height: 1.3;

    margin-bottom: 12px;

  }


  .provida-intro,

  .provida-home p,

  .provida-home li {

    font-size: 17px;

    line-height: 1.95;

    color: #555555;

  }


  .provida-featured-box {

    background: linear-gradient(135deg, #faf7f1 0%, #fdfbf8 100%);

    border: 1px solid #eee3d3;

    border-left: 4px solid #b88a44;

    padding: 34px 34px;

    margin-bottom: 50px;

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);

  }


  .provida-featured-box p {

    margin-bottom: 0;

  }


  .provida-grid {

    display: grid;

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

    gap: 28px;

    margin-bottom: 70px;

  }


  .provida-card {

    background: #ffffff;

    border: 1px solid #ece7de;

    padding: 34px 30px;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.035);

  }


  .provida-section-title {

    max-width: 700px;

    margin-bottom: 30px;

  }


  .provida-services,

  .provida-values,

  .provida-help {

    margin-bottom: 75px;

  }


  .provida-services-grid {

    display: grid;

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

    gap: 26px;

  }


  .provida-service-item {

    background: #faf8f4;

    border: 1px solid #eee6d8;

    padding: 28px 26px;

    transition:

      transform 0.25s ease,

      box-shadow 0.25s ease;

  }


  .provida-service-item:hover,

  .provida-help-card:hover,

  .provida-card:hover {

    transform: translateY(-3px);

    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);

  }


  .provida-icon {

    color: #b88a44;

    font-size: 18px;

    margin-bottom: 14px;

    line-height: 1;

  }


  .provida-values-list {

    display: grid;

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

    gap: 22px;

  }


  .provida-value {

    padding: 22px 24px;

    border-top: 1px solid #e6ddcf;

    background: #fff;

  }


  .provida-value strong {

    display: block;

    font-family: Georgia, ยซTimes New Romanยป, serif;

    font-size: 22px;

    color: #111111;

    margin-bottom: 10px;

  }


  .provida-value p {

    margin: 0;

  }


  .provida-help-grid {

    display: grid;

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

    gap: 24px;

  }


  .provida-help-card {

    background: #ffffff;

    border: 1px solid #ece7de;

    padding: 30px 26px;

    text-align: left;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);

    transition:

      transform 0.25s ease,

      box-shadow 0.25s ease;

  }


  .provida-cta {

    background: linear-gradient(135deg, #111111 0%, #1c1c1c 100%);

    color: #ffffff;

    padding: 42px 38px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 30px;

    flex-wrap: wrap;

    border-top: 4px solid #b88a44;

  }


  .provida-cta h3,

  .provida-cta p {

    color: #ffffff;

  }


  .provida-cta p {

    max-width: 720px;

    margin-bottom: 0;

  }


  .provida-cta-buttons {

    display: flex;

    gap: 14px;

    flex-wrap: wrap;

  }


  .provida-btn {

    display: inline-block;

    padding: 14px 26px;

    text-decoration: none;

    font-size: 14px;

    font-weight: 600;

    letter-spacing: 0.4px;

    border-radius: 30px;

    transition: all 0.25s ease;

  }


  .provida-btn-primary {

    background: #b88a44;

    color: #ffffff;

  }


  .provida-btn-primary:hover {

    background: #9f7436;

    color: #ffffff;

  }


  .provida-btn-secondary {

    background: transparent;

    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, 0.35);

  }


  .provida-btn-secondary:hover {

    background: rgba(255, 255, 255, 0.08);

    color: #ffffff;

  }


  @media (max-width: 992px) {

    .provida-grid,

    .provida-services-grid,

    .provida-values-list,

    .provida-help-grid {

      grid-template-columns: 1fr;

    }


    .provida-home h2 {

      font-size: 42px;

    }

  }


  @media (max-width: 768px) {

    .provida-home {

      padding: 55px 20px;

    }


    .provida-home h2 {

      font-size: 34px;

    }


    .provida-home h3 {

      font-size: 28px;

    }


    .provida-home h4 {

      font-size: 22px;

    }


    .provida-intro,

    .provida-home p,

    .provida-home li {

      font-size: 16px;

      line-height: 1.8;

    }


    .provida-featured-box,

    .provida-card,

    .provida-service-item,

    .provida-help-card,

    .provida-cta {

      padding: 24px 22px;

    }

  }

</style>