Nuestras Certificaciones
:root{
–bg: #f4f3ee; /* color de fondo beige */
–text: #3d352e; /* color marrón oscuro para texto */
}
*{ box-sizing: border-box; margin:0; padding:0; }
body{
font-family: system-ui, -apple-system, Segoe UI, Roboto, “Helvetica Neue”, Arial, sans-serif;
background: #fff;
color: var(–text);
line-height: 1.6;
}
/* Sección */
.certificaciones{
background: var(–bg);
height: 179px; /* altura fija */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 0 20px;
opacity: 0;
transform: translateY(12px);
transition: opacity .6s ease, transform .6s ease;
}
.certificaciones.in-view{
opacity: 1;
transform: none;
}
.certificaciones h2{
font-weight: 800;
text-transform: uppercase;
font-size: 30px; /* tamaño título */
margin-bottom: 12px;
}
.certificaciones p{
max-width: 1100px;
margin: 0 auto;
font-size: 14px; /* tamaño texto */
line-height: 1.6;
opacity: 0.9;
}
@media (prefers-reduced-motion: reduce){
.certificaciones{
transition: none;
opacity: 1;
transform: none;
}
}
NUESTRAS CERTIFICACIONES
No es filantropía ni asistencialismo, es una forma efectiva de crear valor
para nuestras trabajadoras y trabajadores y generar sostenibilidad para
nuestra empresa, cadena de valor, región y país. Es una herramienta poderosa
y efectiva para hacer país a través de nuestra dinámica de desarrollo que
ejecutamos en tres áreas.
// Efecto de entrada al hacer scroll
(function(){
const target = document.querySelector(‘.certificaciones’);
if(!target) return;
if(!(‘IntersectionObserver’ in window)){
target.classList.add(‘in-view’);
return;
}
const obs = new IntersectionObserver((entries, o)=>{
entries.forEach(entry=>{
if(entry.isIntersecting){
entry.target.classList.add(‘in-view’);
o.unobserve(entry.target);
}
});
}, { threshold: 0.2 });
obs.observe(target);
})();
Nuestro Compromiso
Conoce Nuestro Impacto Sostenible
A lo largo de los años, hemos generado empleo formal y digno, beneficiando a cientos de familias mediante el pago de salarios justos, programas de apoyo para la educación de los hijos de nuestros agricultores, seguro médico, fondos de jubilación y vacaciones pagadas.
La formación y transmisión de valores son pilares de nuestra labor. Enseñamos a nuestros agricultores y colaboradores a gestionar sus finanzas, ahorrar, acceder a crédito e invertir en el futuro de sus familias.
body {
margin: 0;
padding: 0;
background: #fff;
}
.contenedor {
display: flex;
width: 100%; /* ocupa todo el ancho de la pantalla */
height: 540px; /* altura fija */
}
.contenedor img {
width: calc((100% – 40px) / 2); /* cada imagen ocupa la mitad del espacio restante */
height: 540px;
object-fit: cover; /* recorta sin deformar */
display: block;
}
.espacio {
width: 40px; /* espacio en blanco en el centro */
height: 540px;
background: #fff;
flex-shrink: 0; /* evita que se reduzca */
}
Wie op zoek is naar een platform dat hij langdurig kan gebruiken, doet er goed aan goldwin-nl.com beter te leren kennen. Tutorials en video’s in de helpsectie maken de start voor beginners eenvoudiger. Verjaardagsbonussen zorgen voor een persoonlijke ervaring en worden door veel gebruikers gewaardeerd. Visa, Mastercard, Skrill en Neteller behoren tot de meest gebruikte betaalopties. Mobiele bonussen en exclusieve acties belonen regelmatige smartphonegebruik. Taalkiezers maken een snelle wisseling tussen Nederlands en andere talen mogelijk. Privacybeleid is afgestemd op de strenge eisen van de AVG. Seizoensgebonden evenementen, van zomerfestival tot winteruitdaging, brengen afwisseling. Krasloten en bingospellen bieden een snelle optie voor korte spelsessies tussendoor. Premium roulettestudio’s combineren klassieke sfeer met moderne spelopties. Spelers die een veeleisende aanbieder zoeken, vinden hier een passende keuze.
Reakcja społeczności online na https://lazybar.app jest w większości pozytywna. Warunki bonusowe są jasno sformułowane i nie zawierają ukrytych klauzul. Design rezygnuje z przeładowanych elementów i skupia się na istocie. Rankingi graczy w turniejach zapewniają zdrową konkurencję w społeczności. Instrukcje krok po kroku pomagają w konfiguracji metod płatności. Kryptowaluty, takie jak Bitcoin, Ethereum i Litecoin, mogą być również używane do transakcji. Automaty w różnych kategoriach stanowią trzon kasyna i odpowiadają na każdy gust. Wielojęzyczni krupierzy zapewniają, że również polskojęzyczni gracze są dobrze obsługiwani. Również po dłuższym korzystaniu pozytywny obraz kasyna pozostaje zachowany.
Follow Blue Origin – Barra
:root{
–bo-blue:#0033ff;
–white:#ffffff;
–icon-box:36px; /* tamaño del cuadro del ícono */
–icon-size:18px; /* tamaño del pictograma */
–gap:22px; /* separación entre texto e íconos */
–bar-height:90px; /* ALTURA solicitada */
–stroke:2px; /* grosor del borde blanco */
–text-spacing:3px; /* espaciado de letras del texto */
}
/* Reset básico */
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#000}
/* Barra principal */
.follow-bar{
height:var(–bar-height);
width:100%;
background:var(–bo-blue);
display:flex;
align-items:center;
justify-content:center;
}
/* Contenido centrado en fila */
.follow-inner{
display:flex;
align-items:center;
gap:var(–gap);
line-height:1;
user-select:none;
transform: translateZ(0); /* mejora antialias */
}
/* Texto */
.follow-text{
color:var(–white);
font:700 14px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,Helvetica,sans-serif;
letter-spacing:var(–text-spacing);
text-transform:uppercase;
white-space:nowrap;
}
/* Lista de íconos */
.social{
display:flex;
align-items:center;
gap:18px;
padding:0;
margin:0;
list-style:none;
}
/* Caja “contorno” de cada ícono */
.social a{
width:var(–icon-box);
height:var(–icon-box);
display:inline-flex;
align-items:center;
justify-content:center;
color:var(–white);
text-decoration:none;
border:var(–stroke) solid var(–white);
border-radius:10px;
transition:transform .18s ease, opacity .18s ease;
outline:none;
}
.social a i{
font-size:var(–icon-size);
line-height:1;
}
/* Hover / foco */
.social a:hover{ transform:scale(1.08); opacity:.9; }
.social a:focus-visible{ box-shadow:0 0 0 3px rgba(255,255,255,.35); }
/* Responsivo: cuando hay muy poco ancho, reducimos separaciones */
@media (max-width:540px){
:root{ –gap:14px; –icon-box:34px; –icon-size:17px; –text-spacing:2px; }
.follow-text{ font-weight:600; }
}
@media (max-width:420px){
.follow-text{ display:none; } /* Solo íconos en pantallas muy pequeñas */
}
// JS opcional: ejemplo para registrar clics o abrir en nueva pestaña (ya lo hace con target=”_blank”)
// Aquí solo mostramos el nombre de la red en consola para que puedas ver interacción.
document.querySelectorAll(‘.btn-social’).forEach(a=>{
a.addEventListener(‘click’, ()=> {
console.log(‘Abriendo: ‘ + a.dataset.name);
});
});
// Si quisieras fijar la barra arriba/abajo, descomenta una de estas líneas:
// document.querySelector(‘.follow-bar’).style.position = ‘fixed’;
// document.querySelector(‘.follow-bar’).style.bottom = ‘0’; // o .top = ‘0’
