(JENGIBRE, CÚRCUMA, MANGO, ARÁNDANO, PALTA, ESPARRAGO Y UVA) SOMOS LOS PROVEEDORES MÁS FIABLES DE FRUTAS Y VERDURAS
.scroll-down {
position: absolute;
bottom: -160px; /* 200px más abajo que el original */
left: 50%;
transform: translateX(-50%);
width: 50px;
height: 50px;
background: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
animation: bounce 2s ease infinite;
transition: transform 0.3s ease, box-shadow 0.3s ease;
cursor: default; /* no muestra la manito de link */
}
.scroll-down:hover {
transform: translateX(-50%) translateY(-10px) scale(1.2);
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
.scroll-down svg {
width: 22px;
height: 22px;
transition: transform 0.3s ease;
}
.scroll-down:hover svg {
transform: scale(1.1);
}
@keyframes bounce {
0%, 100% {
transform: translateX(-50%) translateY(0);
}
50% {
transform: translateX(-50%) translateY(-15px);
}
}
¿Quiénes somos?
OML Europe bv es una empresa importadora con sede en los Países Bajos, especializada en la distribución de productos frescos —tanto orgánicos como convencionales— con un enfoque principal en jengibre y cúrcuma, así como también granada, palta, cítricos, espárrago y uvas.
Conoce más
Compromiso económico
Compromiso Social
Compromiso ambiental
/* ===== BASE ===== */
#quienes-somos{
–accent:#ff6700;
–purple:#2e0854;
font-family:”Inter”, Arial, sans-serif;
padding:60px 20px;
background:#fff;
position:relative;
overflow:hidden;
}
.qs-wrap{
max-width:1200px;
margin:0 auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:40px;
position:relative;
z-index:2;
}
/* ===== Izquierda ===== */
.qs-left{ flex:1; }
.qs-left h2{
font-size:34px;
font-weight:700;
color:var(–purple);
margin:0 0 10px;
}
.qs-line{
width:40px;
height:3px;
background:var(–accent);
margin:16px 0;
}
.qs-left p{
color:#1f2937;
line-height:1.6;
margin-bottom:24px;
}
.qs-btn{
background:var(–accent);
color:#fff;
text-decoration:none;
font-weight:600;
padding:12px 24px;
border-radius:6px;
display:inline-block;
transition:.3s;
}
.qs-btn:hover{ background:#7daa19; }
/* ===== Derecha (tarjetas con sombra y desnivel) ===== */
.qs-right{
flex:1.2;
display:flex;
gap:30px;
justify-content:center;
align-items:flex-start;
}
.qs-card{
flex:1;
position:relative;
border-radius:14px;
}
.qs-card img{
width:100%;
height:320px;
object-fit:cover;
display:block;
border-radius:14px;
position:relative;
z-index:2;
}
.qs-card span{
position:absolute;
bottom:10px;
left:10px;
color:#fff;
font-weight:600;
text-shadow:0 2px 6px rgba(0,0,0,.6);
z-index:3;
}
/* ===== EFECTO DE COLORES DETRÁS ===== */
.qs-card .qs-bg{
position:absolute;
top:12px; /* desplazamiento */
left:12px;
width:100%;
height:100%;
border-radius:14px;
z-index:1;
}
.qs-card.c1 .qs-bg{ background:#1da1f2; } /* Azul */
.qs-card.c2 .qs-bg{ background:#2bb13b; } /* Morado */
.qs-card.c3 .qs-bg{ background:#f4b400; } /* Amarillo */
/* DESNIVEL */
.qs-card.c2{ margin-top:40px; } /* Segunda tarjeta más abajo */
/* ===== Hojas flotantes ===== */
.leaf{
position:absolute;
width:90px;
opacity:.9;
z-index:1;
}
.leaf1{
top:30px;
left:45%;
animation: float 8s ease-in-out infinite;
}
.leaf2{
bottom:40px;
right:20%;
animation: float2 10s ease-in-out infinite;
}
@keyframes float{
0%,100%{ transform:translateY(0) rotate(0deg);}
50%{ transform:translateY(-25px) rotate(6deg);}
}
@keyframes float2{
0%,100%{ transform:translateY(0) rotate(0deg);}
50%{ transform:translateY(30px) rotate(-8deg);}
}
/* ===== Responsive ===== */
@media(max-width:900px){
.qs-wrap{ flex-direction:column; text-align:center; }
.qs-right{ flex-direction:column; }
.qs-card img{ height:260px; }
.qs-card{ margin-top:0 !important; }
.qs-left h2{ font-size:28px; }
.leaf{ width:60px; }
}
DEL CAMPO A EUROPA CONECTANDO ORÍGENES, TRANSFORMANDO VIDAS OML Europe impulsa el desarrollo rural y fomenta la biodiversidad, llevando a los mercados europeos productos frescos, naturales y orgánicos como jengibre, cúrcuma, granada, palta, cítricos, espárrago y uvas.
<div class="video-content" id="video-content" data-settings="{"videoStyleOptions":"popup","videoType":"youtube","playerControl":true,"isAutoPlay":false,"isVideoMute":true,"isVideoLoop":false,"isPlayOnMobile":true,"isImageOverlay":false,"overlayPlayIcon":false,"overlayLightbox":false,"videoStartTime":0,"videoEndTime":"","isIntroTitle":false,"isIntroPortrait":false,"isIntroByLine":false,"getYoutubeVideoId":"KGjkBw9RPzg","videoPreLoad":"auto","selfVideoURL":"https://omlamerica.com/wp-content/uploads/2025/08/IMG_3293.mov","isDownloadButton":true,"isPlayerControlsEnabled":true,"gkitVideoCloseButtonIcon":{"title":"cross","src":"<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M17.131 16.8l9.034-9.034c0.312-0.312 0.312-0.819 0-1.131s-0.819-0.312-1.131 0l-9.034 9.034-9.034-9.034c-0.312-0.312-0.819-0.312-1.131 0s-0.312 0.819 0 1.131l9.034 9.034-9.034 9.034c-0.312 0.312-0.312 0.819 0 1.131 0.156 0.156 0.361 0.234 0.566 0.234s0.409-0.078 0.566-0.234l9.034-9.034 9.034 9.034c0.156 0.156 0.361 0.234 0.566 0.234s0.409-0.078 0.566-0.234c0.312-0.312 0.312-0.819 0-1.131l-9.034-9.034z"></path>
Flip Cards 3D con Carrusel – OML
.oml-flip {
–flip-w: 340px;
–flip-h: 420px;
–flip-radius: 14px;
–flip-duration: .8s;
–flip-shadow: 0 12px 30px rgba(0, 0, 0, .18);
–flip-back-1: #1e73be;
–flip-back-2: #0d4d8c;
–ff: “Inter”, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
–text: #0f172a;
–muted: #64748b;
–cta-bg: #EF6610;
–cta-bg-h: #d4570a;
}
.oml-flip, .oml-flip * {
box-sizing: border-box;
}
.oml-flip {
font-family: var(–ff);
color: var(–text);
}
.oml-flip .flip-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 16px;
justify-items: center;
}
.oml-flip .flip-card {
position: relative;
width: min(100%, var(–flip-w)) !important;
height: var(–flip-h) !important;
perspective: 1000px;
-webkit-perspective: 1000px;
}
.oml-flip .flip-card-inner {
position: relative;
width: 100%;
height: 100%;
border-radius: var(–flip-radius);
box-shadow: var(–flip-shadow);
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transition: transform var(–flip-duration) ease;
-webkit-transition: -webkit-transform var(–flip-duration) ease;
will-change: transform;
background: #e5e7eb;
}
.oml-flip .flip-face {
position: absolute;
inset: 0;
border-radius: var(–flip-radius);
overflow: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.oml-flip .flip-front {
display: grid;
place-items: center;
z-index: 1;
transform: translateZ(0);
}
.oml-flip .flip-front img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block;
}
.oml-flip .flip-back {
transform: rotateY(180deg) translateZ(1px);
-webkit-transform: rotateY(180deg) translateZ(1px);
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 26px;
background: linear-gradient(145deg, var(–flip-back-1), var(–flip-back-2));
color: #fff;
gap: 10px;
z-index: 2;
}
.oml-flip .flip-back h3 {
color: #ffffff !important;
font-size: 22px;
margin: 0 0 8px;
line-height: 1.25;
font-weight: 800;
letter-spacing: .2px;
}
.oml-flip .flip-back p {
color: #ffffff !important;
opacity: .92;
margin: 0 0 16px;
font-size: 14px;
}
.oml-flip .btn {
display: inline-block;
padding: 10px 16px;
border-radius: 999px;
background: var(–cta-bg);
color: #fff;
font-weight: 700;
text-decoration: none;
transition: transform .2s ease, background .2s ease;
}
.oml-flip .btn:hover {
transform: translateY(-1px);
background: var(–cta-bg-h);
}
.oml-flip .flip-card:hover .flip-card-inner,
.oml-flip .flip-card.is-flipped .flip-card-inner {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
}
.oml-flip .flip-card:hover .flip-card-inner {
box-shadow: 0 18px 36px rgba(0, 0, 0, .22);
}
.oml-flip .flip-card-btn {
margin-top: 8px;
font-size: 12px;
color: var(–muted);
background: transparent;
border: 0;
cursor: pointer;
text-decoration: underline;
display: none;
}
@media (hover: none) and (pointer: coarse) {
.oml-flip .flip-card-btn {
display: inline-block;
}
}
/* Carrusel dentro de la cara frontal */
.oml-flip .flip-carousel {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.oml-flip .flip-carousel img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity 1s ease;
}
.oml-flip .flip-carousel img.active {
opacity: 1;
z-index: 1;
}
Quienes Somos
Experiencia, dedicación y atención personalizada para garantizar la satisfacción de cada cliente.
Más información
Ver reverso
Innovación
Tecnología y creatividad para ofrecer soluciones eficientes y adaptadas al mercado.
Más información
Ver reverso
Calidad
Controles rigurosos que aseguran productos y servicios de excelencia.
Más información
Ver reverso
// Mantener flip funcional
(function(){
var cards = document.querySelectorAll('.oml-flip .flip-card');
cards.forEach(function(card){
var btn = card.querySelector('.flip-card-btn');
var inner = card.querySelector('.flip-card-inner');
if (btn) {
btn.addEventListener('click', function(e){
e.preventDefault();
card.classList.toggle('is-flipped');
});
}
inner.addEventListener('click', function(e){
if (e.target.closest('a')) return;
if (Math.abs((window._omlLastY || 0) – window.scrollY) < 3) {
card.classList.toggle('is-flipped');
}
}, false);
window.addEventListener('scroll', function(){
window._omlLastY = window.scrollY;
}, { passive: true });
});
})();
// Carrusel automático (cada 2 segundos ahora)
document.querySelectorAll('.flip-carousel').forEach(function(carousel){
var imgs = carousel.querySelectorAll('img');
var idx = 0;
imgs[idx].classList.add('active');
setInterval(function(){
imgs[idx].classList.remove('active');
idx = (idx + 1) % imgs.length;
imgs[idx].classList.add('active');
}, 2000); // cambia cada 2 segundos
});
NUESTROS PRODUCTOS
De architectuur van tip top bet richt zich duidelijk op spelers die meer verwachten dan slechts een paar spellen. Zelfs live casino sessies draaien op mobiele apparaten in hoge kwaliteit. Zelfs tijdens promoties blijft de interface opgeruimd en overzichtelijk. Het VIP-programma is in meerdere niveaus opgedeeld en beloont langetermijnactiviteit op het platform. Meertalige ondersteuning zorgt voor een internationaal toegankelijke speelervaring. Strategiegidsen voor tafelspellen richten zich op beginners en gevorderden gelijk. Meerdere tafels van verschillende leveranciers zoals Evolution, Pragmatic Live en Ezugi zijn actief. Cryptocurrencies zoals Bitcoin, Ethereum en Litecoin kunnen ook voor transacties worden gebruikt. Met dit platform betreedt de markt een aanbieder die serieuze ambities heeft.
Somos proveedores de las más exigentes marcas mundiales de alimentos y de cadenas de supermercados. Desarrollamos una política de ventas directa a nuestros clientes situados en los 5 continentes del mundo.
Productos – Carrusel Continuo
body { margin: 0; font-family: Arial, sans-serif; background: #fff; }
.carrusel-container {
width: 100%;
overflow: hidden;
position: relative;
}
.carrusel {
display: flex;
width: max-content;
animation: scroll 40s linear infinite; /* más lento (antes 20s) */
}
@keyframes scroll {
from { transform: translateX(0); }
to { transform: translateX(-50%); } /* se mueve hasta la mitad */
}
.card {
flex: 0 0 auto;
width: 380px;
height: 500px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #fff;
text-align: center;
padding: 20px;
box-sizing: border-box;
}
/* Colores de cada producto */
.kion { background: #ff8a0f; }
.palta { background: #c3cf40; }
.curcuma { background: #f2c94c; }
.esparrago { background: #63b37c; }
.mango { background: #f28c33; }
.granada { background: #e63946; }
.arandano { background: #004cd6; }
.card img {
max-height: 260px;
margin-bottom: 20px;
}
.card h3 {
font-size: 18px;
font-weight: 700;
margin: 10px 0;
text-transform: uppercase;
}
.card a {
margin-top: 8px;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #fff;
border-bottom: 2px solid #fff;
padding-bottom: 2px;
display: inline-flex;
align-items: center;
gap: 4px;
}
.card a:hover { opacity: 0.8; }
Sección – Certificaciones (3 tarjetas con separación 50px)
:root{
–brand-purple:#ff8a0f; /* color del título */
–text:#111827;
–muted:#6b7280;
–green:#115dc3fa; /* verde del badge */
–card-bg:#ffffff;
–card-br:16px;
–card-shadow: 0 22px 40px rgba(0,0,0,.10);
–container:1200px;
–gap:50px; /* separación de 50px entre tarjetas */
}
*{box-sizing:border-box}
body{margin:0; font-family: Inter, system-ui, -apple-system, “Segoe UI”, Roboto, Arial, sans-serif; color:var(–text); background:#fff}
/* ======= Sección ======= */
.cert-section{
width:100%;
padding:56px 20px 80px;
}
.cert-inner{
max-width:var(–container);
margin:0 auto;
text-align:center;
}
.cert-title{
margin:0 0 10px;
font-size: clamp(30px, 4.2vw, 56px);
line-height:1.05;
letter-spacing:.5px;
font-weight:800;
color:var(–brand-purple);
text-transform:uppercase;
}
.cert-subtitle{
margin:0 0 34px;
font-size:14px;
letter-spacing:1.8px;
font-weight:700;
text-transform:uppercase;
color:#111;
}
/* ======= Grid de tarjetas ======= */
.cert-grid{
display:grid;
grid-template-columns: repeat(3, 1fr);
gap:var(–gap);
justify-items:center;
}
@media (max-width: 760px){
.cert-grid{ grid-template-columns: 1fr; }
}
/* ======= Tarjeta ======= */
.cert-card{
width:100%;
background: var(–card-bg);
border-radius: var(–card-br);
box-shadow: var(–card-shadow);
padding:22px 22px 18px;
position:relative;
overflow:hidden;
}
.cert-card::before{
content:””;
position:absolute; inset:-2px;
border-radius:inherit;
background: radial-gradient(1200px 400px at 50% -20%, rgba(0,0,0,.08), rgba(0,0,0,0) 60%);
z-index:0;
pointer-events:none;
}
/* área del logo */
.logo-area{
position:relative;
z-index:1;
height:190px;
display:flex; align-items:center; justify-content:center;
background: linear-gradient(180deg,#f9fafb 0%, #ffffff 80%);
border-radius:12px;
overflow:hidden;
}
.logo-area img{
max-width:80%;
max-height:80%;
object-fit:contain;
display:block;
}
/* badge */
.badge{
position:absolute;
right:14px; bottom:16px;
background:var(–green);
color:#fff;
font-size:14px;
font-weight:700;
line-height:1;
padding:10px 14px;
border-radius:999px;
box-shadow:0 8px 18px rgba(225, 208, 58, 0.45);
white-space:nowrap;
}
/* pie con fecha de expiración */
.card-footer{
display:grid;
grid-template-columns: 60px 1fr;
gap:10px;
align-items:center;
margin-top:18px;
z-index:1;
position:relative;
}
.exp-title{ font-size:20px; font-weight:800; }
.exp-date{ margin-top:2px; color:var(–muted); font-size:16px; }
.mountain{ width:56px; height:56px; }
.mountain svg{ width:100%; height:100%; display:block }
RESPONSABILIDAD SOCIAL
SIEMPRE APOYANDO
Durante más de 5 años, OMl EUROPE ha apoyado el esfuerzo de los habitantes rurales,
valorizando sus productos y promoviendo el autoempleo. Brindamos apoyo para
mejorar la competitividad técnica y comercial de sus productos, impulsando la
producción nacional.
/* ====== Base ====== */
#rs-hero{
–container: 1200px;
height: var(–h); /* alto exacto */
position: relative;
display: grid;
place-items: center;
color: #fff;
font-family: Inter, system-ui, -apple-system, “Segoe UI”, Roboto, Ubuntu, Arial, sans-serif;
background-image:
/* Gradiente para legibilidad (más oscuro a la izquierda) */
linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.40) 38%, rgba(0,0,0,.22) 70%, rgba(0,0,0,.28) 100%),
var(–bg);
background-size: cover;
background-position: center;
overflow: hidden;
isolation: isolate;
}
#rs-hero .rs-layer{ position:absolute; inset:0; background: transparent; z-index:0; }
/* Grid 2 columnas: izquierda (títulos) / derecha (texto centrado) */
#rs-hero .rs-wrap{
position: relative; z-index:1;
display: grid;
grid-template-columns: 46% 54%;
align-items: center;
gap: clamp(40px, 4vw, 72px); /* separación visible entre columnas */
width: min(100%, var(–container));
padding: 0 20px;
height: 100%;
}
/* IZQUIERDA: títulos verticalmente centrados */
#rs-hero .rs-left{
display: flex; flex-direction: column; justify-content: center;
padding-right: 28px; /* aire extra hacia la derecha */
}
#rs-hero .rs-title{
margin: 0 0 8px 0;
font-size: clamp(28px, 5vw, 64px);
line-height: 1.05;
letter-spacing: .5px;
text-transform: uppercase;
text-shadow: 0 3px 20px rgba(0,0,0,.35);
font-weight: 800;
color:#fff; /* fuerza blanco ante estilos del tema */
}
#rs-hero .rs-sub{
margin: 0;
font-size: 40px; /* solicitado */
line-height: 1.1;
font-weight: 600;
color: var(–accent, #c9a23d);
text-transform: uppercase;
text-shadow: 0 2px 12px rgba(0,0,0,.3);
}
/* DERECHA: párrafo centrado en su columna */
#rs-hero .rs-right{
display: grid; place-items: center; height: 100%;
padding-left: 28px; /* aire extra hacia la izquierda */
}
#rs-hero .rs-right p{
max-width: 62ch; /* ancho cómodo de lectura */
margin: 0 auto;
text-align: center;
font-size: 16px; /* solicitado */
line-height: 1.7;
font-style: italic;
font-weight: 500;
color: rgba(255,255,255,.95);
text-shadow: 0 2px 10px rgba(0,0,0,.35);
}
/* ====== Responsive ====== */
@media (max-width: 980px){
#rs-hero{ –h: 360px; }
#rs-hero .rs-wrap{ grid-template-columns: 1fr; gap: 18px; padding: 16px; }
#rs-hero .rs-left{ align-items:flex-start; padding-right:0; }
#rs-hero .rs-right{ padding-left:0; }
#rs-hero .rs-right p{ max-width: 70ch; }
}
@media (max-width: 640px){
/* Ajustes móviles */
#rs-hero{ –h: 320px; }
#rs-hero .rs-title{ font-size: 32px; }
#rs-hero .rs-sub{ font-size: 28px; }
}
document.addEventListener(“DOMContentLoaded”, function(){
AOS.init({
duration: 1000, // velocidad de animación
once: false // se repite cada vez que haces scroll
});
});
.oml-contact{
–brand:#ff8a0f; –brand-600:#e67c0d; –dark:#181818;
–ink:#0f172a; –surface:#ffffff;
–radius:16px; –shadow:0 18px 40px rgba(0,0,0,.12);
–gap:28px;
padding:46px 20px 60px;
}
.oml-contact *{ box-sizing:border-box; }
.oml-wrap{ max-width:1200px; margin:0 auto; text-align:center; }
.oml-title{
position:relative; margin:0 0 18px;
font: 800 clamp(28px,4vw,46px)/1.1 Inter,system-ui,-apple-system,”Segoe UI”,Roboto,Arial,sans-serif;
color:var(–brand); text-transform:uppercase; display:inline-block; padding-top:20px;
}
.oml-title::before,
.oml-title::after{
content:””; position:absolute; left:50%; transform:translateX(-50%);
width:min(520px,80vw); height:2px; background:var(–brand); top:2px; opacity:.95;
}
.oml-title::after{ top:10px; width:min(500px,76vw); opacity:.8; }
.oml-grid{
display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(–gap); margin-top:8px;
}
@media (max-width:900px){ .oml-grid{ grid-template-columns:1fr; } }
.oml-card{
border-radius:var(–radius); box-shadow:var(–shadow);
padding:24px; text-align:left; display:flex; align-items:center; gap:18px;
font-family:Inter,system-ui,-apple-system,”Segoe UI”,Roboto,Arial,sans-serif;
}
.oml-card–location{
background:var(–dark); color:#fff;
background-image: radial-gradient(1200px 400px at 50% -20%, rgba(255,138,15,.18), rgba(0,0,0,0) 60%);
}
.oml-card–mail{ background:var(–surface); border:1px solid #eee; color:var(–ink); }
.oml-ico{ width:56px; height:56px; border-radius:999px; display:grid; place-items:center; flex:0 0 56px; }
.oml-card–location .oml-ico{ background:var(–brand); }
.oml-card–mail .oml-ico{ background:#222; }
.oml-ico svg{ width:28px; height:28px; display:block; }
.oml-card–mail .oml-ico svg *{ stroke:#fff; fill:#fff; }
.oml-text h3{ margin:0 0 6px; font-size:22px; font-weight:800; line-height:1.1; }
.oml-card–location .oml-text h3{ color:#ffd9b3; }
.oml-card–mail .oml-text h3{ color:var(–brand); }
.oml-text p{ margin:0; font-size:16px; letter-spacing:.2px; }
.oml-card–location .oml-text a{ color:#fff; text-decoration:none; }
.oml-card–mail .oml-text a{ color:var(–ink); text-decoration:none; }
.oml-btnwrap{ margin-top:22px; }
.oml-btn{
display:inline-block; background:var(–brand); color:#fff; font-weight:800; font-size:15px;
padding:10px 18px; border-radius:999px; text-decoration:none;
box-shadow:0 10px 22px rgba(255,138,15,.28); transition:.2s;
}
.oml-btn:hover{ background:var(–brand-600); transform:translateY(-1px); }
OML – Carrusel GALERIA
:root{
–hf-gap: 18px;
–hf-radius: 0px;
–hf-speed: .55s;
–hf-dot:#bdbdbd;
–hf-dot-active:#efa002;
–hf-arrow-bg: rgba(0,0,0,.55);
–hf-arrow-bg-hover: rgba(0,0,0,.75);
}
*{box-sizing:border-box}
body{margin:0}
/* Cabecera */
.hf-wrap{margin:0; padding:0; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:#0f172a}
.hf-head{max-width:1280px; margin:24px auto 12px; text-align:center; padding:0 18px}
.hf-hashtag{font-family:Lora,serif; font-size:clamp(28px,3.2vw,44px); margin:0 0 6px}
/* Slider */
.hf-slider{position:relative; user-select:none}
.hf-frame{overflow:hidden; width:100%}
.hf-track{display:flex; transition:transform var(–hf-speed) ease; will-change:transform}
.hf-slide{flex:0 0 100%}
/* Mosaico */
.hf-grid{
display:grid; gap:var(–hf-gap); width:100%;
grid-template-columns: 1.08fr .7fr 1.25fr .7fr;
grid-template-rows: 320px 320px;
}
.hf-left{grid-column:1/2; grid-row:1/3}
.hf-mid-top{grid-column:2/3; grid-row:1/2}
.hf-center{grid-column:3/4; grid-row:1/3}
.hf-right-top{grid-column:4/5; grid-row:1/2}
.hf-mid-bottom{grid-column:2/3; grid-row:2/3}
.hf-right-bottom{grid-column:4/5; grid-row:2/3}
.hf-grid img{width:100%; height:100%; object-fit:cover; border-radius:var(–hf-radius); display:block}
/* Responsivo */
@media (max-width:1100px){ .hf-grid{grid-template-rows:280px 280px} }
@media (max-width:880px){
.hf-grid{
grid-template-columns: 1fr .8fr 1.2fr;
grid-template-rows: 240px 240px 240px;
}
.hf-left{grid-column:1/2; grid-row:1/3}
.hf-mid-top{grid-column:2/3; grid-row:1/2}
.hf-mid-bottom{grid-column:2/3; grid-row:2/3}
.hf-right-top{grid-column:3/4; grid-row:1/2}
.hf-right-bottom{grid-column:3/4; grid-row:2/3}
.hf-center{grid-column:1/-1; grid-row:3/4}
}
@media (max-width:620px){ .hf-grid{grid-template-columns:1fr; grid-template-rows:repeat(6,210px)} }
/* Flechas */
.hf-arrow{
position:absolute; top:50%; transform:translateY(-50%); z-index:2;
width:56px; height:96px; border-radius:6px; border:none; color:#fff;
background:var(–hf-arrow-bg); display:grid; place-items:center; cursor:pointer;
}
.hf-arrow:hover{background:var(–hf-arrow-bg-hover)}
.hf-prev{left:10px} .hf-next{right:10px}
.hf-arrow svg{width:22px; height:22px}
/* Dots */
.hf-dots{
display:flex !important;
justify-content:center !important;
gap:12px !important;
padding:14px 8px 24px !important;
}
.hf-dot{
width:18px !important;
height:18px !important;
border-radius:50% !important;
border:2px solid var(–hf-dot) !important;
background:#fff !important;
cursor:pointer !important;
transition:.25s ease !important;
padding:0 !important;
line-height:0 !important;
}
.hf-dot:hover{background:#f3f3f3 !important; transform:scale(1.1) !important}
.hf-dot.is-active{
background:var(–hf-dot-active) !important;
border-color:var(–hf-dot-active) !important;
}
(function(){
const root = document.getElementById('hfSlider3');
const frame = root.querySelector('.hf-frame');
const track = root.querySelector('.hf-track');
let slides = […root.querySelectorAll('.hf-slide')];
const prevBtn = root.querySelector('.hf-prev');
const nextBtn = root.querySelector('.hf-next');
const dotsBox = root.querySelector('.hf-dots');
// duplicamos slides para loop infinito
track.innerHTML += track.innerHTML;
slides = […root.querySelectorAll('.hf-slide')];
let i = 0, timer = null;
const N = slides.length/2, delay = 1500;
// dots solo para originales
const dots = […Array(N)].map((_,k)=>{
const b = document.createElement('button');
b.className = 'hf-dot' + (k===0?' is-active':'');
b.type='button';
b.onclick = ()=>go(k);
dotsBox.appendChild(b);
return b;
});
function update(skipAnim=false){
const w = frame.clientWidth;
track.style.transition = skipAnim ? “none” : “transform .55s ease”;
track.style.transform = `translateX(${-i*w}px)`;
dots.forEach((d,k)=>d.classList.toggle('is-active',k===i%N));
}
function go(k){ i=(k+N)%N; update(); }
function next(){
i++;
update();
// si llegamos al final duplicado, saltamos al instante
if(i >= slides.length – N){
i = i%N;
setTimeout(()=>update(true), 50); // salto instantáneo
}
}
function prev(){
i–;
update();
if(i update(true), {passive:true});
root.tabIndex = 0;
root.addEventListener('keydown', e=>{
if(e.key==='ArrowRight') next();
if(e.key==='ArrowLeft') prev();
});
// init
update(true); play();
})();
Selon les articles informatifs publiés ces dernières années sur le secteur, Stake France est présenté comme regroupant
Stake Casino des créations internes et des titres édités à l'extérieur ; selon ce que rapportent les vidéos explicatives francophones.
Australian online gaming content often explains how pokies pages are organised, what information appears before registration,
https://moneymax.co.nz/ and where account details are found, while The Pokies Australia may be named in that context.
Wer moderne Slots und einfache Bedienung kombiniert sehen möchte, prüft
gamblezen deutschland als möglicher Anbieter für Nutzer, die verschiedene Spieltypen prüfen.
Discover an extensive selection of slots and live dealer games with fast payouts and exclusive bonuses at the trusted site https://test.com/ for seamless mobile play.
Compromiso económico
Compromiso Social
Compromiso ambiental
COTA
EU Organic
Global G.A.P
