@font-face { font-family: "Banana Grotesk"; src: url(//bollonaturalfruit.com/wp-content/uploads/fonts/banana-grotesk-light-1.otf) format("opentype"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Banana Grotesk"; src: url(//bollonaturalfruit.com/wp-content/uploads/fonts/banana-grotesk-regular-1.otf) format("opentype"); font-weight: 400 500; font-display: swap; }
@font-face { font-family: "Banana Grotesk"; src: url(//bollonaturalfruit.com/wp-content/uploads/fonts/banana-grotesk-bold-1.otf) format("opentype"); font-weight: 600 700; font-display: swap; }
:root {
--ivg-negro: #1b1b1a;
--ivg-panel: #242423;
--ivg-gris-oscuro: #2c2c2c;
--ivg-dorado: #c39341;
--ivg-beige: #eae9df;
--ivg-texto: #d6d4ca;
--ivg-texto-suave: #a8a69c;
--ivg-placeholder: #8d8b82;
--ivg-gris-legal: #8f8c82;
--ivg-gris-contador: #6f6c64;
--ivg-linea: rgba(234, 233, 223, 0.22);
--ivg-linea-suave: rgba(234, 233, 223, 0.14);
--ivg-serif: "new-spirit-condensed", "new-spirit", Georgia, serif;
--ivg-sans: "Banana Grotesk", system-ui, sans-serif;
--ivg-inter: var(--ivg-sans);
--ivg-gutter: 20px;
--ivg-nav-alto: 64px;
--ivg-admin: 0px;
} .admin-bar.ivg {
--ivg-admin: 32px;
}
@media (max-width: 782px) {
.admin-bar.ivg {
--ivg-admin: 46px;
}
}
@media (max-width: 600px) {
.admin-bar.ivg {
--ivg-admin: 0px;
}
}  .ivg *,
.ivg *::before,
.ivg *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html:has(.ivg) {
scroll-behavior: smooth;
scroll-padding-top: calc(var(--ivg-nav-alto) + var(--ivg-admin));
}
.ivg {
margin: 0;
background: var(--ivg-negro);
color: var(--ivg-beige);
font-family: var(--ivg-sans);
font-weight: 300;
line-height: normal;
-webkit-font-smoothing: antialiased;
}
:where(.ivg) img {
display: block;
max-width: 100%;
}
:where(.ivg) a {
color: inherit;
text-decoration: none;
}
.ivg ul,
.ivg ol {
list-style: none;
}
.ivg :where(h1, h2, h3, h4, h5, h6, p, dt, dd, li, strong, legend) {
color: inherit;
font-weight: inherit;
line-height: inherit;
}
.ivg a:not([class]) {
color: inherit;
}
:where(.ivg) button {
font: inherit;
color: inherit;
background: none;
border: 0;
cursor: pointer;
}
:where(.ivg) :focus-visible {
outline: 2px solid var(--ivg-dorado);
outline-offset: 2px;
}
.ivg-dorado {
color: var(--ivg-dorado);
} .ivg-h2 {
font-family: var(--ivg-serif);
font-weight: 400;
font-size: 43.8px;
line-height: normal;
}
.ivg-h2 > span {
display: block;
line-height: 55px;
margin-bottom: -8.76px;
}
.ivg-h2 > span:last-child {
margin-bottom: 0;
} .ivg-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
min-height: 60px;
padding: 0 20px;
border-radius: 2px;
font-family: var(--ivg-sans);
font-weight: 400;
font-size: 17px;
line-height: 1.2;
text-align: center;
transition: background-color 0.2s, border-color 0.2s, opacity 0.2s;
}
.ivg-btn--dorado {
background: var(--ivg-dorado);
color: var(--ivg-negro);
}
.ivg-btn--dorado:hover {
background: #d1a355;
}
.ivg-btn--linea {
border: 1px solid rgba(234, 233, 223, 0.45);
color: var(--ivg-beige);
}
.ivg-btn--linea:hover {
border-color: var(--ivg-beige);
} .ivg-mas {
position: relative;
flex-shrink: 0;
width: 14px;
height: 14px;
}
.ivg-mas::before,
.ivg-mas::after {
content: "";
position: absolute;
background: currentColor;
transition: transform 0.25s;
}
.ivg-mas::before {
left: 0;
top: 6.5px;
width: 100%;
height: 1px;
}
.ivg-mas::after {
left: 6.5px;
top: 0;
width: 1px;
height: 100%;
}
[aria-expanded="true"] > .ivg-mas::after {
transform: rotate(90deg);
} .ivg-nav {
position: sticky;
top: var(--ivg-admin);
z-index: 50;
display: flex;
align-items: center;
justify-content: space-between;
height: var(--ivg-nav-alto);
padding: 0 var(--ivg-gutter);
background: rgba(27, 27, 26, 0.88);
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
border-bottom: 1px solid rgba(195, 147, 65, 0.18);
}
.ivg-nav__marca {
display: flex;
align-items: center;
gap: 10px;
}
.ivg-nav__wordmark {
width: 74px;
height: auto;
}
.ivg-nav__cta {
display: flex;
align-items: center;
height: 44px;
padding: 0 16px;
border: 1px solid var(--ivg-dorado);
border-radius: 2px;
font-family: var(--ivg-inter);
font-weight: 600;
font-size: 15px;
color: var(--ivg-dorado);
transition: background-color 0.2s, color 0.2s;
}
.ivg-nav__cta:hover {
background: var(--ivg-dorado);
color: var(--ivg-negro);
}  .ivg-hero {
position: relative;
display: flex;
flex-direction: column;
min-height: calc(100svh - var(--ivg-nav-alto) - var(--ivg-admin));
padding-bottom: 20px;
overflow: hidden;
}
.ivg-hero__top {
position: relative;
z-index: 2;
padding: 14px var(--ivg-gutter) 0;
}
.ivg-hero__titulo {
position: relative;
font-family: var(--ivg-serif);
font-weight: 400;
line-height: normal;
color: var(--ivg-beige);
}
.ivg-hero__titulo > span {
display: block;
font-size: 62px;
line-height: 68px;
margin-bottom: -13px;
}
.ivg-hero__titulo > span:nth-child(2) {
line-height: 73px;
}
.ivg-hero__titulo > span:last-child { font-size: min(49px, calc(13.2vw - 6px));
line-height: 60px;
margin-bottom: 0;
white-space: nowrap;
} .ivg-sello {
position: absolute;
right: calc(var(--ivg-gutter) - 8px);
top: 50px;
width: 123.266px;
height: 125.495px;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
transform: scale(0.8);
transform-origin: right top;
}
.ivg-sello__giro {
position: relative;
flex: none;
width: 96.833px;
height: 100.322px;
overflow: clip;
transform: rotate(18.15deg);
}
.ivg-sello__giro > span {
position: absolute;
}
.ivg .ivg-sello__giro img {
width: 100%;
height: 100%;
max-width: none;
}
.ivg-sello__grupo {
position: absolute;
inset: 16.01% 10.34% 4.67% 6.6%;
-webkit-mask-image: url(//bollonaturalfruit.com/wp-content/themes/bollo/landing-iv-gama/imgs/sello/mask-1.svg), url(//bollonaturalfruit.com/wp-content/themes/bollo/landing-iv-gama/imgs/sello/mask-2.svg);
mask-image: url(//bollonaturalfruit.com/wp-content/themes/bollo/landing-iv-gama/imgs/sello/mask-1.svg), url(//bollonaturalfruit.com/wp-content/themes/bollo/landing-iv-gama/imgs/sello/mask-2.svg);
-webkit-mask-position: 14.757px 6.705px, -1026.982px -678.055px;
mask-position: 14.757px 6.705px, -1026.982px -678.055px;
-webkit-mask-size: 76.834px 77.201px, 2111.892px 1594.67px;
mask-size: 76.834px 77.201px, 2111.892px 1594.67px;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-composite: source-in;
mask-composite: intersect;
}
.ivg .ivg-sello__grupo > img {
width: 100%;
height: 100%;
} .ivg-hero__img {
position: relative;
flex: 1 1 0;
min-height: 130px;
max-height: 340px;
margin-top: 4px;
}
.ivg-hero__img img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.ivg-hero__img::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, var(--ivg-negro) 0%, rgba(27, 27, 26, 0.75) 14%, rgba(27, 27, 26, 0.3) 30%, rgba(27, 27, 26, 0) 44%, rgba(27, 27, 26, 0) 50%, rgba(27, 27, 26, 0.85) 82%, var(--ivg-negro) 100%);
}
.ivg-hero__bottom {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 16px;
margin-top: -18px;
padding: 0 var(--ivg-gutter);
}
.ivg-hero__texto {
font-size: 15px;
line-height: 1.4;
color: var(--ivg-texto-suave);
}
.ivg-hero__negocio span {
display: block;
}
.ivg-hero__negocio {
font-family: var(--ivg-serif);
font-size: 36px;
line-height: 1.02;
color: var(--ivg-beige);
}
.ivg-hero__ctas {
display: flex;
flex-direction: column;
gap: 10px;
}
.ivg-hero__sellos {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
font-size: 12px;
color: var(--ivg-texto-suave);
} @media (max-width: 1023px) and (max-height: 620px) {
.ivg-hero__titulo > span {
font-size: 56px;
line-height: 62px;
margin-bottom: -12px;
}
.ivg-hero__titulo > span:nth-child(2) {
line-height: 66px;
}
.ivg-hero__titulo > span:last-child {
font-size: min(45px, calc(13.2vw - 6px));
line-height: 55px;
}
.ivg-sello {
top: 44px;
transform: scale(0.72);
}
.ivg-hero__img {
min-height: 110px;
}
.ivg-hero__negocio {
font-size: 31px;
}
} .ivg-canales {
padding: 48px 0 64px;
}
.ivg-canales .ivg-h2 > span {
white-space: nowrap;
}
.ivg-canales__intro {
display: flex;
flex-direction: column;
gap: 16px;
padding: 0 var(--ivg-gutter);
}
.ivg-canales__sub {
font-size: 17px;
line-height: 1.45;
color: var(--ivg-texto);
}
.ivg-canales__lista {
display: flex;
flex-direction: column;
gap: 14px;
margin-top: 28px;
padding: 0 var(--ivg-gutter);
}
.ivg-card {
display: grid;
grid-template-columns: 40% 1fr;
grid-template-areas:
"img cuerpo"
"acciones acciones";
background: var(--ivg-gris-oscuro);
border-radius: 2px;
overflow: hidden;
}
.ivg-card__img {
grid-area: img;
min-height: 150px;
}
.ivg-card__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ivg-card__cuerpo {
display: contents;
}
.ivg-card__titulo,
.ivg-card__texto {
grid-area: cuerpo;
padding: 0 16px;
}
.ivg-card__titulo {
align-self: start;
padding-top: 16px;
font-family: var(--ivg-serif);
font-weight: 400;
font-size: 38px;
line-height: 1;
color: var(--ivg-dorado);
}
.ivg-card__texto {
align-self: start;
margin-top: 56px;
padding-bottom: 16px;
font-size: 16px;
line-height: 1.4;
color: var(--ivg-beige);
}
.ivg-card__acciones {
grid-area: acciones;
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 14px 16px 16px;
}
.ivg-btn--card {
flex: 1 1 140px;
width: auto;
}
.ivg-card__pack {
flex: 1 1 100%;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 44px;
font-size: 16px;
color: var(--ivg-dorado);
text-decoration: underline;
text-underline-offset: 4px;
} .ivg-datos {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 33px;
padding-top: 71px;
margin-bottom: 21px;
}
.ivg-datos__fondo {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 420px;
}
.ivg-datos__fondo img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.45;
}
.ivg-datos__fondo::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(27, 27, 26, 0.4), var(--ivg-negro));
}
.ivg-datos__contenido {
position: relative;
display: flex;
flex-direction: column;
gap: 36px;
width: 100%;
padding: 0 var(--ivg-gutter);
}
.ivg-cifras {
display: grid;
grid-template-columns: 1fr 1fr;
border-top: 1px solid var(--ivg-dorado);
}
.ivg-cifras__item {
display: flex;
flex-direction: column;
gap: 8px;
padding: 19px 12px 21px 0;
}
.ivg-cifras__item:nth-child(-n + 2) {
border-bottom: 1px solid var(--ivg-linea-suave);
}
.ivg-cifras__item:nth-child(even) {
padding-left: 17px;
padding-right: 0;
border-left: 1px solid var(--ivg-linea-suave);
}
.ivg-cifras dt {
font-weight: 700;
font-size: 60px;
line-height: 36.85px;
padding-bottom: 0.84px;
color: var(--ivg-dorado);
}
.ivg-cifras dd {
font-size: 15px;
color: var(--ivg-beige);
}
.ivg-cifras__item--sm {
padding-bottom: 0;
}
.ivg-cifras__item--sm dt {
font-size: 29px;
}
.ivg-cifras__item--sm dd {
font-size: 15px;
line-height: 18.9px;
}
.ivg-cortijo {
position: relative;
display: flex;
flex-direction: column;
gap: 14px;
width: calc(100% - 2 * var(--ivg-gutter));
padding: 28px 0 24px;
background: var(--ivg-panel);
border-radius: 2px;
}
.ivg-cortijo__titulo {
padding: 0 22px;
font-family: var(--ivg-serif);
font-weight: 400;
font-size: 34px;
line-height: 34px;
}
.ivg-cortijo__texto {
padding: 0 22px;
font-size: 16px;
line-height: 1.45;
color: var(--ivg-texto);
}
.ivg-cortijo__cifras {
display: flex;
gap: 8px;
padding: 10px 22px 0;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-padding: 0 22px;
scrollbar-width: none;
}
.ivg-cortijo__cifras::-webkit-scrollbar {
display: none;
}
.ivg-cortijo__cifras li {
flex: 0 0 auto;
min-width: 168px;
display: flex;
flex-direction: column;
gap: 6px;
padding: 18px 16px;
background: var(--ivg-dorado);
border-radius: 2px;
color: var(--ivg-beige);
white-space: nowrap;
scroll-snap-align: start;
}
.ivg-cortijo__cifras strong {
font-weight: 700;
font-size: 30px;
line-height: 32.3px;
}
.ivg-cortijo__cifras span {
font-size: 14px;
} .ivg-dif {
display: flex;
flex-direction: column;
gap: 19.1px;
padding: 64px var(--ivg-gutter);
margin-bottom: 16px;
background: var(--ivg-beige);
color: var(--ivg-negro);
}
.ivg-dif__titulo {
line-height: 44.16px;
}
.ivg-dif__texto {
font-size: 17px;
line-height: 1.45;
color: #3a3934;
}
.ivg-dif__img {
aspect-ratio: 350 / 271.4;
padding-top: 8.9px;
border-radius: 2px;
overflow: hidden;
}
.ivg-dif__img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ivg-acordeon {
padding-top: 8.9px;
border-bottom: 1px solid rgba(27, 27, 26, 0.22);
}
.ivg-acordeon__item {
border-top: 1px solid rgba(27, 27, 26, 0.22);
}
.ivg-acordeon__btn {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
width: 100%;
min-height: 64px;
padding: 18.35px 0;
font-family: var(--ivg-serif);
font-size: 29.8px;
line-height: 27.3px;
text-align: left;
color: var(--ivg-negro);
}
.ivg-acordeon__panel {
padding: 0 32px 22px 0;
font-size: 16px;
line-height: 1.45;
color: #5e5b53;
} .ivg-prueba {
display: flex;
flex-direction: column;
gap: 28px;
padding: 56px var(--ivg-gutter) 64px;
border-top: 1px solid rgba(234, 233, 223, 0.12);
}
.ivg-prueba__intro,
.ivg-prueba__form {
display: flex;
flex-direction: column;
gap: 24px;
}
.ivg-prueba__titulo {
font-family: var(--ivg-serif);
font-weight: 400;
font-size: 46px;
line-height: normal;
}
.ivg-prueba__titulo > span {
display: block;
line-height: 58px;
}
.ivg-prueba__titulo > span:first-child {
margin-bottom: -9px;
}
.ivg-prueba__texto {
font-size: 17px;
line-height: 1.45;
color: var(--ivg-texto);
}
.ivg-despues {
display: flex;
flex-direction: column;
gap: 14px;
}
.ivg-despues__titulo {
font-family: var(--ivg-serif);
font-size: 28px;
line-height: 1.1;
color: var(--ivg-beige);
}
.ivg-pasos {
display: flex;
flex-direction: column;
gap: 12px;
}
.ivg-pasos li {
position: relative;
padding-left: 36px;
font-size: 17px;
line-height: 1.4;
color: var(--ivg-texto);
}
.ivg-pasos li::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
border-radius: 50%;
background: var(--ivg-dorado) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 12.4l3.2 3.2L17 8.8' fill='none' stroke='%231b1b1a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 24px no-repeat;
} .ivg-prueba .ivg-prueba__form {
gap: 18px;
padding: 24px 20px;
background: var(--ivg-panel);
border-radius: 2px;
}
.ivg-prueba__form .frm-fluent-form {
display: flex;
flex-direction: column;
gap: 18px;
}
.ivg-form__nota {
font-size: 14px;
text-align: center;
color: var(--ivg-texto-suave);
}
.ivg-prueba__form .ff_form_success ~ .ivg-form__nota,
.ivg-prueba__form:has(.ff-message-success) .ivg-form__nota {
display: none;
}
.ivg-prueba__form .frm-fluent-form > fieldset {
display: contents;
}
.ivg-prueba__form .ff_screen_reader_title {
position: absolute !important;
}
.ivg-prueba__form .ff-el-group {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
margin: 0;
}
.ivg-prueba__form .ff-el-input--label label {
font-size: 14px;
color: var(--ivg-texto);
}
.ivg-prueba__form .ff-el-is-required label::after {
content: " *";
}
.ivg-prueba__form .ff-el-form-control {
width: 100%;
height: 54px;
padding: 0 14px;
background: var(--ivg-negro);
border: 1px solid var(--ivg-linea);
border-radius: 2px;
font-family: var(--ivg-sans);
font-weight: 300;
font-size: 17px;
color: var(--ivg-beige);
transition: border-color 0.2s;
}
.ivg-prueba__form select.ff-el-form-control {
padding-right: 40px;
appearance: none;
-webkit-appearance: none;
background: var(--ivg-negro) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23c39341' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 16px center / 12px 8px;
}
.ivg-prueba__form .ff-el-form-control::placeholder {
color: var(--ivg-placeholder);
opacity: 1;
}
.ivg-prueba__form .ff-el-form-control:focus {
outline: none;
border-color: var(--ivg-dorado);
} .ivg-prueba__form .ff-el-form-check {
margin: 0;
}
.ivg-prueba__form .ff-el-form-check-label {
position: relative;
display: block;
cursor: pointer;
}
.ivg-prueba__form .ff-el-form-check-radio {
position: absolute;
opacity: 0;
pointer-events: none;
}
.ivg-chips .ff-el-input--content {
display: flex;
flex-wrap: wrap;
gap: 8px 6px;
}
.ivg-chips .ff-el-form-check-label span {
display: block;
padding: 11px 16px;
border: 1px solid rgba(234, 233, 223, 0.3);
border-radius: 100px;
font-size: 16px;
color: var(--ivg-beige);
transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.ivg-chips input:checked + span {
background: var(--ivg-dorado);
border-color: var(--ivg-dorado);
color: var(--ivg-negro);
}
.ivg-opciones .ff-el-input--content {
display: flex;
flex-direction: column;
gap: 8px;
}
.ivg-opciones .ff-el-form-check-label span {
display: block;
padding: 15px 14px 15px 42px;
background: var(--ivg-negro);
border: 1px solid var(--ivg-linea);
border-radius: 2px;
font-size: 16px;
line-height: 1.3;
color: var(--ivg-beige);
transition: border-color 0.2s, background-color 0.2s;
}
.ivg-opciones .ff-el-form-check-label span::before {
content: "";
position: absolute;
left: 14px;
top: 50%;
width: 14px;
height: 14px;
margin-top: -7px;
border: 1px solid var(--ivg-beige);
border-radius: 50%;
}
.ivg-opciones input:checked + span {
border-color: var(--ivg-dorado);
}
.ivg-opciones input:checked + span::before {
border-color: var(--ivg-dorado);
background: radial-gradient(circle, var(--ivg-dorado) 0 3.5px, transparent 4px);
}
.ivg-prueba__form .ff-el-form-check-radio:focus-visible + span {
outline: 2px solid var(--ivg-dorado);
outline-offset: 2px;
} .ivg-check .ff_tc_label {
display: flex;
align-items: flex-start;
gap: 12px;
font-size: 14px;
line-height: 1.45;
color: var(--ivg-texto);
cursor: pointer;
}
.ivg-check .ff_tc_checkbox {
display: flex;
flex-shrink: 0;
}
.ivg-check .ff-el-form-check-input {
width: 22px;
height: 22px;
margin: 0;
border: 1px solid var(--ivg-dorado);
border-radius: 2px;
background: transparent;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
}
.ivg-check .ff-el-form-check-input:checked {
background: var(--ivg-dorado) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.5 9.2l3 3 6-6.4' fill='none' stroke='%231b1b1a' stroke-width='1.6'/%3E%3C/svg%3E") center / 22px no-repeat;
}
.ivg-check .ff-el-form-check-input:focus-visible {
outline: 2px solid var(--ivg-dorado);
outline-offset: 2px;
}
.ivg-check a {
text-decoration: underline;
} .ivg-prueba__form .ff_submit_btn_wrapper {
margin: 0;
}
.ivg-prueba__form .ff-btn-submit {
width: 100%;
padding-right: 28px;
border: 0;
cursor: pointer;
background: var(--ivg-dorado) url(//bollonaturalfruit.com/wp-content/themes/bollo/landing-iv-gama/imgs/iconos/flecha-form.svg) no-repeat calc(50% + 66px) center / 16px 16px;
-webkit-appearance: none;
}
.ivg-prueba__form .ff-btn-submit:hover {
background-color: #d1a355;
}
.ivg-prueba__form .ff-btn-submit:disabled,
.ivg-prueba__form .ff-working .ff-btn-submit {
opacity: 0.6;
cursor: default;
}
.ivg-prueba__form .ff-loading-overlay,
.ivg-prueba__form .ff_btn_loading {
display: none;
} .ivg-prueba__form .ff-el-is-error .ff-el-form-control,
.ivg-prueba__form .ff-el-is-error .ff-el-form-check-label span,
.ivg-prueba__form .ff-el-is-error .ff-el-form-check-input {
border-color: #d9674a;
}
.ivg-prueba__form .error.text-danger {
margin-top: 2px;
font-size: 14px;
color: #d9674a;
}
.ivg-prueba__form .ff-errors-in-stack {
font-size: 13px;
color: #d9674a;
}
.ivg-prueba__form .ff-errors-in-stack:empty {
display: none;
}
.ivg-prueba__form .ff-message-success {
padding: 8px 0;
border-radius: 2px;
font-size: 15px;
line-height: 1.5;
color: var(--ivg-beige);
}
.ivg-prueba__form .ff-message-success strong {
display: block;
margin-bottom: 6px;
font-family: var(--ivg-serif);
font-weight: 400;
font-size: 30px;
color: var(--ivg-dorado);
}
.ivg-prueba__form .ff-hidden {
display: none;
}
.ivg-aviso-admin {
padding: 12px 14px;
border: 1px dashed #d9674a;
font-size: 13px;
color: #d9674a;
} .ivg-footer {
display: flex;
flex-direction: column;
padding: 47px var(--ivg-gutter) 49px;
border-top: 1px solid rgba(195, 147, 65, 0.25);
}
.ivg-footer__logo {
width: 205px;
height: auto;
}
.ivg-footer__claim {
margin-top: 26px;
font-family: var(--ivg-serif);
font-size: 52.5px;
line-height: 51.52px;
color: var(--ivg-beige);
}
.ivg-footer__links {
margin-top: 29px;
border-top: 1px solid var(--ivg-linea-suave);
}
.ivg-footer__links a {
display: flex;
align-items: center;
min-height: 49px;
border-bottom: 1px solid var(--ivg-linea-suave);
font-family: var(--ivg-inter);
font-weight: 500;
font-size: 14.9px;
color: var(--ivg-texto);
transition: color 0.2s;
}
.ivg-footer__links a:hover {
color: var(--ivg-dorado);
}
.ivg-footer__legal {
margin-top: 28px;
font-family: var(--ivg-sans);
font-size: 13px;
line-height: 1.5;
color: var(--ivg-gris-legal);
}
.ivg-footer__legal ul {
display: flex;
flex-wrap: wrap;
gap: 4px 18px;
}
.ivg-footer__legal a {
display: inline-block;
padding-block: 6px;
color: inherit;
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.2s;
}
.ivg-footer__legal a:hover {
color: var(--ivg-dorado);
}
.ivg-footer__legal p {
margin-top: 10px;
} .ivg-clave {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
padding: 40px var(--ivg-gutter);
}
.ivg-clave__caja {
display: flex;
flex-direction: column;
gap: 24px;
width: 100%;
max-width: 420px;
padding: 40px 28px;
background: var(--ivg-panel);
border-radius: 2px;
text-align: center;
}
.ivg-clave__caja > img {
margin: 0 auto;
}
.ivg-clave__titulo {
font-family: var(--ivg-serif);
font-size: 44px;
line-height: 1.05;
color: var(--ivg-beige);
}
.ivg-clave form,
.ivg-clave form p {
display: flex;
flex-direction: column;
gap: 16px;
font-size: 14px;
color: var(--ivg-texto);
}
.ivg-clave label {
display: flex;
flex-direction: column;
gap: 8px;
font-size: 12px;
text-align: left;
}
.ivg-clave input[type="password"] {
width: 100%;
height: 48px;
padding: 0 14px;
background: var(--ivg-negro);
border: 1px solid var(--ivg-linea);
border-radius: 2px;
font: inherit;
font-size: 15px;
color: var(--ivg-beige);
}
.ivg-clave input[type="password"]:focus {
outline: none;
border-color: var(--ivg-dorado);
}
.ivg-clave input[type="submit"],
.ivg-clave button[type="submit"] {
width: 100%;
height: 56px;
background: var(--ivg-dorado);
border: 0;
border-radius: 2px;
font: inherit;
font-size: 15px;
color: var(--ivg-negro);
cursor: pointer;
} .ivg-visor {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
margin: 0;
padding: 0;
border: 0;
background: #111110;
color: var(--ivg-beige);
}
.ivg-visor[open] {
display: flex;
flex-direction: column;
}
.ivg-visor::backdrop {
background: rgba(17, 17, 16, 0.92);
}
html:has(.ivg-visor[open]) {
overflow: hidden;
}
.ivg-visor__barra {
display: flex;
align-items: center;
gap: 12px;
min-height: 64px;
padding: 8px 8px 8px var(--ivg-gutter);
background: var(--ivg-negro);
border-bottom: 1px solid rgba(195, 147, 65, 0.25);
}
.ivg-visor__titulo {
flex: 1;
min-width: 0;
overflow: hidden;
font-family: var(--ivg-serif);
font-size: 22px;
line-height: 1.1;
text-overflow: ellipsis;
white-space: nowrap;
}
.ivg-visor__pdf {
display: flex;
align-items: center;
gap: 8px;
height: 44px;
padding: 0 14px;
border: 1px solid rgba(234, 233, 223, 0.45);
border-radius: 2px;
font-size: 15px;
white-space: nowrap;
}
.ivg-visor__pdf[hidden] {
display: none;
}
.ivg-visor__pdf:hover {
border-color: var(--ivg-beige);
}
.ivg-visor__cerrar {
position: relative;
flex: none;
width: 48px;
height: 48px;
}
.ivg-visor__cerrar::before,
.ivg-visor__cerrar::after {
content: "";
position: absolute;
left: 13px;
top: 23px;
width: 22px;
height: 1.6px;
background: var(--ivg-beige);
transform: rotate(45deg);
}
.ivg-visor__cerrar::after {
transform: rotate(-45deg);
}
.ivg-visor__paginas {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
padding: 12px;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
}
.ivg-visor__paginas img {
width: 100%;
max-width: 1100px;
height: auto;
background: #2c2c2c;
}
@media (max-width: 599px) {
.ivg-visor__pdf span {
display: none;
}
} @media (min-width: 600px) and (max-width: 1023px) {
.ivg-nav,
.ivg main,
.ivg-footer {
max-width: 480px;
margin-inline: auto;
}
.ivg {
background: #111110;
}
.ivg main,
.ivg-footer,
.ivg-nav {
background-color: var(--ivg-negro);
}
} @media (min-width: 1024px) {
.ivg {
--ivg-gutter: max(40px, calc((100% - 1200px) / 2));
--ivg-nav-alto: 80px;
} .ivg-nav__marca img:first-child {
width: 41px;
height: 41px;
}
.ivg-nav__wordmark {
width: 89px;
} .ivg-hero {
justify-content: center;
gap: 28px;
min-height: max(680px, calc(100svh - var(--ivg-nav-alto) - var(--ivg-admin)));
padding: 64px var(--ivg-gutter);
}
.ivg-hero__img {
position: absolute;
inset: 0;
z-index: 0;
max-height: none;
margin: 0;
}
.ivg-hero__img::after {
background:
linear-gradient(90deg, rgba(27, 27, 26, 0.92) 0%, rgba(27, 27, 26, 0.8) 36%, rgba(27, 27, 26, 0.3) 60%, rgba(27, 27, 26, 0) 85%),
linear-gradient(180deg, rgba(27, 27, 26, 0.35) 0%, rgba(27, 27, 26, 0) 14%, rgba(27, 27, 26, 0) 78%, var(--ivg-negro) 100%);
}
.ivg-hero__top {
align-self: flex-start;
padding: 0;
}
.ivg-hero__titulo > span {
font-size: 108.62px;
line-height: 119.25px;
margin-bottom: -23.61px;
}
.ivg-hero__titulo > span:nth-child(2) {
line-height: 129px;
}
.ivg-hero__titulo > span:last-child {
font-size: 85px;
line-height: 105.85px;
}
.ivg-sello {
left: calc(100% + 24px);
right: auto;
top: auto;
bottom: 8px;
transform: scale(1.35);
transform-origin: left bottom;
}
.ivg-hero__bottom {
gap: 24px;
width: 700px;
margin: 0;
padding: 0;
}
.ivg-hero__bottom::before {
content: "";
height: 1px;
background: var(--ivg-dorado);
}
.ivg-hero__texto {
width: 500px;
font-size: 18px;
}
.ivg-hero__negocio {
font-size: 52px;
}
.ivg-hero__ctas {
flex-direction: row;
gap: 12px;
}
.ivg-hero__ctas .ivg-btn {
width: auto;
white-space: nowrap;
min-height: 64px;
padding: 0 28px;
font-size: 18px;
} .ivg-canales {
padding: 104px var(--ivg-gutter) 120px;
}
.ivg-canales__intro {
display: grid;
grid-template-columns: 1fr 420px;
align-items: end;
column-gap: 64px;
padding: 0;
}
.ivg-canales .ivg-h2 {
font-size: 61.32px;
}
.ivg-canales .ivg-h2 > span {
line-height: 72px;
margin-bottom: -10px;
}
.ivg-canales__sub {
font-size: 18px;
}
.ivg-canales__lista {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-top: 56px;
padding: 0;
}
.ivg-card {
grid-template-columns: 44% 1fr;
}
.ivg-card__img {
min-height: 260px;
}
.ivg-card__titulo,
.ivg-card__texto {
padding: 0 28px;
}
.ivg-card__titulo {
padding-top: 28px;
font-size: 52px;
}
.ivg-card__texto {
margin-top: 92px;
padding-bottom: 24px;
font-size: 18px;
}
.ivg-card__acciones {
padding: 20px 28px 24px;
} .ivg-datos {
gap: 72px;
padding: 120px var(--ivg-gutter);
margin-bottom: 0;
}
.ivg-datos__fondo {
height: 640px;
}
.ivg-datos__contenido {
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
gap: 40px;
padding: 0;
}
.ivg-datos .ivg-h2 {
font-size: 61.32px;
}
.ivg-datos .ivg-h2 > span {
line-height: 77px;
margin-bottom: -12.26px;
}
.ivg-cifras {
flex: 0 0 560px;
}
.ivg-cifras__item {
gap: 12.8px;
padding: 30.4px 19.2px 33.6px 0;
}
.ivg-cifras__item:nth-child(even) {
padding-left: 27.2px;
padding-right: 0;
}
.ivg-cifras dt {
font-size: 96px;
line-height: 58.96px;
padding-bottom: 1.3px;
}
.ivg-cifras dd {
font-size: 20.8px;
}
.ivg-cifras__item--sm {
padding-bottom: 0;
}
.ivg-cifras__item--sm dt {
font-size: 46.4px;
}
.ivg-cifras__item--sm dd {
font-size: 21.6px;
line-height: 30.24px;
}
.ivg-cortijo {
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
column-gap: 64px;
row-gap: 0;
width: 100%;
padding: 56px;
}
.ivg-cortijo__titulo,
.ivg-cortijo__texto {
grid-column: 1;
padding: 0;
}
.ivg-cortijo__titulo {
font-size: 45.9px;
line-height: 45.9px;
}
.ivg-cortijo__texto {
max-width: 440px;
margin-top: 20px;
font-size: 18px;
}
.ivg-cortijo__titulo {
align-self: end;
}
.ivg-cortijo__texto {
align-self: start;
}
.ivg-cortijo__cifras {
grid-column: 2;
grid-row: 1 / span 2;
display: grid;
grid-template-columns: repeat(2, 218px);
gap: 12px;
padding: 0;
overflow: visible;
}
.ivg-cortijo__cifras li {
min-width: 0;
gap: 7.8px;
padding: 23.4px 20.8px;
}
.ivg-cortijo__cifras strong {
font-size: 39px;
line-height: 42px;
}
.ivg-cortijo__cifras span {
font-size: 16.4px;
} .ivg-dif {
display: grid;
grid-template-columns: 560px 1fr;
align-content: center;
column-gap: 80px;
row-gap: 28px;
padding: 120px var(--ivg-gutter);
margin-bottom: 0;
}
.ivg-dif__titulo,
.ivg-dif__texto,
.ivg-dif__img {
grid-column: 1;
}
.ivg-dif__titulo {
font-size: 61.32px;
line-height: 61.82px;
}
.ivg-dif__texto {
max-width: 500px;
font-size: 18px;
}
.ivg-dif__img {
aspect-ratio: 560 / 420;
padding-top: 0;
}
.ivg-acordeon {
grid-column: 2;
grid-row: 1 / span 3;
align-self: center;
padding-top: 10.2px;
}
.ivg-acordeon__btn {
min-height: 73.6px;
padding: 21.1px 0;
font-size: 34.27px;
line-height: 31.4px;
}
.ivg-acordeon__btn .ivg-mas {
width: 16px;
height: 16px;
}
.ivg-acordeon__btn .ivg-mas::before {
top: 7.5px;
}
.ivg-acordeon__btn .ivg-mas::after {
left: 7.5px;
}
.ivg-acordeon__panel {
padding: 0 37px 25px 0;
font-size: 17px;
} .ivg-prueba {
display: grid;
grid-template-columns: 480px 1fr;
grid-template-areas: "intro form";
align-items: start;
column-gap: 96px;
row-gap: 28px;
padding: 104px var(--ivg-gutter) 120px;
}
.ivg-prueba__intro {
grid-area: intro;
gap: 28px;
}
.ivg-prueba__form {
grid-area: form;
}
.ivg-prueba__titulo {
font-size: 62.1px;
}
.ivg-prueba__titulo > span {
line-height: 78.3px;
}
.ivg-prueba__titulo > span:first-child {
margin-bottom: -12.15px;
}
.ivg-prueba__texto {
max-width: 500px;
font-size: 18px;
}
.ivg-despues__titulo {
font-size: 32px;
}
.ivg-pasos li {
font-size: 18px;
}
.ivg-prueba .ivg-prueba__form {
gap: 22px;
padding: 40px;
}
.ivg-prueba__form .frm-fluent-form {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 16px;
row-gap: 22px;
}
.ivg-prueba__form .frm-fluent-form fieldset > * {
grid-column: 1 / -1;
} .ivg-prueba__form .frm-fluent-form fieldset > .ivg-campo:not(.ivg-chips):not(.ivg-opciones) {
grid-column: auto;
} .ivg-footer {
display: grid;
grid-template-columns: 1fr 420px;
grid-template-rows: auto 1fr auto;
column-gap: 40px;
padding: 96px var(--ivg-gutter) 72px;
}
.ivg-footer__logo {
grid-column: 1;
grid-row: 1;
width: 246px;
}
.ivg-footer__claim {
grid-column: 1;
grid-row: 2 / span 2;
margin-top: 32px;
font-size: 73.5px;
line-height: 72.13px;
}
.ivg-footer__links {
grid-column: 2;
grid-row: 1 / span 2;
align-self: end;
margin-top: 0;
}
.ivg-footer__legal {
grid-column: 2;
grid-row: 3;
align-self: end;
}
} @media (min-width: 1024px) and (max-height: 860px) {
.ivg-hero {
gap: 20px;
padding: 40px var(--ivg-gutter);
}
.ivg-hero__titulo > span {
font-size: 88px;
line-height: 96px;
margin-bottom: -19px;
}
.ivg-hero__titulo > span:nth-child(2) {
line-height: 104px;
}
.ivg-hero__titulo > span:last-child {
font-size: 69px;
line-height: 86px;
}
.ivg-sello {
transform: scale(1.1);
}
.ivg-hero__bottom {
gap: 18px;
}
.ivg-hero__negocio {
font-size: 44px;
}
} @keyframes ivg-entra {
from { opacity: 0; transform: translateY(16px); }
to { opacity: 1; transform: none; }
}
@keyframes ivg-sello-entra {
from { opacity: 0; }
to { opacity: 1; }
} .ivg-hero__titulo > span,
.ivg-hero__texto,
.ivg-hero__negocio {
animation: ivg-entra 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.ivg-hero__titulo > span:nth-child(2) { animation-delay: 0.05s; }
.ivg-hero__titulo > span:nth-child(3) { animation-delay: 0.1s; }
.ivg-hero__texto { animation-delay: 0.12s; }
.ivg-hero__negocio { animation-delay: 0.15s; }
.ivg-sello {
animation: ivg-sello-entra 0.6s ease 0.2s both;
} .ivg-revela {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: var(--ivg-retardo, 0s);
}
.ivg-revela.is-visible {
opacity: 1;
transform: none;
} @media (hover: hover) and (pointer: fine) {
.ivg-card__img {
overflow: hidden;
}
.ivg-card__img img {
transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.ivg-card:hover .ivg-card__img img {
transform: scale(1.05);
}
.ivg-btn img,
.ivg-card__pack img {
transition: transform 0.25s ease;
}
.ivg-btn:hover img[src*="flecha"],
.ivg-card__pack:hover img {
transform: translateX(4px);
}
}
@media (prefers-reduced-motion: reduce) {
html:has(.ivg) {
scroll-behavior: auto;
}
.ivg *,
.ivg *::before,
.ivg *::after {
transition: none !important;
animation: none !important;
}
.ivg-revela {
opacity: 1;
transform: none;
}
}