/* Importar fuente Montserrat */
@importar URL('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&mostrar=intercambiar');
.hs-banner-contenedor {
ancho: 100%;
ancho máximo: 1200px;
margen: 0 automático;
sombra de cuadro: 0 15px 30px rgba(0, 0, 0, 0.08);
radio del borde: 12px;
desbordamiento: oculto;
posición: relativa;
}
.hs-banner {
pantalla: flexible;
altura: 300 píxeles;
posición: relativa;
fondo: gradiente lineal (135 grados, #1a3a2f 0%, #2a5c46 100%);
}
.hs-banner-contenido {
flexión: 1;
relleno: 30px 40px;
pantalla: flexible;
dirección flexible: columna;
justificar-contenido: centro;
color: blanco;
índice z: 2;
posición: relativa;
}
.hs-banner-imagen {
flexión: 1;
posición: relativa;
desbordamiento: oculto;
}
.hs-banner-imagen img {
ancho: 100%;
altura: 100%;
ajuste de objeto: cubierta;
posición del objeto: centro;
}
.hs-logotipo {
familia de fuentes: 'Montserrat', sans-serif;
peso de fuente: 700;
tamaño de fuente: 36px;
color: #fff;
margen inferior: 15px;
sombra de texto: 2px 2px 0 #000;
}
.hs-lema {
tamaño de fuente: 13px;
peso de fuente: 400;
opacidad: 0,85;
espacio entre letras: 1px;
transformación de texto: mayúsculas;
margen inferior: 20px;
familia de fuentes: 'Montserrat', sans-serif;
}
.hs-cta-botón {
posición: absoluta;
izquierda: 54%;
abajo: 5%;
transformar: traducir (-50%, -50%);
color de fondo: #e8a838;
color: #1a3a2f;
decoración de texto: ninguna;
relleno: 16px 40px;
radio del borde: 8px;
peso de fuente: 700;
tamaño de fuente: 20px;
transición: todos los 0,3 s facilitan;
sombra de cuadro: 0 4px 12px rgba (232, 168, 56, 0,25);
familia de fuentes: 'Montserrat', sans-serif;
alineación de texto: centro;
espacio en blanco: nowrap;
índice z: 10;
}
.hs-cta-botón: flotar {
color de fondo: #f5bc4f;
transformar: traducir (-50%, -50%) escala (1.05);
sombra de cuadro: 0 6px 20px rgba (232, 168, 56, 0.4);
}
@media (ancho máximo: 900 px) {
.hs-banner {
dirección flexible: columna;
altura: 350 px;
}
.hs-banner-contenido {
relleno: 25px 30px;
}
.hs-banner-imagen {
altura: 150 px;
}
.hs-cta-botón {
izquierda: 50%;
arriba: calc(100% – 150px/2);
transformar: traducir (-50%, -50%);
relleno: 14px 32px;
tamaño de fuente: 18px;
}
.hs-cta-botón: flotar {
transformar: traducir (-50%, -50%) escala (1.05);
}
}
@media (ancho máximo: 600 px) {
.hs-banner {
altura: 300 píxeles;
}
.hs-banner-contenido {
relleno: 20px 25px;
}
.hs-logotipo {
tamaño de fuente: 22px;
sombra de texto: 1px 1px 0 #000;
}
.hs-cta-botón {
relleno: 12px 28px;
tamaño de fuente: 16px;
}
}

Tienda de la Sociedad Humanitaria de Marruecos
Cada compra ayuda a los animales

Compra Ahora

[migas de pan personalizadas]

Compre con corazón — Apoye a los animales en Marruecos

.héroe de la tienda {
fondo: gradiente lineal (
hasta el fondo,
#69DBAA 0%,
#5AC79A 100%
);
alineación de texto: centro;
relleno: 100px 20px;
}
.tienda-héroe h1 {
color: #0E1A17;
tamaño de fuente: 32px;
peso de fuente: 700;
}
.shop-hero p {
color: #1A1A1A;
tamaño de fuente: 20px;
altura de línea: 1,5;
ancho máximo: 900px;
margen: 0 automático 20px;
}
.shop-hero .cta-btn {
antecedentes: #AB1B2E;
color: #fff !importante;
relleno: 14px 36px;
radio del borde: 6px;
tamaño de fuente: 18px;
peso de fuente: 600;
}

Cada compra que realiza apoya directamente el rescate, el cuidado y el bienestar de los animales en todo Marruecos.

Con nuestros socios confiables, retribuir es fácil: compre las cosas que ama y marque la diferencia hoy.

Juntos, estamos haciendo que la compasión llegue más lejos.

Compre ahora — Ayuda hoy →

Carro

💬 Lo que dicen nuestros seguidores

"Me encanta saber que mis compras apoyan rescates reales de animales callejeros". — Sarah M. (Reino Unido)
"Cada pedido es como ayudar a un perro o un gato necesitado". — Jonas L. (Alemania)
"La calidad es excelente y la misión que hay detrás la hace aún mejor". — Amina R. (Francia)
"Les hablo a todos mis amigos sobre esta tienda: es comprar con un propósito". — Emily P. (EE. UU.)
“¡Artículos hermosos y una causa aún más hermosa!” — Chloe B. (Francia)
"Es bueno saber que mi regalo también alimenta a los animales rescatados". — Marco D. (Italia)
"El pago fue fácil y me encanta la historia detrás de cada producto". — Layla S. (EAU)
"Apoyar el trato humano hacia los animales mientras se compra: perfecto". — Thomas K. (Canadá)
"Comprando por una gran causa. ¡Volveré!" — Nadia T. (España)
"Cada compra se siente como un pequeño acto de bondad". — Helen F. (Australia)

/* ==================================
MARRUECOS SPA – Testimonios
================================== */
.hsm-testimonios {
alineación de texto: centro;
margen: 70px automático;
ancho máximo: 850 px;
relleno: 50px 25px;
antecedentes: #fff7f8;
borde: 2px sólido #f0d4d7;
radio del borde: 18px;
sombra de cuadro: 0 4px 18px rgba (171, 28, 45, 0.08);
familia de fuentes: «poppins», «Abierto sin», sans-serif;
}
.hsm-testimonios h2 {
tamaño de fuente: 1,8rem;
color: #ab1c2d;
peso de fuente: 700;
margen inferior: 25px;
espacio entre letras: 0,3 px;
}
.carrusel-testimonial {
posición: relativa;
desbordamiento: oculto;
altura: 100 píxeles;
pantalla: flexible;
alinear elementos: centro;
justificar-contenido: centro;
}
.artículo-testimonial {
posición: absoluta;
ancho: 100%;
opacidad: 0;
transición: opacidad 1s facilidad de entrada y salida;
tamaño de fuente: 1,1rem;
color: #444;
estilo de fuente: cursiva;
altura de línea: 1,5;
relleno: 0 15px;
}
.testimonial-item.activo {
opacidad: 1;
}
/* Tamaños de fuente responsivos */
@media (ancho máximo: 768 px) {
.hsm-testimonios {
relleno: 40px 20px;
}
.hsm-testimonios h2 {
tamaño de fuente: 1,5rem;
}
.artículo-testimonial {
tamaño de fuente: 1rem;
}
}