@font-face {
    font-family: 'Brand';
    src: url('../fonts/BRAND.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

main {margin-top: 0;}
/* Sección introductoria Tartas */
.tartas-intro {
  background: #fff;
  padding: 2rem 1rem;                /* 32px arriba/abajo, 16px laterales */
  text-align: center;
}
.tartas-intro__container {
  max-width: 65ch;                   /* ancho máximo en caracteres */
  margin: 0 auto;
}

/* 1. Título principal */
.tartas-intro__title {
  font-family: 'Brand', sans-serif;
  font-size: 2rem;               /* 22px */
  font-weight: 600;
  color: #2e2e2e;
  margin-bottom: 1rem;               /* 16px */
}

/* 2. Subtítulo aclarativo */
.tartas-intro__subtitle {
  text-align: start;
  font-family: 'Red Hat Display', sans-serif;
  font-size: 1rem;                   /* 16px */
  color: #555;
  margin-bottom: 1.5rem;             /* 24px */
}

/* 3. Texto introductorio */
.tartas-intro__text {
  text-align: start;
  font-family: 'Red Hat Display', sans-serif;
  font-size: 0.9375rem;              /* 15px */
  line-height: 1.6;
  color: #444;

}

/* Grid de 6 tarjetas de sabores */
.sabores-grid {
  background: #fff;
  padding: 1rem 0.5rem;          /* 32px arriba/abajo, 16px lat */
}
.sabores-grid__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;                /* 20px */
  background: #fcfcfa;

}
.sabores-card {
  display: flex;
  flex-direction: column;
  /* ...tus estilos existentes... */
}

.sabores-card__cta {
  display: inline-block;
  margin: 0.5rem 1rem 0.5rem;                /* empuja el botón al fondo de la tarjeta */
  background: #897234;             /* dorado oscuro */
  color: #fff;
  padding: 0.5rem 1rem;            /* 8px 16px */
  border-radius: 0.75rem;          /* 12px */
  font-family: 'Red Hat Display', sans-serif;
  font-size: 0.875rem;             /* 14px */
  font-weight: 600;
  text-align: center;
  transition: background 0.2s ease;
}

.sabores-card__cta:hover {
  background: #d4af37;             /* dorado claro al hover */
}


/* Dos columnas en tablet */
@media (min-width: 640px) {
  .sabores-grid__container {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* Tres columnas en desktop */
@media (min-width: 1024px) {
  .sabores-grid__container {
    grid-template-columns: repeat(4, 1fr);
    gap: 3.5rem;
    margin: 0rem 3rem;
  }
}

/* Cada tarjeta */
.sabores-card {
  background: #fff;
  border-radius: 0.75rem;      /* 12px */
  box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.05);

  border: 1px solid #f4f4f4;   /* borde claro por defecto */
  border-radius: 0.75rem;      /* 12px */

  text-decoration: none;
  color: inherit;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.sabores-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.1);
}

/* Imagen */
.sabores-card__img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}

/* Nombre del sabor */
.sabores-card__title {
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;             /* 16px */
  font-weight: 600;
  margin: 0 0 0.5rem;
  text-align: center;
}

/* Descripción opcional */
.sabores-card__desc {
  font-family: 'Red Hat Display', sans-serif;
  font-size: 0.875rem;         /* 14px */
  color: #555;
  text-align: center;
  flex-grow: 1;
}

/* Indicador clicable */
.sabores-card__arrow {
  font-size: 1.5rem;
  color: #ccc;
  transition: stroke 0.2s;
  margin: 0.25rem 0rem;
}
.sabores-card:hover .sabores-card__arrow {
    stroke: #d4af37;             /* amarillo más claro */
  
}


.contact-preview {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 99vw;
  margin: 2rem auto 0rem;
  padding: 0rem 1.5rem 3rem;
}

.contact-preview__card {
  background: #fff;
  border: 1px solid #897234;
  border-radius: 1rem;
  padding: 2rem 1.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05);
  max-width: 28rem;
  margin: 0 auto;
  text-align: center;
  font-family: 'Poppins', sans-serif;
}

.contact-preview__title {
  font-size: 1.75rem;    /* 28px */
  color: #2e2e2e;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.contact-preview__subtitle {
  font-family: 'Red Hat Display', sans-serif;
  font-size: 1rem;       /* 16px */
  color: #555;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}

.btn--contact {
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  color: #fff;
  background: #b69856;
  border: 2px solid #b69856;
  border-radius: 0.75rem;
  padding: 0.75rem 1.5rem;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease;
}

.btn--contact:hover {
  background: #fff;
  color: #b69856;
}

/* Desktop: dos tarjetas lado a lado */
@media (min-width: 768px) {
  .contact-preview {
    flex-direction: row;
    justify-content: center;
    gap: 2rem;
  }
  .contact-preview__card {
    margin: 0;
  }
}


/* Desktop */
@media (min-width: 768px) {
  .tartas-intro__title {
    font-size: 1.75rem;              /* 28px */
  }
}