@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

      body {
          font-family: 'DM Sans', sans-serif;
      }

      * {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
      }

      body {
          background-color: #ffffff;
          color: #353332;
      }

      .container {
          max-width: 1400px;
          margin: 0 auto;
          padding: 60px 20px;
      }

      h1 {
          text-align: center;
          font-size: 70px;
          font-weight: 600;
          margin-bottom: 20px;
      }

      .subtitle {
          text-align: center;
          font-size: 40px;
          font-weight: 600;
          margin: 50px 0;
      }

      .care-cards-wrapper {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 60px;
          margin-bottom: 60px;
      }

      .care-cards-row {
          display: flex;
          gap: 60px;
          justify-content: center;
      }

      .care-card {
          flex: 1;
          background-color: #FDF5EE;
          padding: 25px;
          transition: all 0.3s ease;
          max-width: 400px;
          margin: 0 auto;
      }

      .care-card:hover {
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
      }

      .care-card-top {
          display: flex;
          align-items: center;
          margin-bottom: 15px;
      }

      .care-card-top img {
          width: auto;
          height: 100px;
          object-fit: contain;
          margin-right: 15px;
          margin-bottom: 15px;
      }

      .care-card h3 {
          font-size: 24px;
          font-weight: 600;
          margin-bottom: 10px;
      }

      .care-card p {
          font-size: 20px;
          line-height: 1.4;
          color: #353332;
      }

      .care-cta {
          text-align: center;
          font-size: 20px;
          font-weight: bold;
          margin-bottom: 20px;
      }

      .care-cta a {
          color: #D81E05;
          font-size: 12px;
          font-weight: 600;
          letter-spacing: 0.5px;
          text-decoration: underline;
      }

      .bottom-text {
          max-width: 1100px;
          text-align: center;
          font-size: 20px;
          line-height: 140%;
          color: #353332;
          margin: 40px auto;
      }

      .link-info {
          color: #000;
          font-weight: 600;
          text-decoration: none;
          font-size: 20px;
      }

      /* Responsive */
      @media (max-width: 1024px) {
          .care-cards-row {
              flex-wrap: wrap;
          }

          .care-card {
              flex: 0 0 calc(50% - 15px);
          }
      }

      @media (max-width: 600px) {
          h1 {
              font-size: 38px;
          }

          .subtitle {
              font-size: 25px;
          }

          .care-cards-row {
              flex-direction: column;
          }

          .care-card {
              flex: 1 1 100%;
          }
      }

      .back-link {
          display: flex;
          justify-content: space-between;
          align-items: center;
          max-width: 1100px;
          margin: 20px 20px;
          font-size: 16px;
          font-weight: 500;
          color: #D81E05;
          text-decoration: none;
          border-bottom: 1px solid #D81E05;
          padding-bottom: 5px;
      }

      .back-link span {
          display: inline-block;
      }

      /* Desktop → ocultar */
      @media (min-width: 768px) {
          .back-link {
              display: none;
          }
      }

 /* Contenedor */
.cta-wrapper {
    display: flex;
    flex-direction: column; /* Mobile por defecto */
    align-items: center;
}

/* Estilo del enlace (mobile + desktop) */
.cta a {
    color: #D81E05;
    text-decoration: underline;
    font-weight: 600;
}

/* Desktop */
@media (min-width: 768px) {
    .cta-wrapper {
        flex-direction: row;
        justify-content: center;
        gap: 40px;
    }

    .cta {
        margin-bottom: 0;
    }
}