/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 16 2026 | 03:32:10 */
/* =================================================
   BOTONES.CSS
   Boton base del sitio (.ui_boton) y sus variantes,
   mas la utilidad de altura .ui_boton--h-N.
   Depende de: variables en global.css (--color-*).
================================================= */
/* Botones */
.ui_boton {
  max-width: max-content;
  display: -webkit-flex;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;  
  gap: 8px;
  overflow: hidden; 
  padding: 0 22px;
  cursor: pointer;  
  text-transform: uppercase;
  background-color: var(--e-global-color-be28af3);
  font-family: var(--e-global-typography-dab44b6-font-family), Sans-serif;
  font-size: var(--e-global-typography-dab44b6-font-size);
  line-height: var(--e-global-typography-dab44b6-line-height);
  color: var(--e-global-color-f874824);  
  transition: all 0.5s linear;  
}

/* EFECTO */
.ui_press {
    transition: transform 0.3s ease;
}

.ui_press--1:hover {
    transform: scale(0.9);
}

.ui_press--1:active {
    transform: scale(0.9);
}

.ui_press--2:hover {
    transform: scale(0.95);
}

.ui_press--2:active {
    transform: scale(0.95);
}

/* EFECTO */

.ui_boton--full {
	max-width: 100%;
	width: 100%;
}

.ui_boton--1 {
  background-color: var(--e-global-color-be28af3);
  border: 1px solid var(--e-global-color-2876993);
}

.ui_boton--1:hover {
  background-color: var( --e-global-color-2876993 );
}

.ui_boton--2 {
  background-color: var( --e-global-color-2876993);
  border: 1px solid var( --e-global-color-2876993);
}

.ui_boton--2:hover {
  background-color: var( --e-global-color-ccd3ce9 );
}

.ui_boton--3 {
  background-color: var( --e-global-color-be28af3 );
  border: 1px solid var( --e-global-color-1302a2f );
}

.ui_boton--3:hover {
  background-color: var( --e-global-color-cbacf4d );
}

.ui_boton--4 {
  background-color: var( --e-global-color-cbacf4d );
  border: 1px solid var( --e-global-color-1302a2f );
}

.ui_boton--4:hover {
  background-color: var( --e-global-color-2876993 );
}

.ui_boton--5 {
  background-color: var( --e-global-color-1e86456 );
  border: 1px solid var( --e-global-color-1e86456 );
}

.ui_boton--5 * {
	filter: brightness(0) invert(1);
}

.ui_boton--5:hover {
    background-color: var( --e-global-color-ba50e42 );
	border: 1px solid var( --e-global-color-ba50e42 );
}

.ui_boton--5:hover * {
	filter: brightness(1) invert(0);
}


/* ===== ALTURA DE BOTON - ui_boton--h ===== */
.ui_boton--h-2 { height: 2px; } .ui_boton--h-4 { height: 4px; } .ui_boton--h-6 { height: 6px; } .ui_boton--h-8 { height: 8px; } .ui_boton--h-10 { height: 10px; }
.ui_boton--h-12 { height: 12px; } .ui_boton--h-14 { height: 14px; } .ui_boton--h-16 { height: 16px; } .ui_boton--h-18 { height: 18px; } .ui_boton--h-20 { height: 20px; }
.ui_boton--h-22 { height: 22px; } .ui_boton--h-24 { height: 24px; } .ui_boton--h-26 { height: 26px; } .ui_boton--h-28 { height: 28px; } .ui_boton--h-30 { height: 30px; }
.ui_boton--h-32 { height: 32px; } .ui_boton--h-34 { height: 34px; } .ui_boton--h-36 { height: 36px; } .ui_boton--h-38 { height: 38px; } .ui_boton--h-40 { height: 40px; }
.ui_boton--h-42 { height: 42px; } .ui_boton--h-44 { height: 44px; } .ui_boton--h-46 { height: 46px; } .ui_boton--h-48 { height: 48px; } .ui_boton--h-50 { height: 50px; }
.ui_boton--h-52 { height: 52px; } .ui_boton--h-54 { height: 54px; } .ui_boton--h-56 { height: 56px; } .ui_boton--h-58 { height: 58px; } .ui_boton--h-60 { height: 60px; }
.ui_boton--h-62 { height: 62px; } .ui_boton--h-64 { height: 64px; } .ui_boton--h-66 { height: 66px; } .ui_boton--h-68 { height: 68px; } .ui_boton--h-70 { height: 70px; }
.ui_boton--h-72 { height: 72px; } .ui_boton--h-74 { height: 74px; } .ui_boton--h-76 { height: 76px; } .ui_boton--h-78 { height: 78px; } .ui_boton--h-80 { height: 80px; }
.ui_boton--h-82 { height: 82px; } .ui_boton--h-84 { height: 84px; } .ui_boton--h-86 { height: 86px; } .ui_boton--h-88 { height: 88px; } .ui_boton--h-90 { height: 90px; }
.ui_boton--h-92 { height: 92px; } .ui_boton--h-94 { height: 94px; } .ui_boton--h-96 { height: 96px; } .ui_boton--h-98 { height: 98px; } .ui_boton--h-100 { height: 100px; }
@media (max-width: 1024px) {
  .ui_boton--h-2 { height: 2px; } .ui_boton--h-4 { height: 3px; } .ui_boton--h-6 { height: 5px; } .ui_boton--h-8 { height: 7px; } .ui_boton--h-10 { height: 9px; }
  .ui_boton--h-12 { height: 10px; } .ui_boton--h-14 { height: 12px; } .ui_boton--h-16 { height: 14px; } .ui_boton--h-18 { height: 15px; } .ui_boton--h-20 { height: 17px; }
  .ui_boton--h-22 { height: 19px; } .ui_boton--h-24 { height: 20px; } .ui_boton--h-26 { height: 22px; } .ui_boton--h-28 { height: 24px; } .ui_boton--h-30 { height: 26px; }
  .ui_boton--h-32 { height: 27px; } .ui_boton--h-34 { height: 29px; } .ui_boton--h-36 { height: 31px; } .ui_boton--h-38 { height: 32px; } .ui_boton--h-40 { height: 34px; }
  .ui_boton--h-42 { height: 36px; } .ui_boton--h-44 { height: 37px; } .ui_boton--h-46 { height: 39px; } .ui_boton--h-48 { height: 41px; } .ui_boton--h-50 { height: 43px; }
  .ui_boton--h-52 { height: 44px; } .ui_boton--h-54 { height: 46px; } .ui_boton--h-56 { height: 48px; } .ui_boton--h-58 { height: 49px; } .ui_boton--h-60 { height: 51px; }
  .ui_boton--h-62 { height: 53px; } .ui_boton--h-64 { height: 54px; } .ui_boton--h-66 { height: 56px; } .ui_boton--h-68 { height: 58px; } .ui_boton--h-70 { height: 60px; }
  .ui_boton--h-72 { height: 61px; } .ui_boton--h-74 { height: 63px; } .ui_boton--h-76 { height: 65px; } .ui_boton--h-78 { height: 66px; } .ui_boton--h-80 { height: 68px; }
  .ui_boton--h-82 { height: 70px; } .ui_boton--h-84 { height: 71px; } .ui_boton--h-86 { height: 73px; } .ui_boton--h-88 { height: 75px; } .ui_boton--h-90 { height: 77px; }
  .ui_boton--h-92 { height: 78px; } .ui_boton--h-94 { height: 80px; } .ui_boton--h-96 { height: 82px; } .ui_boton--h-98 { height: 83px; } .ui_boton--h-100 { height: 85px; }
}
@media (max-width: 767px) {
  .ui_boton--h-2 { height: 2px; } .ui_boton--h-4 { height: 3px; } .ui_boton--h-6 { height: 4px; } .ui_boton--h-8 { height: 5px; } .ui_boton--h-10 { height: 7px; }
  .ui_boton--h-12 { height: 8px; } .ui_boton--h-14 { height: 9px; } .ui_boton--h-16 { height: 10px; } .ui_boton--h-18 { height: 12px; } .ui_boton--h-20 { height: 13px; }
  .ui_boton--h-22 { height: 14px; } .ui_boton--h-24 { height: 16px; } .ui_boton--h-26 { height: 17px; } .ui_boton--h-28 { height: 18px; } .ui_boton--h-30 { height: 20px; }
  .ui_boton--h-32 { height: 21px; } .ui_boton--h-34 { height: 22px; } .ui_boton--h-36 { height: 23px; } .ui_boton--h-38 { height: 25px; } .ui_boton--h-40 { height: 26px; }
  .ui_boton--h-42 { height: 27px; } .ui_boton--h-44 { height: 32px; } .ui_boton--h-46 { height: 30px; } .ui_boton--h-48 { height: 31px; } .ui_boton--h-50 { height: 33px; }
  .ui_boton--h-52 { height: 34px; } .ui_boton--h-54 { height: 35px; } .ui_boton--h-56 { height: 36px; } .ui_boton--h-58 { height: 38px; } .ui_boton--h-60 { height: 39px; }
  .ui_boton--h-62 { height: 40px; } .ui_boton--h-64 { height: 42px; } .ui_boton--h-66 { height: 43px; } .ui_boton--h-68 { height: 44px; } .ui_boton--h-70 { height: 46px; }
  .ui_boton--h-72 { height: 47px; } .ui_boton--h-74 { height: 48px; } .ui_boton--h-76 { height: 49px; } .ui_boton--h-78 { height: 51px; } .ui_boton--h-80 { height: 52px; }
  .ui_boton--h-82 { height: 53px; } .ui_boton--h-84 { height: 55px; } .ui_boton--h-86 { height: 56px; } .ui_boton--h-88 { height: 57px; } .ui_boton--h-90 { height: 59px; }
  .ui_boton--h-92 { height: 60px; } .ui_boton--h-94 { height: 61px; } .ui_boton--h-96 { height: 62px; } .ui_boton--h-98 { height: 64px; } .ui_boton--h-100 { height: 65px; }
}