:root {
  --color-white: #fff;
  --color-black: #000;
  --color-red-200: #dc0d15;
  --color-red-100: #e94b52;
  --color-steelblue: #0066b1;
  --color-powderblue: #4da6d4;
  --color-dimgray: #666;

  --font-poppins: 'Poppins', sans-serif;
  --font-montserrat: 'Montserrat', sans-serif;
  --font-asap: 'Asap', sans-serif;

  --shadow-drop: 0px 4px 20px rgba(0, 0, 0, 0.1);
  --shadow-drop-1: 0px 4px 12px rgba(0, 0, 0, 0.15);

  --br-20: 20px;
  --br-10: 10px;

  --gap-10: 10px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-60: 60px;

  --padding-10: 10px;
  --padding-20: 20px;
  --padding-24: 24px;
  --padding-36: 36px;
  --padding-40: 40px;
  --padding-60: 60px;

  --fs-20: 20px;
  --fs-24: 24px;
  --fs-32: 32px;
  --fs-36: 36px;
  --fs-60: 60px;
  --fs-72: 72px;

  --height-6: 6px;
  --height-22: 22px;
  --height-30: 30px;
  --height-80: 80px;
  --height-101: 101px;

  --width-20: 20px;
  --width-35: 35px;
  --width-240: 240px;

  --min-h-160: 160px;
  --min-h-240: 240px;
  --lh-100: 100%;
}

*, *::before, *::after {
  box-sizing: border-box;
}

    .barra-progreso-corazon {
      position: absolute;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 30px;
      height: 30px;
      background: #fff;
      border: 2px solid #88CDD3;
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      transition: left 1.2s cubic-bezier(0.4, 0, 0.2, 1);
      transform: translate(-50%, -50%);
      box-shadow: 0 2px 6px rgba(0,0,0,0.15);
      left:1.2% !important;
    }

body {
  margin: 0;
  padding: 0;
}

.desktop-large {
  width: 100%;
  position: relative;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 70px;
  text-align: center;
  font-size: var(--fs-24);
  color: var(--color-red-200);
  font-family: var(--font-poppins);
}

.header {
  width: 100%;
  max-width: 1440px;
  height: 70px;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-white);
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--padding-40);
  z-index: 100;
}

.logo-teletn-icon2 {
  height: 45.4px;
  width: auto;
  max-width: 142px;
}

.menu {
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.hamburguer-icon {
  width: 32px;
  height: auto;
}

.mobile-nav {
  display: none;
  position: fixed;
  top: 70px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1440px;
  background: var(--color-white);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  flex-direction: column;
  z-index: 99;
}
.mobile-nav.open {
  display: flex;
}
.mobile-nav a {
  padding: 16px 40px;
  font-family: var(--font-poppins);
  font-weight: 700;
  color: var(--color-steelblue);
  text-decoration: none;
  border-bottom: 1px solid #eee;
  font-size: 18px;
}

.hero-meta {
  align-self: stretch;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-20) var(--padding-40);
  gap: var(--gap-40);
  text-align: right;
}

.hero-v01 {
  align-self: stretch;
  height: 720px;
  position: relative;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  background-color: #111;
  overflow: hidden;
  flex-shrink: 0;
}

.dsc-5993-1-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.hero-v01-child {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(270deg, rgba(0,0,0,0), rgba(0,0,0,0.7));
  width: 55%;
}

.hero-v01-item {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 51px;
  width: clamp(160px, 30%, 432px);
  height: auto;
  object-fit: contain;
}

.hero-dona-btn {
  position: absolute;
  bottom: 40px;
  right: 40px;
  background-color: #4da6d4;
  color: #fff;
  font-family: var(--font-poppins);
  font-weight: 700;
  font-size: clamp(16px, 1.5vw, 22px);
  text-decoration: none;
  padding: 14px 28px;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.3);
  transition: transform 0.2s, box-shadow 0.2s;
  white-space: nowrap;
  z-index: 10;
}
.hero-dona-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}

.meta-seccin-v7 {
  align-self: stretch;
  background-color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.meta {
  flex: 1;
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-40);
  gap: var(--gap-20);
  max-width: 100%;
}

.meta2 {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 var(--gap-20);
}

.ttulo {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.monto {
  display: flex;
  align-items: center;
  text-align: left;
  font-size: clamp(48px, 8vw, 120px);
  font-family: var(--font-montserrat);
}

.s-9168510 {
  position: relative;
  letter-spacing: 0.1em;
  display: inline-block;
  background: #0066b1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  white-space: nowrap;
  min-width: 0;
}

.separador-h-icon {
  align-self: stretch;
  height: var(--height-6);
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: fill;
}

.asi-vamos {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 var(--gap-20);
  font-size: clamp(28px, 4vw, var(--fs-60));
}

.as-vamos {
  flex: 1;
  position: relative;
  line-height: 100%;
  text-transform: uppercase;
  background: #0066b1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: clamp(22px, 3vw, 80px);
}

.monto2 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: left;
  font-size: clamp(36px, 6vw, 100px);
  font-family: var(--font-montserrat);
}

.s-19999999 {
  position: relative;
  display: inline-block;
  background: #0066b1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  min-width: 0;
}

.barra-prograso-icon {
  align-self: stretch;
  /*height: 50px;*/
  position: relative;
  border-radius: var(--br-10);
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: fill;
}

.formas-de-donar-h-v03 {
  width: 100%;
  background-color: var(--color-red-200);
  overflow: hidden;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-content: start;
  gap: var(--gap-40);
  padding: var(--padding-20) max(var(--padding-40), calc((100% - 1440px) / 2 + var(--padding-40)));
  font-size: var(--fs-32);
  color: var(--color-steelblue);
}

.ttulo-formas-v02 {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-40) var(--padding-40) var(--padding-60);
  gap: var(--gap-40);
  min-height: var(--min-h-160);
  grid-column: 1 / span 12;
  grid-row: 1;
  font-size: clamp(48px, 7vw, 110px);
  color: var(--color-red-200);
  font-family: var(--font-asap);
}

.mancha-2-icon {
  height: var(--height-30);
  width: var(--width-35);
  position: relative;
  object-fit: contain;
}

.canales-de-donacin-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  isolation: isolate;
  gap: 0;
}

.canales-de-donacin {
  align-self: stretch;
  position: relative;
  line-height: var(--lh-100);
  z-index: 0;
  display: inline-block;
  margin-top: 18px;
}

.subrayado-brush-icon {
  display: block;
  width: 60%;
  max-width: 430px;
  height: auto;
  position: relative;
  align-self: flex-end;
  margin-top: -4px;
  z-index: 1;
  object-fit: fill;
}
.canales-de-donacin-parent .subrayado-brush-icon {
  left: -68px;
}
.ttulo-donacin img{
  left: -210px;
}


.donar-yape-v04 {
  box-shadow: var(--shadow-drop-1);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: var(--padding-40);
  gap: var(--gap-20) var(--gap-40);
  grid-column: 1 / span 12;
  grid-row: 2;
}

.logo-yape-parent {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap-30);
  min-width: 240px;
  margin-left: 30px;
}

.logo-yape-icon {
  height: 160px;
  width: 160px;
  object-fit: contain;
}

.info-yape {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.yapea-al {
  position: relative;
  display: inline-block;
}

.nmero-yape {
  box-shadow: 0 0 6px rgba(0,0,0,0.2);
  border-radius: var(--br-10);
  background: #dc0d15;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10) var(--padding-20);
  font-size: clamp(24px, 4vw, 40px);
  color: var(--color-white);
  font-family: var(--font-montserrat);
}

.b { position: relative; text-decoration: none;}

.info-qr-parent {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap-30);
  min-width: 240px;
  font-size: 28px;
  color: var(--color-black);
  margin-right: 75px;
}

.info-qr {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 160px;
}

.o-abre-tu {
  align-self: stretch;
  position: relative;
  line-height: 100%;
  display: inline-block;
}

.dona-bcp-v02 {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  /*padding: var(--padding-20);*/
  padding: 20px 60px;
  grid-column: 1 / span 12;
  grid-row: 3;
  text-align: left;
  font-size: var(--fs-32);
}

.logo-bcp-group {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap-40);
  max-width: 100%;
}

.haz-tu-donacin-a-nuestras-cue-parent {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-10);
}

.haz-tu-donacin {
  align-self: stretch;
  position: relative;
  display: inline-block;
}

.nmero-de-cuenta {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap-20);
  font-size: var(--fs-24);
  color: var(--color-black);
}

.cuenta-soles-191-011-11-11-0-container,
.cuenta-dlares-191-077-77-77-container {
  flex: 1;
  position: relative;
  display: inline-block;
  min-width: 220px;
}

.b2 {
  font-size: clamp(20px, 2.5vw, 38px);
  font-family: var(--font-montserrat);
  word-break: break-all;
}

.entra-al { font-weight: 500; }

.dona-bcp-donaciones-v02 {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-20);
  gap: var(--gap-20);
  grid-column: 1 / span 12;
  grid-row: 4;
  font-size: var(--fs-32);
}

.ttulo-banca-mvil {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-20);
}

.dona-ya-en {
  align-self: stretch;
  position: relative;
  display: inline-block;
}

.logo-bcp-parent {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap-30);
  font-size: var(--fs-24);
  color: var(--color-black);
}

.logo-bcp {
  display: flex;
  align-items: center;
  padding: var(--padding-10) 0;
  flex-shrink: 0;
}

.isolation-mode-icon {
  height: auto;
  max-height: 72px;
  width: auto;
  max-width: 180px;
  object-fit: contain;
  display: block;
}

.instrucciones-banca-mvil {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 240px;
}

.screenshot-20240827-083444-ban-icon {
  width: 100%;
  height: auto;
  max-width: 720px;
  object-fit: contain;
}

.textos-instrucciones-banca-mv {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--gap-10);
  max-width: 770px;
}

.dona-a-la {
  flex: 1;
  position: relative;
  display: inline-block;
  min-width: 100px;
}

.dona-bcp-v022 {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  /*padding: var(--padding-20);*/
      padding: 20px 60px;
  grid-column: 1 / span 12;
  grid-row: 4;
  text-align: left;
  font-size: var(--fs-32);
}

.si-no-tienes {
  align-self: stretch;
  position: relative;
  display: inline-block;
}

.dona-bancos-v03 {
  box-shadow: var(--shadow-drop-1);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-40);
  gap: var(--gap-20);
  grid-column: 1 / span 12;
  grid-row: 5;
  font-size: var(--fs-32);
}

.frame-parent {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
  text-align: left;
  font-size: var(--fs-24);
  color: var(--color-red-100);
}

.dona-interbank-parent {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: var(--padding-10) 0;
  gap: var(--gap-20) var(--gap-40);
  min-width: 220px;
}

.dona-interbank {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 180px;
}

.logo {
  width: var(--width-240);
  height: var(--height-101);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /*padding: var(--padding-20) 0;*/
}

.img-icon {
  width: 100%;
  height: var(--height-101);
  max-width: 100%;
  overflow: hidden;
  object-fit: contain;
}

.ver-cuentas {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.vector-icon {
  height: 21.6px;
  width: 21.6px;
  object-fit: contain;
}

.logo2 {
  align-self: stretch;
  height: var(--height-101);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /*padding: 22px 0;*/
}

.img-icon2 {
  width: 100%;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.logo4 {
  align-self: stretch;
  height: var(--height-101);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 23px 0;
}

.img {
  width: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--padding-20);
  max-width: 100%;
}

.rectangle-icon {
  align-self: stretch;
  flex: 1;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.izipay {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-40);
  gap: var(--gap-20);
  grid-column: 1 / span 6;
  grid-row: 6;
  font-family: var(--font-poppins);
}

.dona-ya-a {
  align-self: stretch;
  position: relative;
}

.dona-izipay {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap-20);
  text-align: left;
  font-size: var(--fs-24);
  color: var(--color-black);
  font-family: var(--font-poppins);
}

.izi-texto {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-20);
  min-width: 160px;
}

.izi-texto-child {
  width: 139px;
  height: 50px;
  object-fit: contain;
}

.para-clientes-de {
  align-self: stretch;
  position: relative;
  font-weight: 500;
}

.izi-qr-wrapper {
  height: 178px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.izi-qr-icon {
  width: 178px;
  height: 178px;
  object-fit: contain;
}

.dona-paypal-v02 {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-40);
  gap: var(--gap-20);
  grid-column: 7 / span 6;
  grid-row: 6;
  color: var(--color-black);
  font-family: var(--font-poppins);
}

.dona-ya-desde {
  align-self: stretch;
  position: relative;
  letter-spacing: -0.02em;
  background: #0066b1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.grupo-paypal-ms-tarjeta {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-24);
  font-family: var(--font-poppins);
}

.paypal-info {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap-20);
  padding: var(--padding-10);
  max-width: 100%;
}

.paypal-logo-icon {
  width: auto;
  height: 49.5px;
  object-fit: contain;
}

.enva-tu-donacin-container {
  align-self: stretch;
  position: relative;
  display: inline-block;
}

.cajas-recaudadoras-v02 {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-40);
  gap: var(--gap-20);
  grid-column: 1 / span 12;
  grid-row: 8;
  font-family: var(--font-asap);
}

.dona-ya-en-las-cajas-de-pago-d-wrapper {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.plaza-vea-parent {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap-20);
}

.plaza-vea-icon { height: var(--height-80); width: auto; max-width: 203px; object-fit: contain; }
.mass-icon      { height: var(--height-80); width: auto; max-width: 199px; object-fit: contain; }
.vivanda-icon   { height: var(--height-80); width: auto; max-width: 181px; object-fit: contain; }
.makro-icon     { height: var(--height-80); width: auto; max-width: 239px; object-fit: contain; }
.promart-icon   { height: var(--height-80); width: auto; max-width: 202px; object-fit: contain; }

.rc-h-v03 {
  align-self: stretch;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  background-color: var(--color-white);
  overflow: hidden;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-content: start;
  align-items: stretch;
  gap: var(--gap-40);
  padding: var(--padding-20) var(--padding-40);
  color: var(--color-black);
}

.ttulo-rc-v01 {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-40);
  min-height: var(--min-h-160);
  grid-column: 1 / span 12;
  grid-row: 1;
  font-size: clamp(40px, 6vw, 88px);
  color: var(--color-red-200);
  font-family: var(--font-asap);
}

.mancha-2-parent {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-30);
  max-width: 100%;
}

.ttulo-donacin {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}

.subrayado-brush-icon2 {
  display: block;
  width: 55%;
  max-width: 439px;
  height: auto;
  position: relative;
  align-self: flex-end;
  margin-top: -4px;
  z-index: 1;
  object-fit: fill;
}

.rc-intro-v02 {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-40);
  grid-column: 1 / span 8;
  grid-row: 2;
}

.texto-rc-intro {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-20);
  max-width: 100%;
}

.foto-05-icon {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  grid-column: 9 / span 4;
  grid-row: 2;
  min-height: 280px;
}

.rc-ttulos-rc-v02 {
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-20) var(--padding-40);
  gap: var(--gap-40);
  grid-column: 1 / span 12;
  grid-row: 3;
  font-size: clamp(32px, 5vw, var(--fs-60));
  color: var(--color-steelblue);
}

.ttulo-rc {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}

.la-esperanza-nos {
  flex: 1;
  position: relative;
  line-height: 100%;
  display: inline-block;
}

.foto-png-01 {
    border-radius: var(--br-20);
    width: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center 118px;
    grid-column: 1 / span 4;
    grid-row: 4;
    height: 553px;
    margin-top: -320px;
    z-index: 9;
}
.rc-resultados-v02 {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-40);
  /*min-height: var(--min-h-240);*/
  height: 233px;
  grid-column: 5 / span 8;
  grid-row: 4;
  font-size: clamp(36px, 5vw, var(--fs-72));
  color: var(--color-steelblue);
  font-family: var(--font-montserrat);
}

.data-resultados {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap-20);
  max-width: 100%;
}

.atenciones {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 180px;
}

.atenciones-realizadas-a {
  align-self: stretch;
  position: relative;
  font-size: 25px;
  line-height: 100%;
  display: inline-block;
  font-family: var(--font-poppins);
  color: var(--color-black);
}

.separador-v-icon {
  height: 136px;
  width: 6px;
  object-fit: fill;
}

.rc-atenciones-regiones-v02 {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-40);
  gap: var(--gap-20);
  min-height: var(--min-h-240);
  grid-column: 1 / span 8;
  grid-row: 5;
}

.atenciones-realizadas-y-container {
  align-self: stretch;
  position: relative;
  line-height: 100%;
  display: inline-block;
}

.nios-beneficiados { color: var(--color-dimgray); }

.separador-h-icon8 {
  width: 100%;
  height: var(--height-6);
  position: relative;
  max-width: 820px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: fill;
}

.image-3-icon {
  align-self: stretch;
  height: auto;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: contain;
}

.foto-04-icon {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  grid-column: 9 / span 4;
  grid-row: 5;
  height: auto;
  min-height: 300px;
}

.rc-ttulos-rc-v022 {
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-20) var(--padding-40);
  gap: var(--gap-40);
  min-height: var(--min-h-240);
  grid-column: 1 / span 12;
  grid-row: 7;
  font-size: clamp(28px, 4vw, var(--fs-60));
  color: var(--color-steelblue);
}

.la-esperanza-nos2 {
  flex: 1;
  position: relative;
  letter-spacing: -0.06em;
  line-height: 100%;
  display: inline-block;
}

.subtitulo-rc {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-24);
  color: var(--color-black);
}

.gracias-a-tu {
  flex: 1;
  position: relative;
  letter-spacing: 0.03em;
}

.rc-proyeccin-v02 {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-40);
  min-height: var(--min-h-240);
  grid-column: 1 / span 6;
  grid-row: 8;
  font-size: 30px;
  font-family: var(--font-montserrat);
}

.info-proc-parent {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: var(--gap-20);
  max-width: 100%;
}

.info-proc {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-20);
  min-width: 180px;
}

.image-4-icon {
  align-self: stretch;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

.foto-proc-icon {
  flex: 1;
  max-width: 100%;
  object-fit: cover;
  min-width: 180px;
  min-height: var(--min-h-240);
  height: auto;
}

.foto-01-icon {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  grid-column: 7 / span 6;
  grid-row: 8;
  height: auto;
  min-height: 240px;
}

.foto-02-icon {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  grid-column: 1 / span 4;
  grid-row: 9;
  height: auto;
  min-height: 240px;
}

.rc-transparencia-v02 {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-40);
  gap: var(--gap-20);
  grid-column: 5 / span 8;
  grid-row: 9;
}

.logos {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap-40);
}

.pwc {
  height: var(--height-80);
  overflow: hidden;
  display: flex;
  align-items: center;
}

.layer-5-icon {
  width: 120px;
  /*height: 58px;*/
  object-fit: contain;
}

.la-fiduciaria {
  height: var(--height-80);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.la-fiduciaria-icon {
  width: auto;
  max-width: 300px;
  /*height: 58px;*/
  object-fit: contain;
}

.garantizamos-la-integridad-de-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.rc-transparencia-v022 {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 var(--padding-40);
  grid-column: 1 / span 6;
  grid-row: 10;
  min-height: 100px;
}

.rinde-cuentas-conoce-ms {
  width: 100%;
  background-color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: var(--padding-20) 0;
  gap: var(--gap-20);
  max-width: 100%;
}

.texto {
  /*flex: 1;*/

  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--padding-20);
  /*min-width: 180px;*/
  width: 615px;
}

.revisa-aqu-la {
  flex: 1;
  position: relative;
}

.botn-aninado-celeste {
  width: 220px;
  box-shadow: var(--shadow-drop-1);
  border-radius: var(--br-10);
  background-color: var(--color-powderblue);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-24) var(--padding-36);
  text-align: left;
  color: var(--color-white);
  cursor: pointer;
  white-space: nowrap;
}

.rc-transparencia-v023 {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-40);
  /*grid-column: 7 / span 6;*/
  grid-column: 1 / span 12;
  
  grid-row: 10;
  min-height: 100px;
}

.rinde-cuentas-conoce-ms2 {
  width: 100%;
  background-color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap-20);
  max-width: 100%;
}

.revisa-aqu-la2 {
  align-self: stretch;
  flex: 1;
  position: relative;
}

.foto-06-icon {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  grid-column: 1 / span 4;
  grid-row: 6;
  height: auto;
  min-height: 300px;
}

.rc-donacin-30-70-v02 {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-40);
  gap: var(--gap-40);
  min-height: var(--min-h-240);
  grid-column: 5 / span 8;
  grid-row: 6;
}

.image-6-icon {
  width: 100%;
  height: auto;
  max-width: 700px;
  object-fit: contain;
}

.transforma-vidas-v02 {
  width: 100%;
  background-color: var(--color-red-200);
  overflow: hidden;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-content: start;
  gap: var(--gap-40);
  padding: var(--padding-20) max(var(--padding-40), calc((100% - 1440px) / 2 + var(--padding-40)));
  font-size: clamp(48px, 7vw, 110px);
  font-family: var(--font-asap);
}

.ttulo-formas-v022 {
  box-shadow: var(--shadow-drop);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-40) var(--padding-40) var(--padding-60);
  gap: var(--gap-40);
  min-height: var(--min-h-160);
  grid-column: 1 / span 12;
  grid-row: 1;
}

.canales-de-donacin-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.canales-de-donacin2 {
  align-self: stretch;
  position: relative;
  line-height: var(--lh-100);
}

.hdv-video, .hdv-video2 {
  height: 371px;
  /*box-shadow: var(--shadow-drop);*/
  border-radius: var(--br-20);
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  grid-row: 2;
}
.hdv-video  { grid-column: 1 / span 6; }
.hdv-video2 { grid-column: 7 / span 6; }

.hdv-video3, .hdv-video4 {
  height: 371px;
  /*box-shadow: var(--shadow-drop);*/
  border-radius: var(--br-20);
  width: 100%;
  overflow: hidden;
  object-fit: cover;
  grid-row: 3;
}
.hdv-video3 { grid-column: 1 / span 6; }
.hdv-video4 { grid-column: 7 / span 6; }

.agradecimientos-auspiciadore {
  align-self: stretch;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  background-color: var(--color-white);
  overflow: hidden;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-content: start;
  gap: var(--gap-40);
  padding: var(--padding-20) var(--padding-40);
  font-size: clamp(48px, 7vw, 110px);
  font-family: var(--font-asap);
}

.logos-comercial {
  box-shadow: var(--shadow-drop-1);
  border-radius: var(--br-20);
  background-color: var(--color-white);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-40);
  gap: var(--gap-60);
  grid-column: 1 / span 12;
  grid-row: 2;
}

.patrocinadores {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap-20) var(--gap-60);
}

.bcp-icon       {  width: auto; max-width: 180px; object-fit: contain; }
.plaza-vea-icon2 {  width: auto; max-width: 181px; object-fit: contain; }

.aliados {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap-30) var(--gap-40);
}

.lxg-icon           { height: 31px; width: auto; max-width: 89px; object-fit: contain; }
.pnp-icon           { height: 70px; width: auto; max-width: 56px; object-fit: contain; }
.yape-icon          { height: 51px; width: auto; max-width: 51px; object-fit: contain; }
.amrica-icon        { height: 48px; width: auto; max-width: 48px; object-fit: contain; }
.tvpe-icon          { height: 39px; width: auto; max-width: 68px; object-fit: contain; }
.grupo-comercio-icon { height: 24px; width: auto; max-width: 166px; object-fit: contain; }
.jetsmart-icon      { height: 27px; width: auto; max-width: 114px; object-fit: contain; }
.promart-icon2      { height: 37px; width: auto; max-width: 95px; object-fit: contain; }


.footer-v02 {
  align-self: stretch;
  background-color: var(--color-red-200);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-40) 0 0;
  gap: var(--gap-40);
  flex-shrink: 0;
  font-size: var(--fs-20);
  color: var(--color-white);
}

.logo-e-info {
  width: 100%;
  max-width: 1440px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 var(--padding-40);
  gap: var(--gap-40);
}

.logo-teletn-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-20);
}

.logo-teletn-icon {
  width: auto;
  height: 96px;
  max-width: 300px;
  object-fit: contain;
}

.rrss-teletn-1 {
  width: 300px;
  height: 37.8px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.rrss-link {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  display: block;
  overflow: hidden;
}
.rrss-link img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.rrss-link:nth-child(1) { width: 12.6%; right: 87.4%;  left: 0;      }
.rrss-link:nth-child(2) { width: 12.6%; right: 69.92%; left: 17.48%; }
.rrss-link:nth-child(3) { width: 12.6%; right: 52.45%; left: 34.95%; }
.rrss-link:nth-child(4) { width: 12.6%; right: 34.97%; left: 52.43%; }
.rrss-link:nth-child(5) { width: 12.6%; right: 17.49%; left: 69.91%; }
.rrss-link:nth-child(6) { width: 12.6%; right: 0.02%;  left: 87.38%; }

.group-icon, .group-icon2, .group-icon3, .group-icon4, .group-icon5, .group-icon6 {
  position: static;
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

.footer-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-20);
  min-width: 280px;
  max-width: 540px;
}

.av-petit-thouars-5162-per-parent {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--gap-20);
}

.ruc-20523760689-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.legal {
  width: 100%;
  max-width: 1440px;
  background-color: rgba(255, 255, 255);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: var(--padding-10) 30px;
  gap: 0 var(--gap-10);
}

.todos-los-derechos {
  position: relative;
  color: rgba(0, 0, 0, 0.8);
}

.botn-aninado-celeste3 {
  position: fixed;
  bottom: 30px;
  right: 30px;
  border-radius: var(--br-10);
  background-color: var(--color-powderblue);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-24) var(--padding-36);
  z-index: 90;
  flex-shrink: 0;
  text-align: left;
  color: var(--color-white);
  box-shadow: 0 4px 16px rgba(0,0,0,0.25);
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  font-family: var(--font-poppins);
  font-size: var(--fs-24);
}
.botn-aninado-celeste3:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}

.margenBancoIzq{
  margin-left: 40px;
}
.margenBancoDer{
  margin-right: 40px;
}

@media (max-width: 1024px) {

  .hero-v01 { height: 500px; }
  .hero-v01-child { width: 60%; }
  .hero-v01-item {
    width: clamp(160px, 28%, 320px);
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
  }
  .dsc-5993-1-icon {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    top: 0;
    left: 0;
  }
  .hero-dona-btn {
    bottom: 28px;
    right: 28px;
    font-size: clamp(15px, 2vw, 20px);
  }

  .hero-meta { padding: var(--padding-20); }


  .formas-de-donar-h-v03 {
    grid-template-columns: 1fr 1fr;
    padding: var(--padding-20);
    gap: var(--gap-20);
  }
  .ttulo-formas-v02         { grid-column: 1 / span 2; grid-row: 1; }
  .donar-yape-v04           { grid-column: 1 / span 2; grid-row: 2; }
  .dona-bcp-v02             { grid-column: 1 / span 2; grid-row: 3; }
  .dona-bcp-donaciones-v02  { grid-column: 1 / span 2; grid-row: 4; height: auto; }
  .dona-bcp-v022            { grid-column: 1 / span 2; grid-row: 5; }
  .dona-bancos-v03          { grid-column: 1 / span 2; grid-row: 6; }
  .izipay                   { grid-column: 1 / span 1; grid-row: 7; height: auto; }
  .dona-paypal-v02          { grid-column: 2 / span 1; grid-row: 7; height: auto; }
  .cajas-recaudadoras-v02   { grid-column: 1 / span 2; grid-row: 8; }


  .rc-h-v03 {
    grid-template-columns: 1fr 1fr;
    padding: var(--padding-20);
    gap: var(--gap-20);
  }
  .ttulo-rc-v01              { grid-column: 1 / span 2; grid-row: 1; }
  .rc-intro-v02              { grid-column: 1 / span 2; grid-row: 2; height: auto; }
  .foto-05-icon              { grid-column: 1 / span 2; grid-row: 3; height: 300px; }
  .rc-ttulos-rc-v02          { grid-column: 1 / span 2; grid-row: 4; }
  .foto-png-01               { grid-column: 1 / span 1; grid-row: 5; height: 280px; min-height: 200px; }
  .rc-resultados-v02         { grid-column: 2 / span 1; grid-row: 5; }
  .rc-atenciones-regiones-v02 { grid-column: 1 / span 1; grid-row: 6; height: auto; }
  .foto-04-icon              { grid-column: 2 / span 1; grid-row: 6; min-height: 250px; }
  .foto-06-icon              { grid-column: 1 / span 1; grid-row: 7; min-height: 250px; }
  .rc-donacin-30-70-v02      { grid-column: 2 / span 1; grid-row: 7; height: auto; }
  .rc-ttulos-rc-v022         { grid-column: 1 / span 2; grid-row: 8; }
  .rc-proyeccin-v02          { grid-column: 1 / span 1; grid-row: 9; height: auto; }
  .foto-01-icon              { grid-column: 2 / span 1; grid-row: 9; min-height: 200px; }
  .foto-02-icon              { grid-column: 1 / span 1; grid-row: 10; min-height: 200px; }
  .rc-transparencia-v02      { grid-column: 2 / span 1; grid-row: 10; height: auto; }
  .rc-transparencia-v022     { grid-column: 1 / span 1; grid-row: 11; }
  .rc-transparencia-v023     { grid-column: 2 / span 1; grid-row: 11; }


  .transforma-vidas-v02 {
    grid-template-columns: 1fr 1fr;
    padding: var(--padding-20);
    gap: var(--gap-20);
  }
  .ttulo-formas-v022 { grid-column: 1 / span 2; }
  .hdv-video  { grid-column: 1; grid-row: 2; height: 280px; }
  .hdv-video2 { grid-column: 2; grid-row: 2; height: 280px; }
  .hdv-video3 { grid-column: 1; grid-row: 3; height: 280px; }
  .hdv-video4 { grid-column: 2; grid-row: 3; height: 280px; }


  .agradecimientos-auspiciadore {
    grid-template-columns: 1fr 1fr;
    padding: var(--padding-20);
    gap: var(--gap-20);
  }
  .agradecimientos-auspiciadore .ttulo-formas-v022 { grid-column: 1 / span 2; }
  .logos-comercial { grid-column: 1 / span 2; height: auto; }
}

.texto1{
  line-height: 32px;
}
.imgLineaH{
  margin-top: -30px;
}

@media (max-width: 820px) {

  .header { padding: 0 var(--padding-20); }

  .hero-meta { padding: var(--padding-10); gap: var(--gap-20); }
  .hero-v01 { height: 260px; border-radius: 12px; }
  .hero-v01-child { width: 70%; }
  .hero-v01-item {
    width: clamp(120px, 42vw, 200px);
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
  }
  .dsc-5993-1-icon {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    top: 0;
    left: 0;
  }
  .hero-dona-btn {
    bottom: 16px;
    right: 16px;
    font-size: 14px;
    padding: 10px 18px;
  }

  .meta { padding: var(--padding-20); }
  .monto  { font-size: clamp(28px, 8vw, 56px); }
  .monto2 { font-size: clamp(24px, 7vw, 48px); }
  .as-vamos { font-size: clamp(16px, 5vw, 28px); }

  .formas-de-donar-h-v03 {
    grid-template-columns: 1fr;
    padding: var(--padding-10);
    gap: var(--gap-20);
  }
  .ttulo-formas-v02,
  .donar-yape-v04,
  .dona-bcp-v02,
  .dona-bcp-donaciones-v02,
  .dona-bcp-v022,
  .dona-bancos-v03,
  .izipay,
  .dona-paypal-v02,
  .cajas-recaudadoras-v02 {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    height: auto !important;
    width: 100%;
    padding: 28px 18px;
  }

  .ttulo-formas-v02 { font-size: clamp(32px, 8vw, 60px); padding: var(--padding-20); }
  .dona-bcp-donaciones-v02 { font-size: var(--fs-24); }
  .instrucciones-banca-mvil { min-width: 0; width: 100%; }
  .logo-bcp-group,
  .logo-bcp-parent { flex-direction: column; align-items: center; }
  .logo-bcp { padding: 0 0 var(--padding-10); }
  .nmero-de-cuenta { min-width: 0; }
  .cuenta-soles-191-011-11-11-0-container,
  .cuenta-dlares-191-077-77-77-container { min-width: 0; flex: none;text-align: center;}
  .b2 { font-size: clamp(17px, 4.5vw, 28px); }


  .logo-yape-icon { height: 110px; width: 110px; }
  .nmero-yape { font-size: clamp(20px, 5vw, 32px); }
  .logo-yape-parent { min-width: 0; gap: var(--gap-20); }
  .info-qr-parent { min-width: 0; }

  .rc-h-v03 {
    grid-template-columns: 1fr;
    padding: var(--padding-10);
    gap: var(--gap-20);
  }
  .ttulo-rc-v01,
  .rc-intro-v02,
  .foto-05-icon,
  .rc-ttulos-rc-v02,
  .foto-png-01,
  .rc-resultados-v02,
  .rc-atenciones-regiones-v02,
  .foto-04-icon,
  .foto-06-icon,
  .rc-donacin-30-70-v02,
  .rc-ttulos-rc-v022,
  .rc-proyeccin-v02,
  .foto-01-icon,
  .foto-02-icon,
  .rc-transparencia-v02,
  .rc-transparencia-v022,
  .rc-transparencia-v023 {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .ttulo-rc-v01              { order: 1; width: 100%; /*new ancho*/}
  .rc-intro-v02              { order: 2; width: 100%; /*new ancho*/}
  .foto-05-icon              { order: 3; }
  .rc-ttulos-rc-v02          { order: 4; }
  .foto-png-01               { order: 5; }
  .rc-resultados-v02         { order: 6; }
  .foto-04-icon              { order: 7; display: block !important; }
  .rc-atenciones-regiones-v02 { order: 8; width: 100%; /*new ancho*/}
  .foto-06-icon              { order: 9; }
  .rc-donacin-30-70-v02      { order: 10; width: 100%; /*new ancho*/ }
  .rc-ttulos-rc-v022         { order: 11; }
  .rc-proyeccin-v02          { order: 12; }
  .foto-01-icon              { order: 13; }
  .foto-02-icon              { order: 14; }
  .rc-transparencia-v02      { order: 15; width: 100%; /*new ancho*/}
  .rc-transparencia-v022     { order: 16; width: 100%; /*new ancho*/}
  .rc-transparencia-v023     { order: 17; width: 100%; /*new ancho*/}

  .foto-05-icon,
  .foto-png-01,
  .foto-01-icon,
  .foto-02-icon,
  .foto-06-icon {
    height: auto !important;
    width: 100%; /*new ancho*/
    object-fit: contain !important;
    min-height: 0 !important;
  }
   .foto-png-01{
    display: none;
   }

  /* Foto-04 sin corte */
  .foto-04-icon {
    height: auto !important;
    width: 100%; /*new ancho*/
    object-fit: contain !important;
    min-height: 0 !important;
  }

  .rc-proyeccin-v02 {
    align-items: center !important;width: 100%; /*new ancho*/
  }
  .info-proc-parent { flex-direction: column; align-items: center; }
  .info-proc { align-items: center; text-align: center; }
  .foto-proc-icon { min-width: 0; width: 100%; height: auto !important; min-height: 0 !important; object-fit: contain !important; }

  .ttulo-rc-v01 { font-size: clamp(28px, 7vw, 56px); width: 100%; /*new ancho*/}
  .rc-ttulos-rc-v02  { font-size: clamp(24px, 6vw, 40px); width: 100%; /*new ancho*/ }
  .rc-ttulos-rc-v022 { font-size: clamp(22px, 5vw, 36px);width: 100%; /*new ancho*/ }
  .rc-resultados-v02 { font-size: clamp(28px, 7vw, 48px); width: 100%; /*new ancho*/}

  .rinde-cuentas-conoce-ms,
  .rinde-cuentas-conoce-ms2 { flex-direction: column; }
  .botn-aninado-celeste { width: 100%; justify-content: center; }

  .transforma-vidas-v02 {
    grid-template-columns: 1fr;
    padding: var(--padding-10);
    gap: var(--gap-20);
    font-size: clamp(32px, 8vw, 60px);
  }
  .ttulo-formas-v022 { grid-column: 1 / -1; padding: var(--padding-20); }
  .hdv-video, .hdv-video2, .hdv-video3, .hdv-video4 {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    height: 420px !important;
    width: 100%;
  }
  .agradecimientos-auspiciadore {
    grid-template-columns: 1fr;
    padding: var(--padding-10);
    gap: var(--gap-20);
    font-size: clamp(32px, 8vw, 60px);
  }
  .agradecimientos-auspiciadore .ttulo-formas-v022 { grid-column: 1 / -1; width: 100%;}
  .logos-comercial { grid-column: 1 / -1; gap: var(--gap-40); width: 100%;}
  .patrocinadores { gap: var(--gap-20); }
  .aliados { gap: var(--gap-20) var(--gap-30); }

  .footer-v02 { padding: var(--padding-20) 0 0; gap: var(--gap-20); }
  .logo-e-info { flex-direction: column; padding: 0 var(--padding-20); gap: var(--gap-20); }
  .footer-info { min-width: 0; width: 100%; }
  .av-petit-thouars-5162-per-parent { min-width: 0; flex-direction: column; gap: var(--gap-10); }
  .ruc-20523760689-parent { min-width: 0; }

  .botn-aninado-celeste3 {
    bottom: 16px;
    right: 16px;
    padding: 14px 22px;
    font-size: var(--fs-20);
  }
  
}

@media (max-width: 768px) {

  .header { padding: 0 var(--padding-20); }

  .hero-meta { padding: var(--padding-10); gap: var(--gap-20); }
  .hero-v01 { height: 260px; border-radius: 12px; }
  .hero-v01-child { width: 70%; }
  .hero-v01-item {
    width: clamp(120px, 42vw, 200px);
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
  }
  .dsc-5993-1-icon {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    top: 0;
    left: 0;
  }
  .hero-dona-btn {
    bottom: 16px;
    right: 16px;
    font-size: 14px;
    padding: 10px 18px;
  }

  .meta { padding: var(--padding-20); }
  .monto  { font-size: clamp(28px, 8vw, 56px); }
  .monto2 { font-size: clamp(24px, 7vw, 48px); }
  .as-vamos { font-size: clamp(16px, 5vw, 28px); }

  .formas-de-donar-h-v03 {
    grid-template-columns: 1fr;
    padding: var(--padding-10);
    gap: var(--gap-20);
  }
  .ttulo-formas-v02,
  .donar-yape-v04,
  .dona-bcp-v02,
  .dona-bcp-donaciones-v02,
  .dona-bcp-v022,
  .dona-bancos-v03,
  .izipay,
  .dona-paypal-v02,
  .cajas-recaudadoras-v02 {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    height: auto !important;
    width: 100%;
    padding: 28px 18px;
  }

  .ttulo-formas-v02 { font-size: clamp(32px, 8vw, 60px); padding: var(--padding-20); }
  .dona-bcp-donaciones-v02 { font-size: var(--fs-24); }
  .instrucciones-banca-mvil { min-width: 0; width: 100%; }
  .logo-bcp-group,
  .logo-bcp-parent { flex-direction: column; align-items: center; }
  .logo-bcp { padding: 0 0 var(--padding-10); }
  .nmero-de-cuenta { min-width: 0; }
  .cuenta-soles-191-011-11-11-0-container,
  .cuenta-dlares-191-077-77-77-container { min-width: 0; flex: none;text-align: center;}
  .b2 { font-size: clamp(17px, 4.5vw, 28px); }


  .logo-yape-icon { height: 110px; width: 110px; }
  .nmero-yape { font-size: clamp(20px, 5vw, 32px); }
  .logo-yape-parent { min-width: 0; gap: var(--gap-20); }
  .info-qr-parent { min-width: 0; }

  .rc-h-v03 {
    grid-template-columns: 1fr;
    padding: var(--padding-10);
    gap: var(--gap-20);
  }
  .ttulo-rc-v01,
  .rc-intro-v02,
  .foto-05-icon,
  .rc-ttulos-rc-v02,
  .foto-png-01,
  .rc-resultados-v02,
  .rc-atenciones-regiones-v02,
  .foto-04-icon,
  .foto-06-icon,
  .rc-donacin-30-70-v02,
  .rc-ttulos-rc-v022,
  .rc-proyeccin-v02,
  .foto-01-icon,
  .foto-02-icon,
  .rc-transparencia-v02,
  .rc-transparencia-v022,
  .rc-transparencia-v023 {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .ttulo-rc-v01              { order: 1; width: 100%; /*new ancho*/}
  .rc-intro-v02              { order: 2; width: 100%; /*new ancho*/}
  .foto-05-icon              { order: 3; }
  .rc-ttulos-rc-v02          { order: 4; }
  .foto-png-01               { order: 5; }
  .rc-resultados-v02         { order: 6; }
  .foto-04-icon              { order: 7; display: block !important; }
  .rc-atenciones-regiones-v02 { order: 8; width: 100%; /*new ancho*/}
  .foto-06-icon              { order: 9; }
  .rc-donacin-30-70-v02      { order: 10; width: 100%; /*new ancho*/ }
  .rc-ttulos-rc-v022         { order: 11; }
  .rc-proyeccin-v02          { order: 12; }
  .foto-01-icon              { order: 13; }
  .foto-02-icon              { order: 14; }
  .rc-transparencia-v02      { order: 15; width: 100%; /*new ancho*/}
  .rc-transparencia-v022     { order: 16; width: 100%; /*new ancho*/}
  .rc-transparencia-v023     { order: 17; width: 100%; /*new ancho*/}

  .foto-05-icon,
  .foto-png-01,
  .foto-01-icon,
  .foto-02-icon,
  .foto-06-icon {
    height: auto !important;
    width: 100%; /*new ancho*/
    object-fit: contain !important;
    min-height: 0 !important;
  }

  /* Foto-04 sin corte */
  .foto-04-icon {
    height: auto !important;
    width: 100%; /*new ancho*/
    object-fit: contain !important;
    min-height: 0 !important;
  }

  .rc-proyeccin-v02 {
    align-items: center !important;width: 100%; /*new ancho*/
  }
  .info-proc-parent { flex-direction: column; align-items: center; }
  .info-proc { align-items: center; text-align: center; }
  .foto-proc-icon { min-width: 0; width: 100%; height: auto !important; min-height: 0 !important; object-fit: contain !important; }

  .ttulo-rc-v01 { font-size: clamp(28px, 7vw, 56px); width: 100%; /*new ancho*/}
  .rc-ttulos-rc-v02  { font-size: clamp(24px, 6vw, 40px); width: 100%; /*new ancho*/ }
  .rc-ttulos-rc-v022 { font-size: clamp(22px, 5vw, 36px);width: 100%; /*new ancho*/ }
  .rc-resultados-v02 { font-size: clamp(28px, 7vw, 48px); width: 100%; /*new ancho*/}

  .rinde-cuentas-conoce-ms,
  .rinde-cuentas-conoce-ms2 { flex-direction: column; }
  .botn-aninado-celeste { width: 100%; justify-content: center; }

  .transforma-vidas-v02 {
    grid-template-columns: 1fr;
    padding: var(--padding-10);
    gap: var(--gap-20);
    font-size: clamp(32px, 8vw, 60px);
  }
  .ttulo-formas-v022 { grid-column: 1 / -1; padding: var(--padding-20); }
  .hdv-video, .hdv-video2, .hdv-video3, .hdv-video4 {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
    height: 420px !important;
    width: 100%;
  }
  .agradecimientos-auspiciadore {
    grid-template-columns: 1fr;
    padding: var(--padding-10);
    gap: var(--gap-20);
    font-size: clamp(32px, 8vw, 60px);
  }
  .agradecimientos-auspiciadore .ttulo-formas-v022 { grid-column: 1 / -1; width: 100%;}
  .logos-comercial { grid-column: 1 / -1; gap: var(--gap-40); width: 100%;}
  .patrocinadores { gap: var(--gap-20); }
  .aliados { gap: var(--gap-20) var(--gap-30); }

  .footer-v02 { padding: var(--padding-20) 0 0; gap: var(--gap-20); }
  .logo-e-info { flex-direction: column; padding: 0 var(--padding-20); gap: var(--gap-20); }
  .footer-info { min-width: 0; width: 100%; }
  .av-petit-thouars-5162-per-parent { min-width: 0; flex-direction: column; gap: var(--gap-10); }
  .ruc-20523760689-parent { min-width: 0; }

  .botn-aninado-celeste3 {
    bottom: 16px;
    right: 16px;
    padding: 14px 22px;
    font-size: var(--fs-20);
  }
  
}

@media (max-width: 480px) {
  body { font-size: 10px; }
  .hero-v01 { height: 220px; }
  .hero-v01-item { width: 110px; left: 10px; top: 50%; transform: translateY(-50%); }
  .hero-dona-btn { font-size: 13px; padding: 8px 14px; bottom: 12px; right: 12px; }
  .monto  { font-size: clamp(22px, 9vw, 40px); }
  .monto2 { font-size: clamp(20px, 8vw, 36px); }
  .logo-yape-icon { height: 90px; width: 90px; }
  .nmero-yape { font-size: 16px; }
  .botn-aninado-celeste3 { font-size: 17px; padding: 12px 18px; }
  .hdv-video, .hdv-video2, .hdv-video3, .hdv-video4 { height: 200px !important; }
  .foto-05-icon, .foto-04-icon, .foto-png-01,
  .foto-01-icon, .foto-02-icon, .foto-06-icon {
    height: auto !important;
    object-fit: contain !important;
  }
  .dona-a-la{
    font-size: 20px;
  }
  .dona-a-la b{
    font-size: 18px;
  }
  .entra-al{
    font-size: 18px;
  }




  .o-abre-tu{
        font-size: 26px;
  }

  .canales-de-donacin2{
        font-size: 47px;
  }

  .foto-png-01 {
    display: none;
  }
  .atenciones{
        min-width: 130px;
  }


  .separador-h-iconJC{
      height: 3px;
    margin-top: -25px;
  }
  .rc-ttulos-rc-v02{
    margin-bottom: -15px;
  }
  .texto-rc-intro{
        font-size: 18px;
  }
  .ttulo-formas-v02 .mancha-2-icon{
    display: none;
  }
 
  .ttulo-banca-mvil .haz-tu-donacin{ margin-top: 0px;}
  .ttulo-donacin  .canales-de-donacin{
    font-size: 38px;
  }

.foto-png-01 {
    display: none;
  }

  .rc-resultados-v02{
    padding: 20px 15px;
  }
  .atenciones{
        min-width: 155px;
  }
  .separador-v-icon {
    height: 65px;
    width: 3px;
  }
  .atenciones-realizadas-a{
        font-size: 13px;
  }

  .haz-tu-donacin{
        text-align: center;
    line-height: 35px;
    margin-top: -24px;
  }
  .si-no-tienes{
        line-height: 35px;
    text-align: center;
    font-size: 27px;
    margin-top: -25px;
  }
  .izi-texto{
    flex: none;
    width: 100%;
  }
  .izi-texto-child{
    margin: 0 30%;
  }
  .para-clientes-de{
        text-align: center;
    font-size: 20px;
  }
  .mancha-2-parent .mancha-2-icon{
    display: none;
  }
 .canales-de-donacin-parent .subrayado-brush-icon{
    left: -10px;
  width: 145px;
  }

  .ttulo-donacin .subrayado-brush-icon2{
    left: -98px;
     width: 65%;   
  }
  .ttulo-formas-v022 .mancha-2-icon{
    display: none;
  }
  .canales-de-donacin{
    font-size: 34px;
  }
  .logo-yape-parent{
    flex: none;
    display: block;
    margin: 0;
    width: 100%;
  }

  .info-qr-parent{
    margin: 0;
  }
  .info-qr-parent .info-qr{
        width: 100%;
        flex: none;
  }
  .texto{
    width: 100%;
  }
  .margenBancoDer{
    margin-right: 0;
  }
  .margenBancoIzq{
    margin-left: 0;
  }
  .canalesDonacionTit{
    display: block;
    min-height: 117px;
  }
  .barra-progreso-corazon {
    left: 3.6 !important;
  }
  .meta .separador-h-icon{
    margin-top: -10px;
  }
  .asi-vamos{
        margin-top: -10px;
  }


}


.btnFile{
  text-decoration: none;
}

@media (min-width: 1440px) {
  .header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background-color: var(--color-white);
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: -1;
  }
  .header {
    background-color: transparent;
    box-shadow: none;
  }
}

@media (max-width: 417px) {
  .ttulo-donacin .subrayado-brush-icon2 {
    left: -127px;
    width: 55%;
  }
  .ttulo-rc-v01 {
      padding: 20px 0px;
  }
    .ttulo-rc-v01,.rc-intro-v02, .foto-05-icon, .foto-png-01, 
    .foto-01-icon, .foto-02-icon, .foto-06-icon, .rc-resultados-v02, 
    .foto-04-icon, .rc-atenciones-regiones-v02, .rc-donacin-30-70-v02, 
    .rc-proyeccin-v02, .rc-transparencia-v02, .rc-transparencia-v023
    {
        width: 100%;
    }
    .atenciones {
        min-width: 130px !important;
    }

}