@charset "UTF-8";
:root {
  --pso-dark-h: 210deg;
  --pso-dark-s: 31.21%;
  --pso-dark-l: 12.03%;
  --bg-main: #f6f7f9;
  --bg-content: #ffffff;
  --bg-card: #ffffff;
  --bg-footer: #ffffff;
  --color-white: #ffffff;
  --color-gray-light: #e4e6ea;
  --color-gray: #a3a8b3;
  --color-gray-medium: #6b7280;
  --color-border: #e7e9ee;
  --color-accent: var(--pso-primary);
  /* Using --pso-border-radius instead of defining our own */
  --spacing-xs: 8px;
  --spacing-s: 16px;
  --spacing-m: 24px;
  --spacing-l: 32px;
  /* Override ProShop variables */
  --bs-primary: var(--color-accent);
  --pso-main-content-bg: var(--bg-content) !important;
  --pso-product-card-border-color: var(--color-border);
  --pso-border-radius: 10px;
  --pso-text-color: #222222;
  --pso-heading-color: #111111;
  --pso-link-color: #0f172a;
  --pso-link-hover-color: var(--color-accent);
  --pso-badge-bg: var(--color-accent);
}

.modal {
  --bs-modal-bg: var(--bg-card) !important;
}

/* Header styling to approximate giftcampaign.es: clean white bar, subtle shadow, dark navy text, orange accents */
.header-type-1 header.main-header {
  background-color: var(--bg-content);
  box-shadow: 0 2px 10px rgba(16, 24, 40, 0.06);
  border-bottom: 1px solid var(--color-border);
}
.header-type-1 header.main-header .header-content > div {
  padding: 1rem !important;
}
.header-type-1 header.main-header .logo img {
  max-height: 54px;
  width: auto;
}
.header-type-1 header.main-header nav a.nav-link {
  color: #0f172a;
  font-weight: 500;
}
.header-type-1 header.main-header nav a.nav-link:hover, .header-type-1 header.main-header nav a.nav-link.active {
  color: var(--color-accent);
  border-color: var(--color-accent);
  background-color: var(--bg-content);
  text-decoration: none;
}
.header-type-1 header.main-header .contact-phone,
.header-type-1 header.main-header .contact-email {
  font-weight: 500;
  font-size: 16px;
  color: var(--bs-gray);
}
@media (min-width: 768px) {
  .header-type-1 header.main-header .contact-phone,
  .header-type-1 header.main-header .contact-email {
    display: block !important;
    margin-right: 0.4rem !important;
    padding-top: 5px;
  }
}
.header-type-1 header.main-header .contact-phone:hover,
.header-type-1 header.main-header .contact-email:hover {
  color: var(--color-accent);
  text-decoration: none;
}
.header-type-1 header.main-header .contact-phone i,
.header-type-1 header.main-header .contact-email i {
  color: var(--color-accent);
  margin-right: 6px;
}
@media (max-width: 768px) {
  .header-type-1 header.main-header .contact-email {
    display: none !important;
  }
}

/* Header type 3 (menu on second row) */
@media (min-width: 768px) {
  .header-type-3 header.main-header {
    background-color: var(--bg-content);
    box-shadow: 0 2px 10px rgba(16, 24, 40, 0.06);
  }
}
/* Search input: pill shape, light border, subtle focus ring */
.header-type-3 .header-content-desktop .search_query,
.proshop-search-input.form-control {
  background-color: #fff;
  border: 1px solid var(--color-border);
  padding: 10px 16px;
  height: 32px;
  color: #0f172a;
  font-size: 14px;
}
.header-type-3 .header-content-desktop .search_query:focus,
.proshop-search-input.form-control:focus {
  border-color: var(--color-accent);
  box-shadow: none;
  outline: none;
}
.header-type-3 .header-content-desktop .search_query::placeholder,
.proshop-search-input.form-control::placeholder {
  color: #9aa3b2;
  opacity: 1;
}

.shop-search-wrapper {
  max-width: 520px;
  margin: 0 auto;
}

/* Hide header extra buttons on small screens */
.main-menu .buttons-container {
  display: none !important;
}

/* Footer similar to giftcampaign.es: dark background, light text, subtle separators */
.footer-type-2 footer {
  background-color: var(--bg-footer);
  color: var(--pso-text-color);
  border-top: 1px solid var(--pso-gray-300);
}
.footer-type-2 footer .breadcrumb-wrapper {
  background-color: var(--bg-main);
}
.footer-type-2 footer .breadcrumb-wrapper a {
  color: var(--bs-body-color);
}
.footer-type-2 footer .footer-content .logo {
  margin-bottom: 2rem;
}
.footer-type-2 footer .footer-content a:hover {
  color: var(--color-accent);
}
.footer-type-2 footer .footer-content .footer-block-title {
  font-weight: 600;
  text-transform: capitalize;
}
.footer-type-2 footer .footer-content ul {
  padding-left: 0;
}
.footer-type-2 footer .footer-content ul li {
  margin-bottom: 5px;
}
.footer-type-2 footer .footer-content .list-unstyled li + li {
  margin-top: 8px;
}
.footer-type-2 footer .footer-content .contact-data .contact-data-value {
  padding-left: 0;
}
.footer-type-2 footer .footer-content .contact-data i {
  display: none;
}
.footer-type-2 footer .footer-content .useful-links i {
  display: none;
}
.footer-type-2 footer .footer-content .social-icons {
  border-top: 0;
  margin-top: 0;
  margin-bottom: 0;
}

/* Buttons */
.btn {
  border: 1px solid transparent;
  border-radius: var(--pso-border-radius);
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 0.18s ease;
  margin: 6px 0;
  letter-spacing: 0.01em;
  text-transform: capitalize;
}

.btn i {
  margin-right: 0.5em;
  font-size: 0.9em;
  opacity: 0.9;
}

.btn-primary,
.btn.btn-primary {
  background-color: var(--color-accent);
  color: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
  text-transform: capitalize;
  font-weight: 500;
  border-radius: var(--pso-border-radius);
}

.btn-primary:hover,
.btn.btn-primary:hover {
  transform: translateY(-1px);
}

.btn-outline-primary {
  background-color: transparent;
  border: 1px solid var(--color-accent);
  color: var(--color-accent);
}

.btn-outline-primary:hover {
  background-color: rgba(255, 111, 0, 0.08);
  color: var(--color-accent);
  transform: translateY(-1px);
}

.btn-secondary {
  background-color: #0f172a;
  color: #fff;
}

.btn-secondary:hover {
  background-color: #0a1224;
}

.splide__list .splide__slide img {
  width: 100%;
}

.category-index .product-list-wrapper {
  padding: 1rem 2rem;
}

section.related-products {
  background-color: transparent;
}

.product-product h1.proshop-title {
  text-transform: capitalize !important;
}
.product-product #longdescription.long-description {
  background: var(--bg-card);
  border-radius: var(--pso-border-radius);
  border: 1px solid var(--color-border);
  padding: 1rem 1.25rem;
  margin-top: 1.5rem;
}
.product-product #longdescription.long-description::before {
  content: "Descripción";
  display: block;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.2;
  margin-bottom: 0.75rem;
}
.product-product #longdescription.long-description p {
  margin-bottom: 0.75rem;
  line-height: 1.65;
}

/* Product/card tiles approximating giftcampaign.es */
.product-card, .card.product, .product-item {
  background: var(--bg-card);
  border: 0;
  box-shadow: none;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.product-card:hover, .card.product:hover, .product-item:hover {
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.12);
  transform: translateY(-2px);
}

.product-card .card-body, .card.product .card-body, .product-item .card-body {
  padding: 14px;
}

.product-card .price, .card.product .price, .product-item .price,
.product-card .product-price, .card.product .product-price, .product-item .product-price {
  color: var(--color-accent);
  font-weight: 700;
}

.product-card .btn, .card.product .btn, .product-item .btn {
  width: 100%;
}

.product-card-link:hover .card {
  background: var(--bg-card);
}

.product-card-link .card-title, .product-card-link h3.proshop-title {
  text-transform: capitalize !important;
  font-size: 1.2rem !important;
}
.product-card-link:hover .card-title {
  color: var(--color-accent);
}

.product-card-link:hover .from-label {
  color: var(--pso-gray-400);
}

.product-card-link:hover .price {
  color: var(--color-accent);
}

.modal-content {
  background-color: var(--bg-content);
}

/*# sourceMappingURL=berbois.css.map */