/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 28 2026 | 23:50:29 */
/* =================================================
   1. VARIABLES & TOKENS
================================================= */
:root {

  /* =========================
     COLORES
  ========================= */  
  --color-000000: #000000;
  --color-FFFFFF: #FFFFFF;

  /* =========================
     TIPOGRAFÍAS
  ========================= */
}

/* =================================================
   2. BASE / RESETS UI
================================================= */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  font-family: var(--e-global-typography-f48ca31-font-family), sans-serif;    
}

h1, h2, h3, h4, h5, h6,
p, figure, blockquote, dl, dd {
  margin: 0;
  padding: 0;
}

ul, ol {
  list-style: none;
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
}

input,
textarea,
select,
button {
  font: inherit;
  color: inherit;
  border: none;
  outline: none;
  background: none;
  padding: 0;
}

button {
  cursor: pointer;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* =================================================
   3. UTILITIES
================================================= */
/* ---------- Texto ---------- */
.ui_text--clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ui_text--1line { -webkit-line-clamp:1; }
.ui_text--2lines { -webkit-line-clamp:2; }
.ui_text--3lines { -webkit-line-clamp:3; }
.ui_text--4lines { -webkit-line-clamp:4; }

/* ---------- Generales ---------- */
.ui_subtitulo_campo {
  color: #000 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* ---------- Posicionamiento ---------- */
.ui_pos-rel {
  position: relative;
  overflow: hidden;
}
.ui_pos-abs {
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
	object-fit: cover;  	
}

/* ---------- Video ---------- */
.ui_pos-rel video,
.ui_pos-rel .elementor-widget-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ui_video,
.ui_video * {
  position: absolute;
  inset: 0;
}

/* ---------- Overlays ---------- */
.ui_ov {
  position: absolute;
  inset: 0;
}

.ui_ov-000000 {
  background-color: #000000;
}

.ui_ov--0 {opacity:0;}
.ui_ov--4 {opacity:.4;}
.ui_ov--5 {opacity:.5;}
.ui_ov--10 {opacity:.1;}
.ui_ov--15 {opacity:.15;}
.ui_ov--20 {opacity:.2;}
.ui_ov--25 {opacity:.25;}
.ui_ov--30 {opacity:.3;}
.ui_ov--40 {opacity:.4;}
.ui_ov--50 {opacity:.5;}
.ui_ov--75 {opacity:.75;}
.ui_ov--100 {opacity:1;}

/* ---------- Espaciados ---------- */
/* Padding */
.ui_p-44 {padding:44px;}
.ui_p-28 {padding:28px;}

.ui_px-12 {padding-inline:12px;}
.ui_px-28 {padding-inline: 28px;}
.ui_px-32 {padding-inline:32px;}
.ui_px-42 {padding-inline:42px;}
.ui_px-56 {padding-inline:56px;}
.ui_px-94 {padding-inline:94px;}
.ui_px-122 {padding-inline:122px;}

.ui_py-12 {padding-block:12px;}
.ui_py-14 {padding-block:14px;}
.ui_py-16 {padding-block:16px;}
.ui_py-20 {padding-block:20px;}
.ui_py-24 {padding-block:24px;}
.ui_py-40 {padding-block:40px;}
.ui_py-62 {padding-block:62px;}
.ui_py-80 {padding-block:80px;}
.ui_py-100 {padding-block:100px;}

.ui_pt-20 {padding-top:20px;}
.ui_pt-32 {padding-top:32px;}
.ui_pt-40 {padding-top:40px;}
.ui_pt-42 {padding-top:42px;}
.ui_pt-44 {padding-top:44px;}
.ui_pt-46 {padding-top:46px;}
.ui_pt-48 {padding-top:48px;}
.ui_pt-50 {padding-top:60px;}
.ui_pt-96 {padding-top:96px;}
.ui_pt-126 {padding-top:126px;}
.ui_pt-160 {padding-top:160px;}
.ui_pt-170 {padding-top:170px;}
.ui_pt-182 {padding-top:182px;}
.ui_pt-194 {padding-top:194px;}
.ui_pt-226 {padding-top:226px;}
.ui_pt-228 {padding-top:228px;}
.ui_pt-382 {padding-top:382px;}

@media (max-width: 1024px) {

  /* Padding general */
  .ui_p-44 {padding:32px;}
  .ui_p-28 {padding:24px;}

  /* Padding horizontal */
  .ui_px-28 {padding-inline: 24px;}
  .ui_px-32 {padding-inline:24px;}
  .ui_px-42 {padding-inline:32px;}
  .ui_px-56 {padding-inline:40px;}
  .ui_px-94 {padding-inline:64px;}
  .ui_px-122 {padding-inline:80px;}

  /* Padding vertical */
  .ui_py-24 {padding-block:20px;}
  .ui_py-40 {padding-block:32px;}
  .ui_py-62 {padding-block:48px;}
  .ui_py-80 {padding-block:60px;}
  .ui_py-100 {padding-block:72px;}

  /* Padding top */
  .ui_pt-40 {padding-top:32px;}
  .ui_pt-44 {padding-top:36px;}
  .ui_pt-48 {padding-top:40px;}
  .ui_pt-96 {padding-top:72px;}
  .ui_pt-126 {padding-top:96px;}
  .ui_pt-160 {padding-top:120px;}
  .ui_pt-170 {padding-top:130px;}
  .ui_pt-182 {padding-top:140px;}
  .ui_pt-194 {padding-top:150px;}
  .ui_pt-226 {padding-top:170px;}
  .ui_pt-228 {padding-top:172px;}
  .ui_pt-382 {padding-top:260px;}

}

@media (max-width: 767px) {

  /* Padding general */
  .ui_p-44 {padding:24px;}
  .ui_p-28 {padding:20px;}

  /* Padding horizontal */
	.ui_px-28 {padding-inline: 20px;}
  .ui_px-32 {padding-inline:20px;}
  .ui_px-42 {padding-inline:24px;}
  .ui_px-56 {padding-inline:28px;}
  .ui_px-94 {padding-inline:32px;}
  .ui_px-122 {padding-inline:40px;}

  /* Padding vertical */
  .ui_py-24 {padding-block:16px;}
  .ui_py-40 {padding-block:24px;}
  .ui_py-62 {padding-block:32px;}
  .ui_py-80 {padding-block:40px;}
  .ui_py-100 {padding-block:48px;}

  /* Padding top */
  .ui_pt-40 {padding-top:28px;}
  .ui_pt-44 {padding-top:32px;}
  .ui_pt-48 {padding-top:36px;}
  .ui_pt-96 {padding-top:56px;}
  .ui_pt-126 {padding-top:72px;}
  .ui_pt-160 {padding-top:88px;}
  .ui_pt-170 {padding-top:96px;}
  .ui_pt-182 {padding-top:104px;}
  .ui_pt-194 {padding-top:112px;}
  .ui_pt-226 {padding-top:128px;}
  .ui_pt-228 {padding-top:132px;}
  .ui_pt-382 {padding-top:180px;}
}

/* Margin */
.ui_mb-4 {margin-bottom:4px;}
.ui_mb-6 {margin-bottom:6px;}
.ui_mb-8 {margin-bottom:8px;}
.ui_mb-10 {margin-bottom:10px;}
.ui_mb-12 {margin-bottom:12px;}
.ui_mb-14 {margin-bottom:14px;}
.ui_mb-16 {margin-bottom:16px;}
.ui_mb-18 {margin-bottom:18px;}
.ui_mb-20 {margin-bottom:20px;}
.ui_mb-22 {margin-bottom:22px;}
.ui_mb-24 {margin-bottom:24px;}
.ui_mb-26 {margin-bottom:26px;}
.ui_mb-28 {margin-bottom:28px;}
.ui_mb-30 {margin-bottom:30px;}
.ui_mb-48 {margin-bottom:48px;}
.ui_mb-78 {margin-bottom:78px;}
.ui_mb-190 {margin-bottom:190px;}

/* ---------- Gap ---------- */
.ui_gap-4 {gap:4px;}
.ui_gap-6 {gap:6px;}
.ui_gap-8 {gap:8px;}
.ui_gap-10 {gap:10px;}
.ui_gap-12 {gap:12px;}
.ui_gap-14 {gap:14px;}
.ui_gap-16 {gap:16px;}
.ui_gap-18 {gap:18px;}
.ui_gap-20 {gap:20px;}
.ui_gap-24 {gap:24px;}
.ui_gap-30 {gap:30px;}
.ui_gap-40 {gap:40px;}
.ui_gap-60 {gap:60px;}
.ui_gap-80 {gap:80px;}
.ui_gap-100 {gap:100px;}
.ui_gap-120 {gap:120px;}
.ui_gap-132 {gap:132px;}

/* ---------- Bordes / Radio ---------- */
.ui_border-1 { border: 1px solid; }
.ui_border-white { border-color: #fff; }

.ui_radius-0 {border-radius:0;}
.ui_radius-24 {border-radius:24px;}
.ui_radius-50 {border-radius:50%;}
.ui_radius-100 {border-radius:100px;}

/* ---------- Imágenes ---------- */
.ui_height {
  display: flex;
  align-items: flex-start;
}

.ui_height img {
  max-height: 100%;
  width: auto;
  object-fit: contain;
}

.ui_cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ui_bg-cover {
  position: absolute;
  inset: 0;
}

.ui_bg-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---------- Alturas / Anchos ---------- */
.ui_h--100vh {height:100vh;}
.ui_h--100-full {height:100%;}
.ui_h--50-full {height:50%;}

.ui_max-w-322 {max-width:322px;}
.ui_max-w-479 {max-width:479px;}
.ui_max-w-521 {max-width:521px;}
.ui_max-w-700 {max-width:700px;}
.ui_max-w-906 {max-width:906px;}


/* =================================================
   4. LAYOUT / CONTENEDORES
================================================= */
.ui_grupo_secciones {
  padding-left: 50px;
  padding-right: 50px;
  width: 100%!important;
  max-width: 100%;	
}
.ui_seccion {
  position: relative;
  left: -50px;
  width: calc(100% + 100px);
  padding-right: 50px;
  padding-left: 50px;
}
.ui_seccion--0 { padding-left: 0px; padding-right: 0px; }

@media (max-width: 1024px) {
  .ui_grupo_secciones { 
	  padding-left: 20px; 
	  padding-right: 20px; 
	}
  .ui_seccion { 
	  left: -20px; 
	  width: calc(100% + 40px); 
	  padding: 0 20px; }
  .ui_seccion--0 { padding: 0; }
}
@media (max-width: 767px) {
  .ui_grupo_secciones { padding-left: 20px; padding-right: 20px; }
  .ui_seccion { left: -20px; width: calc(100% + 40px); padding: 0 20px; }
  .ui_seccion--0 { padding: 0; }  	
}

/* =================================================
   5. COMPONENTES
================================================= */
.ui_header {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index:2;
}

.ui_header__box {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
	border: 1px inset rgba(255, 255, 255, 0.16);
}

/* Todo el contenido del header queda nítido */
.ui_header__box > * {
  position: relative;
  z-index: 1;
}

.ui_boton {
	max-width: max-content;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;	
	gap: 8px;
	border-radius: 12px;	
	cursor: pointer;	
}

.ui_boton--primario {
	height: 50px;
	padding: 0 24px;
	background: linear-gradient(90deg, #DF1047 0%, #F24838 100%);
}

@media (max-width: 1024px) {
  .ui_boton {
    height: 46px;
    padding: 14px 20px;
    border-radius: 10px;
    gap: 6px;
  }
}

@media (max-width: 767px) {
  .ui_boton {
    height: 42px;
    padding: 12px 18px;
    border-radius: 10px;
    gap: 6px;
  }
}

/* =================================================
   6. EFECTOS & ANIMACIONES
================================================= */

/* =================================================
   7. SECCIONES / PÁGINAS
================================================= */

/* =================================================
   8. PLUGINS (Swiper, JetEngine, etc)
================================================= */

/* =================================================
   9. FORMULARIOS
================================================= */

/* =================================================
   10. MEDIA QUERIES GLOBALES
================================================= */







