/*
Theme Name: Bioloreste Luxury
Theme URI: https://bioloreste.com
Author: Bioloreste
Description: Tema limpio y lujoso para la web de cosmética Bioloreste.
Version: 1.2
Text Domain: bioloreste-luxury
*/

body {
  background:#faf8f2;
  font-family: Georgia, "Times New Roman", serif;
  color:#1F3D2B;
  line-height:1.6;
  margin:0;
}

/* ===== CONTENEDOR ===== */
.container{
  max-width:1180px;
  margin:0 auto;
  padding:0 1.5rem;
}

/* ===== CABECERA ===== */
.site-header-bioloreste{
  background:radial-gradient(circle at top, #fff 0%, rgba(248,245,238,.95) 70%);
  border-bottom:1px solid rgba(184,134,11,0.22);
  position:sticky;
  top:0;
  z-index:999;
  text-align:center;
  padding:1.2rem 0 .6rem;
  backdrop-filter:blur(10px);
}
.site-header-bioloreste .site-branding{
  margin-bottom:.6rem;
}
.site-header-bioloreste .site-branding img.custom-logo{
  max-height:120px;
  width:auto;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.06));
  transition:all .35s ease;
  background:radial-gradient(circle, rgba(248,245,238,.35) 0%, rgba(255,255,255,0) 60%);
  padding:4px 10px;
  border-radius:18px;
}
body.scrolled .site-header-bioloreste .site-branding img.custom-logo{
  max-height:95px;
  padding:2px 8px;
}

.main-navigation{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:1.5rem;
}
.main-navigation .menu{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:1.5rem;
  margin:0;
  padding:0;
}
.main-navigation .menu > li > a{
  text-decoration:none;
  color:#1F3D2B;
  font-weight:600;
  letter-spacing:.3px;
  position:relative;
  padding-bottom:6px;
  transition:.25s;
}
.main-navigation .menu > li > a::after{
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  width:0;
  height:2px;
  background:linear-gradient(90deg,#B8860B,#FFD700);
  transform:translateX(-50%);
  transition:width .3s ease;
}
.main-navigation .menu > li > a:hover{
  color:#B8860B;
}
.main-navigation .menu > li > a:hover::after,
.main-navigation .menu > li.current-menu-item > a::after{
  width:60%;
}

/* ===== SECCIONES ===== */
.bl-section{margin:3.5rem auto;}

/* ===== HERO ===== */
.bl-hero{
  background:linear-gradient(180deg,#fffef8 0%,#f8f5ee 100%);
  border-radius:14px;
  box-shadow:0 8px 24px rgba(0,0,0,0.04);
  text-align:center;
  padding:4.5rem 1rem 4rem;
}
.gold-heading,
.section-title,
.bl-hero h2{
  color:#e7b624;
  font-weight:700;
  letter-spacing:.02em;
}
.hero-subtitle,
.subtitle-emerald{
  color:#1f5d2d;
}
.bl-btn-gold{
  background:linear-gradient(180deg, #fff, #f4e3ba);
  border:1px solid rgba(184,134,11,.4);
  color:#1F3D2B;
  border-radius:999px;
  padding:.75rem 1.8rem;
  font-weight:700;
  text-decoration:none;
  display:inline-block;
  margin-top:1rem;
  transition:.2s;
}
.bl-btn-gold:hover{
  filter:brightness(1.03);
}

/* ===== CARRUSEL HOME ===== */
.carousel-container{
  overflow:hidden;
  border-radius:14px;
  box-shadow:0 12px 35px rgba(0,0,0,.03);
  background:#fff;
}
.carousel{
  display:flex;
  transition:transform .5s ease;
}
.product-card{
  min-width:100%;
  display:flex;
  background:#fff;
  flex-wrap:wrap;
}
.product-image{
  flex:1 1 40%;
  background:#f8f5ee;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:280px;
}
.product-image img{
  max-width:100%;
  height:auto;
  display:block;
}
.product-info{
  flex:1 1 60%;
  padding:2.1rem 2.4rem;
}
.product-brand{
  color:#C6A25A;
  font-style:italic;
  margin-bottom:.4rem;
  display:block;
  text-transform:uppercase;
  letter-spacing:.2rem;
}
.product-title{
  font-size:1.5rem;
  margin-bottom:.4rem;
}
.product-price{
  color:#B8860B;
  font-size:1.7rem;
  margin:.4rem 0 1rem;
}
.product-buttons{
  display:flex;
  gap:.7rem;
  flex-wrap:wrap;
}
.btn-amazon{
  background:#FFD800;
  color:#232F3E;
  padding:.6rem 1.3rem;
  border-radius:.7rem;
  font-weight:600;
  text-decoration:none;
  border:2px solid #E6C200;
}
.btn-miravia{
  background:#8A2BE2;
  color:#fff;
  padding:.6rem 1.3rem;
  border-radius:.7rem;
  font-weight:600;
  text-decoration:none;
  border:2px solid #7A1BD2;
}
.carousel-nav{
  display:flex;
  justify-content:center;
  gap:.5rem;
  margin:1.2rem 0;
}
.carousel-dot{
  width:11px;
  height:11px;
  border-radius:999px;
  background:rgba(198,162,90,.4);
  cursor:pointer;
  transition:.2s;
}
.carousel-dot.active{
  background:#B8860B;
  transform:scale(1.05);
}

/* ===== POR QUÉ ELEGIR ===== */
.features-section{
  background:#fff;
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.02);
  padding:3rem 0 2.5rem;
}
.features-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:1.8rem;
  margin-top:2.5rem;
  align-items:stretch; /* <- aquí el alineado */
}
.feature-card{
  background:#F8F5EE;
  border:1px solid rgba(198,162,90,.25);
  border-radius:14px;
  padding:1.8rem 1.2rem;
  text-align:center;
  transition:.25s;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.feature-card:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 25px rgba(0,0,0,.03);
}
.feature-icon img{
  width:110px;
  height:110px;
  object-fit:contain;
  margin:0 auto 1rem;
}
.feature-title{
  font-size:1.05rem;
  margin-bottom:.5rem;
  color:#1F3D2B;
}
.feature-description{
  color:#506b5b;
  font-size:.9rem;
}

/* ===== TESTIMONIOS ===== */
.testimonials-section{
  background:#fff;
  padding:3rem 0;
}
.testimonials-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:1.6rem;
}
.testimonial-card{
  background:#F8F5EE;
  border:1px solid rgba(198,162,90,.25);
  border-radius:14px;
  padding:1.6rem 1.3rem;
}
.testimonial-rating{color:#B8860B; font-size:1.2rem;}
.testimonial-name{font-weight:700; margin-top:1rem; color:#1F3D2B;}
.testimonial-meta{color:#506b5b; font-size:.85rem;}

/* ===== PÁGINA DE PRODUCTOS ===== */
.bioloreste-productos-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 3rem 1.5rem 4rem;
}
.bioloreste-productos-container h1{
  text-align:center;
  font-size:2.4rem;
  color:#e7b624;
  margin-bottom:1rem;
}
.bioloreste-productos-container .bioloreste-subtitle {
  text-align: center;
  color: #1f5d2d;
  font-size: 1.05rem;
  margin-bottom: 2.5rem;
}
.bioloreste-productos-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.8rem;
}
.bioloreste-producto-card {
  background: #F8F5EE;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.04);
  border: 1px solid rgba(198, 162, 90, 0.35);
  transition: transform 0.3s ease;
  display:flex;
  flex-direction:column;
}
.bioloreste-producto-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(31, 61, 43, 0.08);
}
.bioloreste-producto-imagen {
  height: 210px;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.bioloreste-producto-imagen img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bioloreste-producto-info {
  padding: 1.3rem 1.4rem 1.4rem;
  text-align: center;
  flex:1;
}
.bioloreste-producto-info h3 {
  font-size: 1.1rem;
  color: #1F3D2B;
  margin-bottom: 0.4rem;
}
.bioloreste-precio {
  font-size: 1.4rem;
  color: #B8860B;
  font-weight: 700;
  margin-bottom: .8rem;
}
.bioloreste-producto-info p {
  color: #506b5b;
  font-size: .9rem;
  margin-bottom: 1rem;
}
.bioloreste-botones {
  display: flex;
  gap: .6rem;
  justify-content: center;
  flex-wrap: wrap;
}


/* ===== FOOTER ===== */
.site-footer{
  text-align:center;
  padding:2.5rem 1rem 2.8rem;
}
.site-footer p{
  margin-bottom:1.2rem;
  color:#1f3d2b;
}
.site-footer .social-icons{
  display:flex;
  gap:.7rem;
  justify-content:center;
  flex-wrap:wrap;
}
.site-footer .social-icon{
  width:38px;
  height:38px;
  border-radius:12px;
  background:#fff;
  border:1px solid rgba(184,134,11,.25);
  display:flex;
  align-items:center;
  justify-content:center;
}
.site-footer .social-icon img{
  width:22px;
  height:22px;
  object-fit:contain;
}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
  .product-card{flex-direction:column;}
  .site-header-bioloreste .site-branding img.custom-logo{max-height:90px;}
  .main-navigation .menu{gap:1rem;}
}