/* =========================================
       HERO DONACIONES
       ========================================= */

    .donation-hero{
      position:relative;
      min-height:610px;

      display:flex;
      align-items:center;

      background:
        linear-gradient(
          90deg,
          rgba(248,246,240,.98) 0%,
          rgba(248,246,240,.94) 42%,
          rgba(248,246,240,.25) 70%
        ),
        url("../images/hero-niagara.webp")
        center/cover no-repeat;
    }

    .donation-hero-content{
      max-width:735px;
      padding:90px 0;
    }

    .donation-hero h1{
      margin:0 0 25px;

      color:#123A2D;

      font-family:"Montserrat",sans-serif;
      font-size:clamp(40px,4.7vw,62px);
      font-weight:800;

      line-height:1.06;
      letter-spacing:-.035em;
    }

    .donation-hero p{
      max-width:680px;

      margin:0;

      color:#42504A;

      font-size:19px;
      line-height:1.7;
    }

    .donation-actions{
      display:flex;
      flex-wrap:wrap;
      gap:14px;

      margin-top:32px;
    }


    /* =========================================
       TRUST STRIP
       ========================================= */

    .donation-trust{
      background:#fff;
      border-bottom:1px solid #DCE5E0;
    }

    .donation-trust-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
    }

    .donation-trust-item{
      padding:30px;

      border-right:1px solid #DCE5E0;
    }

    .donation-trust-item:last-child{
      border-right:0;
    }

    .donation-trust-item small{
      display:block;

      margin-bottom:7px;

      color:#0F6957;

      font-family:"Montserrat",sans-serif;
      font-size:11px;
      font-weight:800;

      letter-spacing:.12em;
      text-transform:uppercase;
    }

    .donation-trust-item strong{
      display:block;

      color:#123A2D;

      font-family:"Montserrat",sans-serif;
      font-size:17px;
    }


    /* =========================================
       INTRO
       ========================================= */

    .donation-intro{
      max-width:850px;
      margin:auto;

      text-align:center;
    }

    .donation-intro h2{
      color:#123A2D;

      font-family:"Montserrat",sans-serif;
      font-size:clamp(32px,4vw,48px);

      line-height:1.15;
      letter-spacing:-.025em;
    }

    .donation-intro p{
      color:#58655F;

      font-size:18px;
      line-height:1.75;
    }


    /* =========================================
       IMPACTO
       ========================================= */

    .impact-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);

      gap:20px;

      margin-top:50px;
    }

    .impact-card{
      position:relative;

      padding:32px;

      overflow:hidden;

      background:#fff;

      border:1px solid #DCE5E0;
      border-radius:18px;

      box-shadow:
        0 9px 30px rgba(18,58,45,.05);
    }

    .impact-number{
      display:block;

      margin-bottom:22px;

      color:#D3AA55;

      font-family:"Montserrat",sans-serif;
      font-size:13px;
      font-weight:800;
    }

    .impact-card h3{
      margin:0 0 13px;

      color:#123A2D;

      font-family:"Montserrat",sans-serif;
      font-size:20px;
    }

    .impact-card p{
      margin:0;

      color:#5C6963;

      font-size:15px;
      line-height:1.65;
    }


    /* =========================================
       LEY 21.440
       ========================================= */

    .law-section{
      background:#123A2D;
      color:#fff;
    }

    .law-layout{
      display:grid;
      grid-template-columns:.9fr 1.1fr;

      gap:70px;

      align-items:center;
    }

    .law-section h2{
      margin:8px 0 20px;

      font-family:"Montserrat",sans-serif;
      font-size:clamp(32px,4vw,46px);

      line-height:1.15;
    }

    .law-section p{
      color:rgba(255,255,255,.79);

      font-size:17px;
      line-height:1.75;
    }

    .law-box{
      padding:38px;

      background:rgba(255,255,255,.07);

      border:1px solid rgba(255,255,255,.15);
      border-radius:20px;
    }

    .law-box article{
      padding:20px 0;

      border-bottom:
        1px solid rgba(255,255,255,.12);
    }

    .law-box article:first-child{
      padding-top:0;
    }

    .law-box article:last-child{
      padding-bottom:0;
      border-bottom:0;
    }

    .law-box strong{
      display:block;

      margin-bottom:5px;

      color:#E0BC6C;

      font-family:"Montserrat",sans-serif;
      font-size:16px;
    }

    .law-box span{
      color:rgba(255,255,255,.76);

      font-size:15px;
      line-height:1.6;
    }


    /* =========================================
       FORMAS DE COLABORAR
       ========================================= */

    .ways-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);

      gap:22px;

      margin-top:45px;
    }

    .way-card{
      display:flex;
      flex-direction:column;

      padding:34px;

      background:#fff;

      border:1px solid #DCE5E0;
      border-radius:19px;

      box-shadow:
        0 10px 32px rgba(18,58,45,.05);
    }

    .way-label{
      width:45px;
      height:45px;

      display:flex;
      align-items:center;
      justify-content:center;

      margin-bottom:22px;

      background:#EDF5F1;

      border-radius:50%;

      color:#0F6957;

      font-family:"Montserrat",sans-serif;
      font-weight:800;
    }

    .way-card h3{
      margin:0 0 12px;

      color:#123A2D;

      font-family:"Montserrat",sans-serif;
      font-size:21px;
    }

    .way-card p{
      flex-grow:1;

      color:#5B6862;

      line-height:1.7;
    }

    .way-link{
      margin-top:16px;

      color:#0F6957;

      font-family:"Montserrat",sans-serif;
      font-size:14px;
      font-weight:700;

      text-decoration:none;
    }


    /* =========================================
       PROCESO
       ========================================= */

    .process-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);

      gap:18px;

      margin-top:44px;
    }

    .process-card{
      padding:29px;

      background:#EDF5F1;

      border:1px solid #D5E5DE;
      border-radius:17px;
    }

    .process-card span{
      display:flex;
      align-items:center;
      justify-content:center;

      width:40px;
      height:40px;

      margin-bottom:20px;

      background:#123A2D;

      border-radius:50%;

      color:#fff;

      font-family:"Montserrat",sans-serif;
      font-size:13px;
      font-weight:700;
    }

    .process-card h3{
      margin:0 0 10px;

      color:#123A2D;

      font-family:"Montserrat",sans-serif;
      font-size:17px;
    }

    .process-card p{
      margin:0;

      color:#5B6862;

      font-size:14px;
      line-height:1.65;
    }


    /* =========================================
       TRANSPARENCIA
       ========================================= */

    .transparency-box{
      display:grid;
      grid-template-columns:1.1fr .9fr;

      gap:60px;

      padding:55px;

      background:#F8F6F0;

      border:1px solid #E6E2D8;
      border-radius:24px;
    }

    .transparency-box h2{
      margin:7px 0 18px;

      color:#123A2D;

      font-family:"Montserrat",sans-serif;
      font-size:clamp(30px,4vw,43px);
      line-height:1.15;
    }

    .transparency-box p{
      color:#596660;
      line-height:1.75;
    }

    .transparency-data{
      display:flex;
      flex-direction:column;

      gap:13px;
    }

    .transparency-item{
      padding:19px 21px;

      background:#fff;

      border:1px solid #DCE5E0;
      border-radius:13px;
    }

    .transparency-item small{
      display:block;

      margin-bottom:4px;

      color:#78827D;

      font-size:11px;
      text-transform:uppercase;
    }

    .transparency-item strong{
      color:#123A2D;

      font-family:"Montserrat",sans-serif;
      font-size:15px;
    }


    /* =========================================
       CONTACTO DONACIONES
       ========================================= */

    .donation-contact{
      display:grid;
      grid-template-columns:1fr 1fr;

      gap:60px;

      align-items:center;
    }

    .donation-contact h2{
      margin:8px 0 20px;

      color:#123A2D;

      font-family:"Montserrat",sans-serif;
      font-size:clamp(30px,4vw,46px);
      line-height:1.15;
    }

    .contact-box{
      padding:38px;

      background:#123A2D;

      border-radius:22px;

      color:#fff;
    }

    .contact-box small{
      display:block;

      margin-bottom:5px;

      color:#D3AA55;

      font-family:"Montserrat",sans-serif;
      font-size:11px;
      font-weight:800;

      text-transform:uppercase;
      letter-spacing:.1em;
    }

    .contact-box strong{
      display:block;

      margin-bottom:20px;

      font-family:"Montserrat",sans-serif;
      font-size:20px;
    }

    .contact-box a{
      display:block;

      margin-top:9px;

      color:#fff;

      text-decoration:none;
    }


    /* =========================================
       AVISO TRIBUTARIO
       ========================================= */

    .tax-note{
      margin-top:30px;

      padding:18px 22px;

      background:#FFF9EC;

      border-left:4px solid #D3AA55;
      border-radius:7px;

      color:#625A48;

      font-size:13px;
      line-height:1.6;
    }


    /* =========================================
       RESPONSIVE
       ========================================= */

    @media(max-width:950px){

      .impact-grid,
      .process-grid{
        grid-template-columns:repeat(2,1fr);
      }

      .ways-grid{
        grid-template-columns:1fr;
      }

      .law-layout,
      .transparency-box,
      .donation-contact{
        grid-template-columns:1fr;
      }

    }


    @media(max-width:650px){

      .donation-hero{
        min-height:auto;

        background:
          linear-gradient(
            rgba(248,246,240,.94),
            rgba(248,246,240,.94)
          ),
          url("../images/hero-niagara.webp")
          center/cover no-repeat;
      }

      .donation-hero-content{
        padding:64px 0;
      }

      .donation-hero h1{
        font-size:clamp(34px,10vw,44px);
      }

      .donation-hero p{
        font-size:17px;
      }

      .donation-actions{
        flex-direction:column;
      }

      .donation-actions .t-btn{
        width:100%;
      }

      .donation-trust-grid,
      .impact-grid,
      .process-grid{
        grid-template-columns:1fr;
      }

      .donation-trust-item{
        border-right:0;
        border-bottom:1px solid #DCE5E0;
      }

      .donation-trust-item:last-child{
        border-bottom:0;
      }

      .law-box{
        padding:26px;
      }

      .transparency-box{
        padding:30px 24px;
      }

      .contact-box{
        padding:28px 24px;
      }

    }