/* 
Theme Name: Topex
Template Theme URI: https://www.topex.cl/
Author: Desarrollador Germán Romero
Description: Plantilla desarrollada para wordpress por Germán Romero".
Version: 1.0.1
*/

.site-footer {
  --footer-bg: #000;
  --footer-color: #fff;
  --footer-muted: rgba(255, 255, 255, 0.92);
  --footer-border: rgba(255, 255, 255, 0.12);
  background-color: var(--footer-bg);
  color: var(--footer-color);
  width: 100%;
  font-family: inherit;
}
.site-footer__container {
  width: min(100% - 40px, 1016px);
  margin-inline: auto;
}
.site-footer__main {
  display: grid;
  grid-template-columns: 307px 288px 1fr;
  gap: 0;
  padding: 41px 0 22px;
}
.site-footer__column {
  min-width: 0;
}
.site-footer__title {
  margin: 0 0 5px;
  color: var(--footer-color);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  text-align:left;
  font-family: 'Raleway';
}
.site-footer__links {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-footer__item {
  margin: 0;
  padding: 0;
}
.site-footer__link {
  display: inline-block;
  color: var(--footer-muted);
  text-decoration: none;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
  transition: color 0.2s ease, opacity 0.2s ease;
}
.site-footer__link:hover, .site-footer__link:focus-visible {
  color: #fff;
  opacity: 0.7;
}
.site-footer__link:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}
.site-footer__description {
  margin: -8px 0 18px;
  color: var(--footer-muted);
  font-size: 15px;
  line-height: 1.45;
}
.site-footer__socials {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
}
.site-footer__social-item {
  margin: 0;
  padding: 0;
}
.site-footer__social-link {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-decoration: none;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.site-footer__social-link:hover {
  transform: translateY(-2px);
  opacity: 0.85;
}
.site-footer__social-link:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}
/* Figma icons (img) and inline SVG fallbacks for the other networks */
.site-footer__social-icon,
.site-footer__social-link svg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* Fallback networks have no circle in the SVG, so draw it here */
.site-footer__social-link svg {
  padding: 18%;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #ed0019;
  color: #fff;
  fill: currentColor;
}
.site-footer__store {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  white-space: nowrap;
  margin-top:30px;
}
.site-footer__store-label,
.site-footer__store-text {
  color: #fff;
  font-size: 16px;
  line-height: 18px;
}
.site-footer__store-logos {
  display: flex;
  align-items: center;
  gap: 10px;
}
.site-footer__store-link {
  display: block;
  line-height: 0;
}
.site-footer__store-icon {
  display: block;
  width: auto;
  height: 20px;
  max-width: none;
  object-fit: contain;
}
.copyrights .container1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.site-footer__brand {
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-footer__logo {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: contain;
}
.site-footer__copyright {
  margin: 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
}

.copyrights{
    background-color:#ed0019;
    text-align:center;
    padding:12px 0px;
}

/* tablet */
@media (min-width: 768px) and (max-width: 991px) {
	.site-footer__container {
		width: min(100% - 140px, 635px);
	}
	.site-footer__main {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 40px 30px;
		padding-block: 45px 48px;
	}
	.site-footer__column--social {
		grid-column: 1 / -1;
	}
	.site-footer__title {
		margin-bottom: 8px;
		font-size: 20px;
		line-height: 26px;
	}
	.site-footer__links {
		gap: 6px;
	}
	.site-footer__link,
	.site-footer__description {
		font-size: 18px;
		line-height: 26px;
	}
	.site-footer__description {
		margin: 0 0 10px;
	}
	.site-footer__socials {
		gap: 14px;
		margin: 0 0 24px;
	}
	.site-footer__social-link {
		width: 44px;
		height: 44px;
	}
	.site-footer__store {
		gap:8px;
		flex-direction:row;
		text-align:center;
		justify-content:center;
	}
	.site-footer__store-label,
	.site-footer__store-text {
		color: #fff;
		font-size: 18px;
		line-height: 24px;
	}
	.site-footer__store-icon {
		height: 24px;
	}
	.copyrights {
		padding: 28px 0;
	}
	.site-footer__logo {
		width: 30px;
		height: 30px;
	}
}

/* mobile */
@media (max-width: 767px) {
	.site-footer__container {
		width: min(100% - 58px, 520px);
	}
	.site-footer__main {
		display: flex;
		flex-direction: column;
		gap: 40px;
		padding-block: 33px 108px;
	}
	.site-footer__title {
		margin-bottom: 5px;
		font-size: 18px;
		line-height: 1.1;
	}
	.site-footer__links {
		gap: 5px;
	}
	.site-footer__link,
	.site-footer__description {
		font-size: 16px;
		line-height: 1.4;
	}
	.site-footer__description {
		margin: 0 0 8px;
	}
	.site-footer__socials {
		gap: 11px;
		margin: 0;
	}
	.site-footer__social-link {
		width: 50px;
		height: 50px;
	}

	.copyrights {
		padding: 29px 0;
	}
}