.elementor-724 .elementor-element.elementor-element-8e543ee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-724 .elementor-element.elementor-element-941fda3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-724 .elementor-element.elementor-element-d488abd{--spacer-size:100px;}@media(min-width:768px){.elementor-724 .elementor-element.elementor-element-8e543ee{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-724 .elementor-element.elementor-element-8e543ee{--width:96%;}}/* Start custom CSS for html, class: .elementor-element-0060acb */.rc-pas {
  font-family: 'Red Hat Display', sans-serif;
  display: flex;
  flex-direction: column;
  gap: 6vw;
}

/* HERO */
.rc-pas__hero {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.rc-pas h2 {
  font-size: 3.2vw;
  font-weight: 800;
}

.rc-pas h3 {
  font-size: 2.4vw;
  font-weight: 700;
}

.rc-pas p,
.rc-pas li {
  font-size: 1.2vw;
  line-height: 1.6;
}

/* GRID */
.rc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(22vw, 1fr));
  gap: 2vw;
}

/* CARD */
.rc-crd {
  background: #ffffff;
  border-radius: 1.2vw;
  padding: 2vw;
  box-shadow: 0 0.8vw 2vw rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.rc-crd:hover {
  transform: translateY(-0.4vw);
  box-shadow: 0 1.2vw 3vw rgba(0,0,0,0.12);
}

.rc-crd h4 {
  font-size: 1.4vw;
  font-weight: 700;
  margin-bottom: 0.8vw;
}

/* HIGHLIGHT */
.rc-pas__highlight {
  background: #f9f9f9;
  padding: 3vw;
  border-radius: 2vw;
}

.rc-pas__quote {
  margin-top: 2vw;
  font-style: italic;
  font-weight: 600;
}

/* FINAL */
.rc-pas__final {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.rc-btn--xl {
  font-size: 1.4vw;
  padding: 1.4vw 3vw;
}

/* MOBILE FIX */
@media (max-width: 768px) {

  .rc-pas h2 { font-size: 6vw; }
  .rc-pas h3 { font-size: 5vw; }
  .rc-pas p,
  .rc-pas li { font-size: 4vw; }

  .rc-crd h4 { font-size: 4.6vw; }

  .rc-btn--xl {
    font-size: 4.2vw;
    padding: 3vw 6vw;
  }

}


.rc-btn--primary:hover {
  background: var(--rc-red-dark);
  color: #ffffff; /* FORZADO */
  transform: translateY(-0.4vw) scale(1.02);
}

.rc-btn--secondary:hover {
  background: var(--rc-red);
  color: #ffffff; /* FORZADO */
  transform: translateY(-0.4vw);
}


.rc-btn,
.rc-btn:hover,
.rc-btn:focus,
.rc-btn:active {
  text-decoration: none;
}




.rc-pas__results,
.rc-pas__audience {
  max-width: 50vw;
  margin: 0 auto;
  list-style: none;
  padding: 0;
}

.rc-pas__results li,
.rc-pas__audience li {
  padding: 0.6vw 0;
  position: relative;
  padding-left: 1.6vw;
}

.rc-pas__results li::before,
.rc-pas__audience li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: var(--rc-green);
  font-weight: 700;
}

.rc-pas__support {
  text-align: center;
  margin-top: 2.5vw;
  font-size: 1.3vw;
  color: #444;
}

/* MOBILE */
@media (max-width: 768px) {

  .rc-pas__results,
  .rc-pas__audience {
    max-width: 100%;
  }

  .rc-pas__results li,
  .rc-pas__audience li {
    padding-left: 4vw;
  }

  .rc-pas__support {
    font-size: 4vw;
  }
}



/* ===============================
   HERO IMAGES – LAYOUT CORRECTO
================================ */
.rc-pas__hero-images {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3vw;
  margin-top: 4vw;
}

/* Cada imagen ocupa el 50% del espacio */
.rc-pas__image {
  flex: 0 0 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* La imagen usa todo su contenedor */
.rc-pas__image img {
  width: 100%;
  height: auto;
  display: block;
}


@media (max-width: 768px) {

  .rc-pas__hero-images {
    flex-direction: column;
    gap: 5vw;
  }

  .rc-pas__image {
    flex: 0 0 100%;
  }

}


.rc-image1 img {
  width: 70%;
  height: auto;
  margin: auto;
  padding-top: 3vw;
}


@media (max-width: 768px) {

  .rc-image1 img {
    width: 100%;
    padding-top: 6vw;
  }
  
  .rc-pas__section{
    margin: auto;
    width: auto;
    padding-top: 6vw;
  }
  
  .rc-grid{
    width: 80%;
    padding-top: 6vw;
    margin:auto;
  }

}/* End custom CSS */