*, *::before, *::after { box-sizing: border-box; }
.rf-body {
margin: 0;
font-family: var(--rf-font-body);
color: var(--rf-color-text-body);
background: var(--rf-color-cream);
line-height: 1.5;
-webkit-font-smoothing: antialiased;
max-width: 480px;
margin-inline: auto;
overflow-x: hidden;
}
.rf-body img { display: block; max-width: 100%; }
.rf-body a { color: inherit; text-decoration: none; }
.rf-body button {
font-family: inherit;
border: 0;
background: transparent;
padding: 0;
cursor: pointer;
} .rf-header {
position: sticky;
top: 0;
z-index: 20;
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px;
background: #fff;
box-shadow: 0 4px 2px rgba(0, 0, 0, 0.03);
}
.rf-header__logo {
display: inline-flex;
}
.rf-header__logo img {
width: 62px;
height: 18px;
}
.rf-header__nav {
display: flex;
align-items: center;
gap: 14px;
}
.rf-header__btn {
display: inline-flex;
align-items: center;
justify-content: center;
}
.rf-header__btn img { display: block; }
.rf-header__btn--search img { width: 20px; height: 20px; }
.rf-header__btn--menu img   { width: 24px; height: 24px; }
.rf-header__menu {
position: fixed;
inset: 0;
z-index: 30;
display: flex;
flex-direction: column;
gap: 32px;
padding: 16px 24px 40px;
background: #fff;
overflow-y: auto;
}
.rf-header__menu[hidden] { display: none; }
.rf-header__menu-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.rf-header__menu-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 20px;
}
.rf-header__menu-list a {
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 18px;
line-height: 24px;
color: #1a5677;
text-decoration: none;
}
.rf-header__menu-list a:hover { text-decoration: underline; }
.rf-header__close-icon {
font-size: 32px;
line-height: 1;
color: #1a5677;
} .rf-hero {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 879px;
padding: 44px 0;
background: var(--rf-color-cream);
overflow: hidden;
isolation: isolate;
}
.rf-hero__bg {
position: absolute;
top: -15%;
left: 0;
width: 100%;
height: 110%;
object-fit: cover;
pointer-events: none;
user-select: none;
z-index: 0;
}
.rf-hero__top,
.rf-hero__bottom {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
} .rf-hero__top {
gap: 4px;
}
.rf-hero__eyebrow {
width: 199px;
height: 72px;
margin-bottom: -24px; position: relative;
z-index: 1;
}
.rf-hero__title {
margin: 0;
font-family: 'Roboto Condensed', 'Oswald', sans-serif;
font-weight: 700;
font-size: 72px;
line-height: 35px;
letter-spacing: 0.05em; text-align: center;
width: 307px;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
} .rf-hero__title-lime { margin-left: -6px; }
.rf-hero__title-navy { color: var(--rf-color-primary); }
.rf-hero__title-lime { color: var(--rf-color-lime); }
.rf-hero__meta {
display: flex;
align-items: center;
gap: 8px;
margin-top: 8px;
padding-left: 60px; }
.rf-hero__zigzag {
width: 218px;
height: 9px;
flex-shrink: 0;
}
.rf-hero__year {
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 24px;
line-height: 1;
letter-spacing: 0.48px;
color: var(--rf-color-primary);
}
.rf-hero__subtitle {
width: 362px;
max-width: calc(100% - 32px);
margin: 17px 0 0;
font-family: var(--rf-font-body);
font-size: 16px;
font-weight: 400;
line-height: 18px;
color: var(--rf-color-text-body);
text-align: center;
}
.rf-hero__subtitle strong { font-weight: 700; }
.rf-hero__subtitle br { display: inline; } .rf-hero__bottom {
gap: 10px;
padding: 0 20px;
position: relative;
}
.rf-countdown {
display: flex;
gap: 6px;
justify-content: center;
position: absolute;
bottom: 160px;
left: 50%;
transform: translateX(-50%);
width: 100%;
padding: 0 20px;
}
.rf-countdown__cell {
width: 84px;
height: 84px;
background: #fff;
border: 0.7px solid var(--rf-color-lime);
border-radius: 6px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 6px;
padding: 16px 12px;
box-shadow: 0 5px 0 0 var(--rf-color-lime);
}
.rf-countdown__num {
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 36px;
line-height: 22px;
letter-spacing: 1.8px;
color: var(--rf-color-lime);
display: block;
}
.rf-countdown__label {
font-family: var(--rf-font-body);
font-weight: 400;
font-size: 12px;
line-height: 22px;
letter-spacing: 0.6px;
color: var(--rf-color-text-body);
}
.rf-hero__event {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
text-align: center;
}
.rf-hero__date {
display: inline-flex;
align-items: center;
gap: 4px;
margin: 0;
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 20px;
line-height: 18px;
color: var(--rf-color-text-body);
}
.rf-hero__address {
margin: 0;
font-family: var(--rf-font-body);
font-size: 14px;
line-height: 18px;
color: #636362;
}
.rf-hero__address strong {
font-weight: 700;
color: var(--rf-color-text-body);
}
.rf-btn-cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 4px;
width: 300px;
height: 40px;
padding: 8px 12px;
border-radius: 1000px;
background: var(--rf-color-lime);
color: #fff !important;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 1.3;
white-space: nowrap;
text-decoration: none;
}
.rf-btn-cta span {
color: #fff !important;
}
.rf-btn-cta img { 
width: 11px; 
height: 11px; 
} .rf-intro {
background: #fff;
padding: 48px 20px 40px;
text-align: center;
}
.rf-intro__title {
margin: 0 0 22px;
}
.rf-intro__title-line1 {
display: block;
font-family: var(--rf-font-body);
font-weight: 600;
font-size: 18px;
line-height: 40px;
color: #226f99;
}
.rf-intro__title-line2 {
display: block;
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 42px;
line-height: 40px;
color: #1a5677;
}
.rf-intro__badges {
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
}
.rf-intro__row {
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
gap: 6px;
}
.rf-intro__badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 6px;
border-radius: 5px;
font-family: var(--rf-font-heading);
font-weight: 700;
font-size: 16px;
line-height: 1.15;
color: #fff;
height: 28px;
white-space: nowrap;
}
.rf-intro__badge span {
padding: 0 4px;
} .rf-intro__badge--green1 { background: #168654; transform: rotate(1deg); }
.rf-intro__badge--teal   { background: #008196; transform: rotate(-3deg); }
.rf-intro__badge--blue   { background: #0b5091; transform: rotate(2deg); }
.rf-intro__badge--charcoal { background: #435659; transform: rotate(-3deg); }
.rf-intro__badge--cyan   { background: #3cbed3; transform: rotate(3deg); }
.rf-intro__badge--green2 { background: #37a172; } .rf-que-es {
position: relative;
width: 100%;
}
.rf-que-es__bg-top {
height: 56px;
width: 100%;
background: url(//amircolombia.com/wp-content/themes/genesis-block-theme-child/resifest/colombia/assets/img/presentacion/bg-top.png) center/cover no-repeat;
margin-bottom: -1px;
}
.rf-que-es__bg-bottom {
height: 67px;
width: 100%;
background: url(//amircolombia.com/wp-content/themes/genesis-block-theme-child/resifest/colombia/assets/img/presentacion/bg-bottom.png) center/cover no-repeat;
margin-top: -1px;
}
.rf-que-es__content {
background: #123c5e;
padding: 24px 26px;
min-height: 1024px;
display: flex;
align-items: center;
margin-bottom: -1px;
}
.rf-que-es__inner {
display: flex;
flex-direction: column;
gap: 40px;
width: 100%;
}
.rf-que-es__text-block {
display: flex;
flex-direction: column;
gap: 20px;
}
.rf-que-es__title {
margin: 0;
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 32px;
line-height: 34px;
color: #fefefe;
}
.rf-que-es__title-lime {
color: #b8be14;
}
.rf-que-es__description {
font-family: var(--rf-font-body);
font-size: 14px;
font-weight: 400;
line-height: 23px;
color: #fefefe;
}
.rf-que-es__description p {
margin: 0 0 16px;
}
.rf-que-es__description p:last-child {
margin-bottom: 0;
}
.rf-que-es__description strong {
font-weight: 700;
}
.rf-que-es__highlight {
font-size: 20px;
font-weight: 700;
line-height: 23px;
}
.rf-que-es__highlight-lime {
color: #b8be14;
}
.rf-que-es__video-wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.rf-que-es__video-container {
width: 339.225px;
height: 586.533px;
display: flex;
align-items: center;
justify-content: center;
transform: rotate(1.32deg);
}
.rf-que-es__video-link {
position: relative;
display: block;
width: 326px;
height: 579.193px;
border: 2px solid #b8be14;
border-radius: 25px;
overflow: hidden;
}
.rf-que-es__video-thumb,
.rf-que-es__video-iframe {
width: 100%;
height: 100%;
object-fit: cover;
border: none;
}
.rf-que-es__play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80.8px;
height: 80.8px;
pointer-events: none;
} .rf-form-section {
background: #fff;
padding: 0 16px;
display: flex;
justify-content: center;
}
.rf-form-container {
width: 100%;
max-width: 390px;
}
.rf-form {
border: 1px solid #dfdfdf;
border-radius: 20px;
padding: 56px 24px;
background: #fff url(//amircolombia.com/wp-content/themes/genesis-block-theme-child/resifest/colombia/assets/img/form/bg-pattern.png) center/cover no-repeat;
background-blend-mode: overlay;
opacity: 1;
}
.rf-form__inner {
display: flex;
flex-direction: column;
gap: 29px;
}
.rf-form__header {
display: flex;
flex-direction: column;
gap: 12px;
text-align: center;
color: #636362;
}
.rf-form__title {
margin: 0;
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 32px;
line-height: 62px;
color: #636362;
}
.rf-form__subtitle {
margin: 0;
font-family: var(--rf-font-body);
font-weight: 400;
font-size: 16px;
line-height: 18px;
color: #636362;
}
.rf-form__fields {
display: flex;
flex-direction: column;
gap: 16px;
}
.rf-form__field {
display: flex;
flex-direction: column;
gap: 5px;
}
.rf-form__field-group {
display: flex;
gap: 10px;
align-items: flex-end;
}
.rf-form__field--phone-code {
width: 129px;
flex-shrink: 0;
}
.rf-form__field--phone {
flex: 1;
}
.rf-form__label {
font-family: var(--rf-font-body);
font-weight: 600;
font-size: 16px;
line-height: 22px;
color: #4a4a4a;
}
.rf-form__required {
color: #6bc7dc;
}
.rf-form__input,
.rf-form__select {
width: 100%;
height: 40px;
padding: 8px 12px;
border: 1px solid #dfdfdf;
border-radius: 10px;
background: #fff;
font-family: var(--rf-font-body);
font-size: 14px;
line-height: 20px;
color: #4a4a4a;
}
.rf-form__input::placeholder {
color: #ddd;
}
.rf-form__select {
color: #d1d1d1;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23ababab' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px center;
padding-right: 32px;
}
.rf-form__footer {
display: flex;
flex-direction: column;
gap: 16px;
}
.rf-form__checkbox {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
}
.rf-form__checkbox-input {
width: 18px;
height: 18px;
border: 1px solid #dfdfdf;
border-radius: 3px;
cursor: pointer;
}
.rf-form__checkbox-label {
font-family: var(--rf-font-body);
font-size: 14px;
line-height: 22px;
color: #ababab;
}
.rf-form__submit {
width: 100%;
height: 40px;
padding: 8px 12px;
border: none;
border-radius: 1000px;
background: var(--rf-color-lime);
font-family: var(--rf-font-heading);
font-weight: 600;
font-size: 16px;
color: #fefefe;
cursor: pointer;
transition: opacity 0.2s;
}
.rf-form__submit:hover {
opacity: 0.9;
} .rf-para-ti {
background: #fff;
padding: 48px 20px;
text-align: center;
}
.rf-para-ti__header {
margin-bottom: 32px;
}
.rf-para-ti__badge {
display: inline-block;
padding: 4px 12px;
background: #168654;
border-radius: 4px;
font-family: var(--rf-font-heading);
font-weight: 700;
font-size: 12px;
color: #fff;
margin-bottom: 12px;
}
.rf-para-ti__title {
margin: 0 0 8px;
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 32px;
line-height: 40px;
color: #226f99;
}
.rf-para-ti__subtitle {
margin: 0;
font-family: var(--rf-font-body);
font-size: 18px;
line-height: 24px;
color: #636362;
}
.rf-para-ti__cards {
display: flex;
flex-direction: column;
gap: 20px;
}
.rf-para-ti__card {
position: relative;
background: currentColor;
border-radius: 8px;
overflow: hidden;
text-align: left;
transform: perspective(800px) rotateY(-3deg);
transform-origin: center center;
}
.rf-para-ti__card::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 42px;
height: 42px;
background: rgba(255,255,255,0.35);
clip-path: polygon(100% 0, 0 0, 100% 100%);
z-index: 2;
}
.rf-para-ti__card-header {
height: 100px;
position: relative;
background: currentColor;
}
.rf-para-ti__card--perfil01 { color: #008095; box-shadow: -3px 4px 0px rgba(0,0,0,0.05); }
.rf-para-ti__card--perfil01 .rf-para-ti__card-header::before { background: #008095; }
.rf-para-ti__card--perfil02 { color: #017c45; box-shadow: -5px 6px 0px rgba(0,0,0,0.05); }
.rf-para-ti__card--perfil02 .rf-para-ti__card-header::before { background: #017c45; }
.rf-para-ti__card--perfil03 { color: #005c95; box-shadow: -2px 5px 0px rgba(0,0,0,0.05); }
.rf-para-ti__card--perfil03 .rf-para-ti__card-header::before { background: #005c95; }
.rf-para-ti__card-body {
padding: 18px 20px;
background: currentColor;
min-height: 181px;
display: flex;
flex-direction: column;
gap: 10px;
}
.rf-para-ti__card-icon {
position: absolute;
top: 10px;
left: 20px;
width: 120px;
height: 76px;
object-fit: contain;
}
.rf-para-ti__card-label {
margin: 0;
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 10px;
line-height: 23px;
color: #fefefe;
}
.rf-para-ti__card-title {
margin: 0;
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 18px;
line-height: 23px;
color: #fefefe;
}
.rf-para-ti__card-desc {
margin: 0;
font-family: var(--rf-font-body);
font-size: 12px;
line-height: 16px;
color: #fefefe;
letter-spacing: -0.15px;
} .rf-agenda {
background-color: #1a5677;
background-image:
linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px);
background-size: 44px 44px;
padding: 48px 20px;
color: #fff;
}
.rf-agenda__header {
text-align: center;
margin-bottom: 32px;
}
.rf-agenda__badge {
display: inline-block;
padding: 4px 12px;
background: #fff;
border-radius: 6px;
font-family: var(--rf-font-heading);
font-weight: 700;
font-size: 12px;
color: #1a5677;
margin-bottom: 12px;
}
.rf-agenda__title {
margin: 0 0 12px;
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 40px;
line-height: 48px;
color: #fff;
}
.rf-agenda__title-lime {
color: var(--rf-color-lime);
}
.rf-agenda__subtitle,
.rf-agenda__location {
margin: 0 0 4px;
font-family: var(--rf-font-body);
font-size: 16px;
line-height: 24px;
color: #fff;
}
.rf-agenda__tracks {
display: flex;
flex-direction: column;
gap: 24px;
}
.rf-agenda__track {
background: #0d3d5a;
border-radius: 12px;
padding: 24px;
transform: rotate(-1.5deg);
}
.rf-agenda__track--vibra {
background: linear-gradient(135deg, #3cbed3 0%, #008196 50%, #168654 100%);
}
.rf-agenda__track--vibra .rf-agenda__track-badge {
background: #fff;
color: #123c5e;
}
.rf-agenda__track-header {
margin-bottom: 16px;
}
.rf-agenda__track-badge {
display: inline-block;
padding: 2px 8px;
background: var(--rf-color-lime);
border-radius: 3px;
font-family: var(--rf-font-heading);
font-weight: 700;
font-size: 10px;
color: #123c5e;
margin-bottom: 8px;
}
.rf-agenda__track-title {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 28px;
line-height: 32px;
color: #fff;
}
.rf-agenda__track-icon {
width: 35px;
height: 35px;
object-fit: contain;
}
.rf-agenda__track-items {
display: flex;
flex-direction: column;
}
.rf-agenda__item {
display: flex;
align-items: flex-start;
gap: 16px;
padding: 16px 0;
border-bottom: 1px solid rgba(255,255,255,0.2);
}
.rf-agenda__item:last-child {
border-bottom: none;
}
.rf-agenda__item-number {
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 24px;
line-height: 24px;
color: var(--rf-color-lime);
flex-shrink: 0;
}
.rf-agenda__item-text {
margin: 0;
padding-top: 2px;
font-family: var(--rf-font-body);
font-size: 14px;
line-height: 20px;
color: #fff;
} .rf-testimonios {
background: #fff;
padding: 48px 20px;
text-align: center;
}
.rf-testimonios__header {
margin-bottom: 32px;
}
.rf-testimonios__title {
display: flex;
flex-direction: column;
align-items: center;
gap: 0;
margin: 0 0 12px;
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 42px;
line-height: 40px;
color: #1a5677;
}
.rf-testimonios__title-line {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.rf-testimonios__flag {
width: 58px;
height: 58px;
object-fit: contain;
}
.rf-testimonios__subtitle {
margin: 0;
font-family: var(--rf-font-body);
font-size: 16px;
line-height: 24px;
color: #636362;
}
.rf-testimonios__video {
max-width: 350px;
margin: 0 auto;
}
.rf-testimonios__video-frame {
position: relative;
width: 100%;
aspect-ratio: 9/16;
border-radius: 25px;
overflow: hidden;
border: 3px solid var(--rf-color-lime);
background: linear-gradient(135deg, #1a5677 0%, #0d3d5a 100%);
}
.rf-testimonios__video-iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: none;
}
.rf-testimonios__video-placeholder {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
padding: 20px;
}
.rf-testimonios__play-icon {
width: 80px;
height: 80px;
background: rgba(255,255,255,0.9);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
color: #1a5677;
}
.rf-testimonios__video-text {
margin: 0;
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 20px;
line-height: 28px;
color: #fff;
text-align: center;
}
.rf-testimonios__video-footer {
margin-top: 16px;
text-align: center;
}
.rf-testimonios__video-name {
display: block;
width: fit-content;
margin: 0 auto 8px;
padding: 8px 16px;
background: #1a5677;
border-radius: 8px;
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 18px;
color: #fff;
}
.rf-testimonios__video-country {
display: inline-block;
padding: 4px 12px;
background: #3cbed3;
border-radius: 4px;
font-family: var(--rf-font-heading);
font-weight: 600;
font-size: 12px;
color: #fff;
} .rf-entradas {
background: #0d3d5a;
padding: 48px 20px;
color: #fff;
}
.rf-entradas__content {
max-width: 400px;
margin: 0 auto;
}
.rf-entradas__header {
text-align: left;
margin-bottom: 32px;
}
.rf-entradas__badge {
display: inline-block;
padding: 4px 12px;
background: var(--rf-color-lime);
border-radius: 4px;
font-family: var(--rf-font-heading);
font-weight: 700;
font-size: 12px;
color: #0d3d5a;
margin-bottom: 12px;
}
.rf-entradas__title {
margin: 0 0 12px;
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 28px;
line-height: 34px;
color: #fff;
}
.rf-entradas__subtitle {
margin: 0;
font-family: var(--rf-font-body);
font-size: 14px;
line-height: 20px;
color: rgba(255,255,255,0.9);
}
.rf-entradas__pricing {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 24px;
}
.rf-entradas__price {
padding: 20px 24px;
border-radius: 12px;
text-align: left;
}
.rf-entradas__price--etapa1 {
background: var(--rf-color-lime);
color: #0d3d5a;
}
.rf-entradas__price--etapa2 {
background: #008196;
color: #fff;
}
.rf-entradas__price--etapa3 {
background: #1a5677;
color: #fff;
}
.rf-entradas__price-label {
display: inline-block;
padding: 2px 8px;
background: #fff;
border-radius: 4px;
font-family: var(--rf-font-heading);
font-weight: 700;
font-size: 12px;
color: #0d3d5a;
margin-bottom: 8px;
}
.rf-entradas__price-amount {
margin: 0 0 4px;
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 48px;
line-height: 1;
}
.rf-entradas__price-currency {
font-size: 24px;
}
.rf-entradas__price-date {
margin: 0;
font-family: var(--rf-font-body);
font-size: 16px;
line-height: 22px;
}
.rf-entradas__footer {
text-align: center;
}
.rf-entradas__note {
margin: 0 0 16px;
padding: 12px 24px;
background: #fff;
border-radius: 8px;
font-family: var(--rf-font-body);
font-size: 16px;
line-height: 24px;
font-weight: 700;
color: #1a5677;
}
.rf-entradas__taxes {
margin: 0 0 16px;
font-family: var(--rf-font-body);
font-size: 12px;
color: rgba(255,255,255,0.7);
}
.rf-entradas__cta {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 300px;
height: 48px;
padding: 12px 24px;
border-radius: 1000px;
background: var(--rf-color-lime);
font-family: var(--rf-font-heading);
font-weight: 600;
font-size: 18px;
color: #0d3d5a;
text-decoration: none;
transition: opacity 0.2s;
margin-bottom: 16px;
}
.rf-entradas__cta:hover {
opacity: 0.9;
}
.rf-entradas__disclaimer {
margin: 0;
font-family: var(--rf-font-body);
font-size: 11px;
line-height: 16px;
color: rgba(255,255,255,0.6);
font-style: italic;
} .rf-promo {
background: #fff;
padding: 20px;
}
.rf-promo__card {
background: #b8be14;
border: 1px solid #fefefe;
border-radius: 15px;
padding: 20px 24px;
display: flex;
flex-direction: column;
gap: 22px;
}
.rf-promo__icon {
width: 70px;
height: 65px;
overflow: hidden;
}
.rf-promo__icon-img {
width: 100%;
height: 100%;
object-fit: contain;
}
.rf-promo__content {
display: flex;
flex-direction: column;
gap: 9px;
}
.rf-promo__badge {
display: inline-flex;
align-items: center;
height: 20px;
padding: 2px 6px;
background: #00535f;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 12px;
color: #fefefe;
transform: rotate(-1.4deg);
margin-bottom: 8px;
}
.rf-promo__title {
margin: 0;
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 24px;
line-height: 28px;
color: #fefefe;
}
.rf-promo__title-underline {
text-decoration: underline;
text-decoration-skip-ink: none;
text-underline-position: from-font;
color: #00535f;
text-decoration-color: #00535f;
}
.rf-promo__title-comma {
color: #00535f;
}
.rf-promo__title-gratis {
color: #fefefe;
}
.rf-promo__desc {
margin: 0;
font-family: var(--rf-font-body);
font-size: 12px;
line-height: 20px;
color: #fefefe;
letter-spacing: -0.24px;
}
.rf-promo__cta,
.rf-promo__cta span {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 4px;
width: 100%;
height: 40px;
padding: 8px 12px;
border-radius: 60px;
background: #00535f;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 16px;
color: #b8be14 !important;
text-decoration: none;
transition: opacity 0.2s;
}
.rf-promo__cta span {
width: auto;
height: auto;
padding: 0;
background: transparent;
}
.rf-promo__cta-icon {
width: 17px;
height: 17px;
}
.rf-promo__cta:hover {
opacity: 0.9;
} .rf-numeros {
background: #fff;
padding: 20px;
}
.rf-numeros__card {
background: #00535f;
border: 1px solid #fefefe;
border-radius: 15px;
padding: 28px 24px;
color: #fff;
}
.rf-numeros__badge {
display: inline-flex;
align-items: center;
height: 22px;
padding: 2px 6px;
background: #fff;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 12px;
color: #4b4b4b;
transform: rotate(-3.59deg);
margin-bottom: 16px;
}
.rf-numeros__title {
margin: 0 0 26px;
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 24px;
line-height: 28px;
color: #fefefe;
}
.rf-numeros__stats {
display: flex;
flex-direction: column;
gap: 16px;
}
.rf-numeros__stat {
display: flex;
flex-direction: column;
gap: 6px;
}
.rf-numeros__stat-number {
display: flex;
align-items: center;
gap: 4px;
margin: 0;
font-family: 'Montserrat', sans-serif;
font-weight: 900;
font-size: 36px;
line-height: 28px;
color: #b8be14;
}
.rf-numeros__stat-number--n1y2 {
letter-spacing: -2.16px;
}
.rf-numeros__trophy {
width: 30px;
height: 30px;
object-fit: contain;
}
.rf-numeros__stat-label {
margin: 0;
font-family: var(--rf-font-body);
font-size: 12px;
line-height: 20px;
color: #fefefe;
letter-spacing: -0.24px;
line-height: 22px;
color: #fff;
} .rf-section-amir {
background: #f6f6f6;
position: relative;
}
.rf-section-amir__wave {
height: 75px;
width: 100%;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 390 75"><path d="M0 75V0C130 25 260 25 390 0V75H0Z" fill="%23f6f6f6"/></svg>') center/cover no-repeat;
margin-bottom: -15px;
}
.rf-section-amir__content {
padding: 20px 24px 60px;
}
.rf-section-amir__inner {
display: flex;
flex-direction: column;
gap: 28px;
}
.rf-section-amir__header {
display: flex;
flex-direction: column;
gap: 9px;
}
.rf-section-amir__title {
margin: 0;
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 26px;
line-height: 28px;
color: #b8be14;
}
.rf-section-amir__description {
margin: 0;
font-family: var(--rf-font-body);
font-size: 12px;
line-height: 20px;
color: #3c3c3b;
letter-spacing: -0.24px;
}
.rf-section-amir__features {
display: flex;
flex-direction: column;
gap: 4px;
}
.rf-section-amir__feature {
background: #fbfbfb;
border: 1px solid #c3c3c2;
border-radius: 12px;
padding: 16px;
display: flex;
align-items: center;
gap: 16px;
}
.rf-section-amir__feature-icon {
width: 21px;
height: 21px;
background: #c2d500;
border-radius: 33554428px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.rf-section-amir__feature-check {
width: 19px;
height: 19px;
}
.rf-section-amir__feature p {
margin: 0;
font-family: 'Inter', var(--rf-font-body);
font-size: 14px;
line-height: 22.75px;
color: #636362;
letter-spacing: -0.15px;
} .rf-footer {
background: #08467f;
color: #fefefe;
padding: 24px;
}
.rf-footer__content {
margin-bottom: 52px;
}
.rf-footer__main {
display: flex;
flex-direction: column;
gap: 32px;
}
.rf-footer__logo {
height: 31px;
width: 106px;
}
.rf-footer__logo img {
display: block;
width: 100%;
height: 100%;
}
.rf-footer__section {
display: flex;
flex-direction: column;
gap: 12px;
}
.rf-footer__section-title {
margin: 0;
font-family: var(--rf-font-body);
font-weight: 700;
font-size: 15px;
line-height: 40px;
letter-spacing: 2.25px;
color: #fefefe;
text-transform: uppercase;
}
.rf-footer__contact {
display: flex;
gap: 6px;
align-items: flex-start;
}
.rf-footer__contact-icons {
width: 12.354px;
height: 68.518px;
flex-shrink: 0;
}
.rf-footer__contact-info p,
.rf-footer__contact-info a {
margin: 0 0 0;
font-family: 'Inter', var(--rf-font-body);
font-size: 13px;
line-height: 18px;
color: #fefefe;
}
.rf-footer__contact-info a {
display: block;
text-decoration: underline;
text-decoration-skip-ink: none;
text-underline-position: from-font;
}
.rf-footer__links {
margin: 0;
font-family: var(--rf-font-body);
font-size: 13px;
line-height: 20px;
color: #fefefe;
}
.rf-footer__links a {
color: #fefefe;
text-decoration: underline;
text-decoration-skip-ink: none;
text-underline-position: from-font;
}
.rf-footer__social {
display: flex;
gap: 10.706px;
width: 153.378px;
height: 30px;
}
.rf-footer__social a {
display: flex;
align-items: center;
justify-content: center;
width: 30.315px;
height: 30px;
}
.rf-footer__social img {
width: 100%;
height: 100%;
object-fit: contain;
}
.rf-footer__healthcademia {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 14px;
}
.rf-footer__healthcademia-text {
text-align: right;
}
.rf-footer__healthcademia-text p {
margin: 0;
font-family: 'Inter', var(--rf-font-body);
color: #fefefe;
}
.rf-footer__healthcademia-name {
font-family: var(--rf-font-body);
font-weight: 600;
font-size: 13.1px;
line-height: 24px;
}
.rf-footer__healthcademia-reg {
font-size: 8.45px;
line-height: 24px;
vertical-align: super;
}
.rf-footer__healthcademia-text p:last-child {
font-size: 9.1px;
line-height: 14px;
}
.rf-footer__legal {
text-align: center;
padding-top: 0;
}
.rf-footer__legal p {
margin: 0;
padding: 16px 0;
background: #f3f6f9;
font-family: var(--rf-font-body);
font-weight: 600;
font-size: 10px;
color: #08467f;
text-transform: uppercase;
} .rf-page-resifest .rf-form__zoho {
width: 100%;
margin-top: 29px;
}
.rf-page-resifest .rf-form__zoho .healthcademia-form-wrapper {
width: 100%;
}
.rf-page-resifest .rf-form__zoho .hc-form-container {
border: 1px solid #dfdfdf;
border-radius: 20px;
padding: 40px 24px 48px;
background: #fff url(//amircolombia.com/wp-content/themes/genesis-block-theme-child/resifest/colombia/assets/img/form/bg-pattern.png) center/cover no-repeat;
background-blend-mode: overlay;
}
.rf-page-resifest .rf-form__zoho .hc-form {
display: flex;
flex-direction: column;
gap: 16px;
margin: 0;
}
.rf-page-resifest .rf-form__zoho .hc-name-row {
display: flex;
gap: 10px;
}
.rf-page-resifest .rf-form__zoho .hc-name-row .hc-field {
flex: 1;
min-width: 0;
}
.rf-page-resifest .rf-form__zoho .hc-field,
.rf-page-resifest .rf-form__zoho .hc-checkbox-group,
.rf-page-resifest .rf-form__zoho .hc-form-status {
width: 100%;
}
.rf-page-resifest .rf-form__zoho .hc-floating-inner {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
}
.rf-page-resifest .rf-form__zoho .hc-floating-inner .hc-input,
.rf-page-resifest .rf-form__zoho .hc-floating-inner .hc-select {
width: 100%;
height: 48px;
padding: 18px 12px 6px;
border: 1px solid #dfdfdf;
border-radius: 10px;
background: #fff;
font-family: var(--rf-font-body);
font-size: 14px;
color: #4a4a4a;
outline: none;
transition: border-color 0.2s, box-shadow 0.2s;
}
.rf-page-resifest .rf-form__zoho .hc-floating-inner .hc-input:focus,
.rf-page-resifest .rf-form__zoho .hc-floating-inner .hc-select:focus {
border-color: #6bc7dc;
box-shadow: 0 0 0 3px rgba(107, 199, 220, 0.15);
}
.rf-page-resifest .rf-form__zoho .hc-floating-inner label {
position: absolute;
left: 12px;
top: 15px;
font-family: var(--rf-font-body);
font-size: 14px;
line-height: 20px;
color: #ababab;
pointer-events: none;
transition: all 0.2s ease;
transform-origin: left top;
}
.rf-page-resifest .rf-form__zoho .hc-floating-inner .hc-input:not(:placeholder-shown) + label,
.rf-page-resifest .rf-form__zoho .hc-floating-inner .hc-input:focus + label,
.rf-page-resifest .rf-form__zoho .hc-floating-inner .hc-phone-input-wrapper .hc-input:not(:placeholder-shown) + label,
.rf-page-resifest .rf-form__zoho .hc-floating-inner .hc-phone-input-wrapper .hc-input:focus + label {
transform: translateY(-11px) scale(0.8);
color: #6bc7dc;
}
.rf-page-resifest .rf-form__zoho .hc-phone-field-with-prefix .hc-floating-inner {
display: flex;
flex-direction: row;
gap: 10px;
}
.rf-page-resifest .rf-form__zoho .hc-phone-field-with-prefix .hc-phone-prefix {
width: 110px;
flex-shrink: 0;
padding-right: 28px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23636362' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 10px center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.rf-page-resifest .rf-form__zoho .hc-phone-field-with-prefix .hc-phone-input-wrapper {
position: relative;
flex: 1;
display: flex;
flex-direction: column;
min-width: 0;
}
.rf-page-resifest .rf-form__zoho .hc-checkbox-group {
display: flex;
align-items: flex-start;
gap: 10px;
margin: 0;
}
.rf-page-resifest .rf-form__zoho .hc-checkbox-group label {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
}
.rf-page-resifest .rf-form__zoho .hc-checkbox-group input[type="checkbox"] {
width: 18px;
height: 18px;
flex-shrink: 0;
margin: 0;
border: 1px solid #dfdfdf;
border-radius: 3px;
accent-color: var(--rf-color-lime);
cursor: pointer;
}
.rf-page-resifest .rf-form__zoho .hc-checkbox-group span {
font-family: var(--rf-font-body);
font-size: 14px;
line-height: 22px;
color: #ababab;
}
.rf-page-resifest .rf-form__zoho .hc-checkbox-group a {
color: #1a5677;
text-decoration: underline;
}
.rf-page-resifest .rf-form__zoho .hc-submit {
width: 100%;
height: 48px;
padding: 0 24px;
border: none;
border-radius: 1000px;
background: var(--rf-color-lime);
font-family: var(--rf-font-heading);
font-weight: 600;
font-size: 16px;
color: #fefefe;
cursor: pointer;
transition: opacity 0.2s, background 0.2s;
}
.rf-page-resifest .rf-form__zoho .hc-submit:hover:not(:disabled) {
opacity: 0.9;
}
.rf-page-resifest .rf-form__zoho .hc-submit:disabled {
background: #dfdfdf;
color: #636362;
opacity: 1;
cursor: not-allowed;
}
.rf-page-resifest .rf-form__zoho .hc-form-status {
font-family: var(--rf-font-body);
font-size: 14px;
line-height: 20px;
color: #d32f2f;
}
.rf-page-resifest .rf-form__zoho .hc-form-success-message {
padding: 16px;
border-radius: 10px;
background: #e6f9ed;
color: #017c45;
font-family: var(--rf-font-body);
font-size: 14px;
line-height: 20px;
text-align: center;
}
.rf-page-resifest .rf-form__zoho .hc-form-spinner {
display: flex;
justify-content: center;
padding: 20px;
}