/*
Theme Name: KefasPress Beauty Demo v1
Theme URI: https://kefasdigital.com
Author: Kefas Digital
Description: Beauty business demo based on KefasPress Local Business v1. Includes 3 features and beauty-focused FAQ.
Version: 2.1-home-estetica
*/


/* Kefas fix: Home reviews horizontal grid */
#testimonials .sp-home-reviews-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 28px !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  align-items: stretch !important;
}
#testimonials .sp-home-reviews-grid > .sp-home-review-card {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}
#testimonials .sp-home-review-card .aspect-\[4\/3\] {
  width: 100% !important;
}
#testimonials .sp-home-review-card img {
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  display: block !important;
}
#testimonials .sp-home-review-card .p-8 {
  flex: 1 !important;
}
@media (max-width: 1024px) {
  #testimonials .sp-home-reviews-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 700px) {
  #testimonials .sp-home-reviews-grid {
    grid-template-columns: 1fr !important;
  }
}


/* KefasPress Beauty Demo v2 — horizontal feature/transform grids */
.kp-feature-grid,
.kp-transform-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
}
.kp-feature-card,
.kp-transform-card{
  height:100%;
}
.kp-transform-img{
  aspect-ratio:4/3;
  overflow:hidden;
  margin:0;
  background:#111;
}
.kp-transform-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.kp-transform-copy{
  padding:28px;
}
@media(max-width:900px){
  .kp-feature-grid,
  .kp-transform-grid{
    grid-template-columns:1fr !important;
  }
}


/* KefasPress Beauty Demo v3 — two horizontal reveal blocks */
.kp-reveal-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:28px !important;
  align-items:start !important;
}
.kp-reveal-card{
  min-width:0;
}
@media(max-width:900px){
  .kp-reveal-grid{
    grid-template-columns:1fr !important;
  }
}


/* KefasPress Beauty Demo v4 — explicit two reveal image controls */
.kp-reveal-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:28px !important;
}
@media(max-width:900px){
  .kp-reveal-grid{grid-template-columns:1fr !important;}
}


/* KefasPress Beauty Demo v5 — data migrator panel support */
.spc-card#migracion input[type="file"]{
  cursor:pointer;
}


/* =========================================================
   KefasPress Beauty Luna v12 — FAQ aesthetic only
   Solo estética de Preguntas Frecuentes.
   No cambia arquitectura, paneles ni secciones.
   Acente suave: azul cielo limpio + dorado tenue.
   ========================================================= */

.kp-faq-soft{
  background:
    radial-gradient(circle at 92% 14%, rgba(125, 201, 232, .10), transparent 24%),
    radial-gradient(circle at 8% 82%, rgba(217, 180, 85, .08), transparent 22%),
    #030302;
}

.kp-faq-soft .text-gold,
.kp-faq-soft .kp-faq-arrow{
  color:#8ed8f2 !important;
}

.kp-faq-soft > div{
  max-width:1100px;
}

.kp-faq-soft .mb-16{
  margin-bottom:54px !important;
}

.kp-faq-soft p.text-\[10px\]{
  color:#8ed8f2 !important;
  letter-spacing:.42em !important;
  opacity:.95;
}

.kp-faq-heading{
  font-size:clamp(42px,5.8vw,86px) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  color:#fff7eb !important;
  text-shadow:0 18px 44px rgba(0,0,0,.45);
}

.kp-faq-list{
  border-top:1px solid rgba(142,216,242,.20);
}

.kp-faq-item{
  border-color:rgba(142,216,242,.14) !important;
  transition:background .25s ease, border-color .25s ease;
}

.kp-faq-item:hover{
  background:rgba(142,216,242,.035);
}

.kp-faq-item summary{
  min-height:48px;
}

.kp-faq-question{
  font-size:clamp(23px,2.2vw,36px) !important;
  line-height:1.14 !important;
  letter-spacing:-.025em !important;
  color:#fff7eb !important;
  text-shadow:none !important;
}

.kp-faq-answer{
  color:rgba(255,247,235,.72) !important;
  font-size:clamp(14px,1.1vw,17px) !important;
  line-height:1.75 !important;
  padding-bottom:6px;
}

.kp-faq-arrow{
  font-size:20px !important;
  min-width:28px;
  text-align:center;
  filter:drop-shadow(0 0 12px rgba(142,216,242,.25));
}

.kp-faq-item[open] .kp-faq-question{
  color:#8ed8f2 !important;
}

.kp-faq-item[open]{
  background:linear-gradient(90deg, rgba(142,216,242,.055), transparent 72%);
}

@media(max-width:800px){
  .kp-faq-soft{
    padding-top:72px !important;
    padding-bottom:72px !important;
  }

  .kp-faq-heading{
    font-size:clamp(38px,11vw,58px) !important;
  }

  .kp-faq-question{
    font-size:24px !important;
  }
}