#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 1150px minmax(0, 1fr); grid-template-rows: 0px auto 0px; }
#imHeader { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
#imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; }
#imSideBar { display: none; }
#imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; }
#imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; }
@media (max-width: 1149.9px) and (min-width: 720.0px) {
	#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 720px minmax(0, 1fr); grid-template-rows: 70px auto 100px; }
	#imHeader { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	#imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; }
	#imSideBar { display: none; }
	#imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; }
	#imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; }
	
}
@media (max-width: 719.9px) and (min-width: 480.0px) {
	#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 480px minmax(0, 1fr); grid-template-rows: 70px auto 100px; }
	#imHeader { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	#imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; }
	#imSideBar { display: none; }
	#imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; }
	#imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; }
	
}
@media (max-width: 479.9px)  {
	#imPage { display: grid; grid-template-columns: 0 minmax(0, 1fr) 0; grid-template-rows: 70px auto 100px; }
	#imHeader { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	#imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; }
	#imSideBar { display: none; }
	#imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; }
	#imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; }
	
}
#imContent { display: grid; grid-template-columns: minmax(0, 1fr) 47.917px 47.917px 47.917px 47.917px 47.917px 47.917px 47.917px 47.917px 47.917px 47.917px 47.917px 47.917px 47.917px 47.917px 47.917px 47.917px 47.917px 47.917px 47.917px 47.917px 47.917px 47.917px 47.917px 47.917px minmax(0, 1fr); grid-template-rows: auto auto auto; }
#imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
#imCell_1 { display: grid; grid-column: 1 / 27; grid-row: 1 / 3; }
#imCell_5 { display: grid; grid-column: 2 / 14; grid-row: 3 / 4; }
#imCell_4 { display: grid; grid-column: 14 / 26; grid-row: 3 / 4; }
#imPageRow_1 { display: block; grid-column: 2 / 26; grid-row: 1 / 3; }
#imPageRow_2 { display: block; grid-column: 2 / 26; grid-row: 3 / 4; }
@media (max-width: 1149.9px) and (min-width: 720.0px) {
	#imContent { display: grid; grid-template-columns: minmax(0, 1fr) 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px minmax(0, 1fr); grid-template-rows: auto auto auto; }
	#imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	#imCell_1 { display: grid; grid-column: 1 / 27; grid-row: 1 / 3; }
	#imCell_5 { display: grid; grid-column: 2 / 14; grid-row: 3 / 4; }
	#imCell_4 { display: grid; grid-column: 14 / 26; grid-row: 3 / 4; }
	#imPageRow_1 { display: block; grid-column: 2 / 26; grid-row: 1 / 3; }
	#imPageRow_2 { display: block; grid-column: 2 / 26; grid-row: 3 / 4; }
	
}
@media (max-width: 719.9px) and (min-width: 480.0px) {
	#imContent { display: grid; grid-template-columns: minmax(0, 1fr) 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px minmax(0, 1fr); grid-template-rows: auto auto auto; }
	#imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	#imCell_1 { display: grid; grid-column: 1 / 27; grid-row: 1 / 3; }
	#imCell_5 { display: grid; grid-column: 2 / 14; grid-row: 3 / 4; }
	#imCell_4 { display: grid; grid-column: 14 / 26; grid-row: 3 / 4; }
	#imPageRow_1 { display: block; grid-column: 2 / 26; grid-row: 1 / 3; }
	#imPageRow_2 { display: block; grid-column: 2 / 26; grid-row: 3 / 4; }
	
}
@media (max-width: 479.9px)  {
	#imContent { display: grid; grid-template-columns: 0 minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 0; grid-template-rows: auto auto auto; }
	#imGoToCont { display: block; grid-column: 2 / 3; grid-row: 1 / 2; }
	#imCell_1 { display: grid; grid-column: 1 / 27; grid-row: 1 / 2; }
	#imCell_4 { display: grid; grid-column: 2 / 26; grid-row: 2 / 3; }
	#imCell_5 { display: grid; grid-column: 2 / 26; grid-row: 3 / 4; }
	#imPageRow_1 { display: block; grid-column: 2 / 26; grid-row: 1 / 2; }
	#imPageRow_2 { display: block; grid-column: 2 / 26; grid-row: 2 / 4; }
	
}
.imPageRow { position: relative;  }
#imCell_1 { grid-template-columns: 100%; position: relative; box-sizing: border-box; }
#imHTMLObject_9_01 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; }
#imCellStyleGraphics_1 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; }
#imCellStyleBorders_1 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; }
#imCell_4 { grid-template-columns: 100%; position: relative; box-sizing: border-box; }
#imHTMLObject_9_04 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; }
#imCellStyleGraphics_4 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; }
#imCellStyleBorders_4 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; }
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

/* ==========================
   BOTÓN FLOTANTE
========================== */

.donacion-float{
    position: fixed;
    right: 35px;
    bottom: 90px;
    z-index: 9999;

    display: flex;
    align-items: center;
    gap: 12px;

    padding: 18px 34px;

    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;

    color: #7a5a13;

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

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    border: 1px solid rgba(212,175,55,.25);

    border-radius: 999px;

    cursor: pointer;

    box-shadow:
        0 10px 35px rgba(0,0,0,.08),
        0 0 30px rgba(212,175,55,.10);

    transition: all .35s ease;
}

.donacion-float::before{
    content: "❤";
    color: #d4af37;
    font-size: 18px;
}

.donacion-float:hover{
    transform: translateY(-5px);

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

    box-shadow:
        0 18px 45px rgba(0,0,0,.12),
        0 0 40px rgba(212,175,55,.18);
}

/* ==========================
   MODAL
========================== */

.donacion-modal{
    position: fixed;
    inset: 0;

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

    background: rgba(0,0,0,.45);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    opacity: 0;
    visibility: hidden;

    transition: .35s ease;

    z-index: 10000;
}

.donacion-modal.activo{
    opacity: 1;
    visibility: visible;
}

/* ==========================
   TARJETA
========================== */

.donacion-card{
    position: relative;

    width: 92%;
    max-width: 650px;

    padding: 65px 55px;

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

    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);

    border-radius: 30px;

    border: 1px solid rgba(212,175,55,.18);

    box-shadow:
        0 30px 80px rgba(0,0,0,.12),
        0 0 50px rgba(212,175,55,.08);

    text-align: center;

    overflow: hidden;
}

.donacion-card::before{
    content: "";

    position: absolute;

    width: 320px;
    height: 320px;

    top: -160px;
    right: -120px;

    background: radial-gradient(
        circle,
        rgba(212,175,55,.18) 0%,
        transparent 70%
    );

    pointer-events: none;
}

/* ==========================
   TITULOS
========================== */

.donacion-card h2{
    margin: 0;

    font-family: 'Montserrat', sans-serif;
    font-size: 42px;
    font-weight: 300;

    color: #1a1a1a;
}

.donacion-card h2::after{
    content: "";

    display: block;

    width: 70px;
    height: 2px;

    margin: 18px auto 35px;

    background: #d4af37;
}

.label{
    margin-top: 22px;

    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 600;

    letter-spacing: 3px;
    text-transform: uppercase;

    color: #9a9a9a;
}

.valor{
    margin-top: 8px;

    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 500;

    color: #222;
}

/* ==========================
   CLABE
========================== */

.clabe{
    margin-top: 18px;

    padding: 22px;

    background: #faf8f1;

    border: 1px solid rgba(212,175,55,.25);

    border-radius: 16px;

    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 700;

    letter-spacing: 3px;

    color: #7a5a13;

    word-break: break-all;
}

/* ==========================
   BOTÓN COPIAR
========================== */

.copiar-btn{
    margin-top: 35px;

    padding: 16px 36px;

    border: none;
    border-radius: 999px;

    background: #d4af37;
    color: white;

    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    font-weight: 600;

    letter-spacing: 2px;
    text-transform: uppercase;

    cursor: pointer;

    transition: .3s ease;
}

.copiar-btn:hover{
    background: #c69c1d;

    transform: translateY(-3px);

    box-shadow: 0 12px 30px rgba(212,175,55,.35);
}

/* ==========================
   CERRAR
========================== */

.cerrar-modal{
    position: absolute;

    top: 20px;
    right: 25px;

    background: transparent;
    border: none;

    font-size: 34px;
    font-weight: 300;

    color: #999;

    cursor: pointer;

    transition: .2s ease;
}

.cerrar-modal:hover{
    color: #111;
}

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

@media (max-width: 768px){

    .donacion-float{
        right: 20px;
        bottom: 80px;
        padding: 16px 28px;
    }

    .donacion-card{
        padding: 45px 25px;
    }

    .donacion-card h2{
        font-size: 32px;
    }

    .clabe{
        font-size: 18px;
        letter-spacing: 2px;
    }
}#imCell_5 { grid-template-columns: 100%; position: relative; box-sizing: border-box; }
#imHTMLObject_9_05 { position: relative; align-self: start; justify-self: center; max-width: 100%; box-sizing: border-box; z-index: 3; }
#imCellStyleGraphics_5 { grid-row: 1 / -1; grid-column: 1 / -1; background-color: transparent; }
#imCellStyleBorders_5 { grid-row: 1 / -1; grid-column: 1 / -1; z-index: 2; }
@media (min-width: 1150.0px) {
	#imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
	#imCell_1 { grid-template-rows: [row-content] auto ; }
	#imHTMLObject_9_01 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imCellStyleBorders_1 {  border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
	#imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
	#imCell_4 { grid-template-rows: [row-content] auto ; }
	#imHTMLObject_9_04 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imCellStyleBorders_4 {  border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
	#imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; }
	#imCell_5 { grid-template-rows: [row-content] auto ; }
	#imHTMLObject_9_05 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imCellStyleBorders_5 {  border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
	
}

@media (max-width: 1149.9px) and (min-width: 720.0px) {
	#imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
	#imCell_1 { grid-template-rows: [row-content] auto ; }
	#imHTMLObject_9_01 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imCellStyleBorders_1 {  border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
	#imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-left: 6px; padding-right: 6px; }
	#imCell_4 { grid-template-rows: [row-content] auto ; }
	#imHTMLObject_9_04 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imCellStyleBorders_4 {  border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
	#imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-left: 6px; padding-right: 6px; }
	#imCell_5 { grid-template-rows: [row-content] auto ; }
	#imHTMLObject_9_05 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imCellStyleBorders_5 {  border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
	
}

@media (max-width: 719.9px) and (min-width: 480.0px) {
	#imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
	#imCell_1 { grid-template-rows: [row-content] auto ; }
	#imHTMLObject_9_01 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imCellStyleBorders_1 {  border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
	#imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-left: 4px; padding-right: 4px; }
	#imCell_4 { grid-template-rows: [row-content] auto ; }
	#imHTMLObject_9_04 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imCellStyleBorders_4 {  border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
	#imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-left: 4px; padding-right: 4px; }
	#imCell_5 { grid-template-rows: [row-content] auto ; }
	#imHTMLObject_9_05 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imCellStyleBorders_5 {  border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; }
	
}

@media (max-width: 479.9px)  {
	#imCell_1 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }
	#imCell_1 { grid-template-rows: [row-content] auto ; }
	#imHTMLObject_9_01 { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imCellStyleGraphics_1 { box-sizing: border-box; }
	#imCell_4 { padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; }
	#imCell_4 { grid-template-rows: [row-content] auto ; }
	#imHTMLObject_9_04 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imCellStyleGraphics_4 { box-sizing: border-box; }
	#imCell_5 { padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; }
	#imCell_5 { grid-template-rows: [row-content] auto ; }
	#imHTMLObject_9_05 { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; grid-row: row-content / span 1; grid-column: 1 / -1; }
	#imCellStyleGraphics_5 { box-sizing: border-box; }
	
}

#imPage.without-id_animation-in-progress { overflow: hidden }