.border-rounded{
    border-radius: 20px;
    border: 1px solid #9ca3af;
}

.h-500{
    height: 500px;
}
.w-15x{
    width: 15%;
}  

.iti {
    width: 100%
}
html, body{
    font-family: "Titillium Web";
}

/* ── Quoter: flecha del botón "Back to site" ── */
@keyframes arrowPulse {
  0%, 100% { transform: translateX(0); }
  50%       { transform: translateX(5px); }
}

.group:hover .arrow-icon {
  animation: arrowPulse 0.65s ease infinite;
}

/* ── Quoter: hover naranja (#FF471F) en ícono X/Twitter ── */
.x-icon {
  transition: filter 0.2s ease;
}

.group:hover .x-icon {
  filter: invert(38%) sepia(96%) saturate(1574%) hue-rotate(345deg) brightness(104%) contrast(101%);
}

/* ── Quoter: selector de idioma — spin del label en hover ── */
@keyframes spinLabel {
  0%   { transform: rotateX(0deg); }
  100% { transform: rotateX(360deg); }
}

.lang-option:hover .lang-label {
  display: inline-block;
  animation: spinLabel 0.8s ease;
}

