/*
Theme Name: Soraya Pallás Estética
Theme URI: https://example.com/
Author: OpenAI
Description: Tema WordPress elegante inspirado en el diseño de referencia para un centro de estética. Incluye portada adaptable y estilos para bloques Gutenberg.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: soraya-pallas
*/
:root{--sp-rose:#c58f8b;--sp-rose-dark:#ad7773;--sp-ink:#242121;--sp-muted:#6e6866;--sp-cream:#f8f4f1;--sp-line:#eadfda;--sp-gold:#d9b36f}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--sp-ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;background:#fff}
a{color:var(--sp-rose-dark);text-underline-offset:4px}
a:hover{color:#80514d}
img{max-width:100%;height:auto}
.sp-wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.sp-header{background:#fff;border-bottom:1px solid #f2ece8;position:relative;z-index:3}
.sp-header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.sp-brand{display:flex;flex-direction:column;text-decoration:none;color:var(--sp-ink);line-height:1.1;min-width:210px}
.sp-brand-mark{font-size:27px;text-align:center;color:var(--sp-rose);line-height:1}
.sp-brand-name{font-family:Georgia,'Times New Roman',serif;font-size:25px;letter-spacing:2px;text-transform:uppercase}
.sp-brand-sub{font-size:9px;letter-spacing:3px;color:var(--sp-rose-dark);text-align:center;margin-top:5px}
.sp-nav{display:flex;align-items:center;gap:30px}
.sp-nav a{color:#4e4948;text-decoration:none;font-size:14px}
.sp-nav a:hover{color:var(--sp-rose-dark)}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--sp-rose);color:#fff!important;text-decoration:none;padding:12px 24px;border-radius:28px;border:1px solid var(--sp-rose);font-size:14px;transition:.2s}
.sp-btn:hover{background:var(--sp-rose-dark);border-color:var(--sp-rose-dark)}
.sp-btn-outline{background:transparent;color:var(--sp-rose-dark)!important}
.sp-btn-outline:hover{background:#fff4f2}
.sp-hero{min-height:410px;background:linear-gradient(90deg,rgba(250,246,243,.97) 0%,rgba(250,246,243,.90) 33%,rgba(250,246,243,.05) 66%),url('https://images.unsplash.com/photo-1540555700478-4be289fbecef?auto=format&fit=crop&w=2000&q=85') center 45%/cover;display:flex;align-items:center}
.sp-hero-content{max-width:550px;padding:64px 0}
.sp-eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--sp-rose-dark);font-weight:600}
.sp-hero h1,.sp-section-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12}
.sp-hero h1{font-size:clamp(38px,4vw,54px);margin:14px 0 16px;max-width:520px}
.sp-hero p{max-width:470px;margin:0 0 24px}
.sp-actions{display:flex;flex-wrap:wrap;gap:14px}
.sp-services{padding:32px 0 34px;background:#fff}
.sp-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sp-service-card{display:grid;grid-template-columns:44% 1fr;background:#f7f3f1;border-radius:7px;overflow:hidden;min-height:160px}
.sp-service-card img{width:100%;height:100%;min-height:160px;object-fit:cover}
.sp-service-copy{padding:18px 18px 16px;display:flex;flex-direction:column;align-items:flex-start}
.sp-service-copy h2{font:400 23px/1.15 Georgia,'Times New Roman',serif;margin:0 0 9px}
.sp-service-copy p{font-size:13px;color:#625c5a;margin:0 0 12px}
.sp-text-link{font-size:13px;margin-top:auto}
.sp-reviews{background:linear-gradient(90deg,#f7f0ec,#fcfaf8);padding:35px 0}
.sp-reviews-inner{display:grid;grid-template-columns:1.2fr 2.8fr;gap:44px;align-items:center}
.sp-section-title{font-size:30px;margin:8px 0 0}
.sp-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sp-review{font-size:12px;color:#5f5957}
.sp-review-top{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.sp-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#eadbd5}
.sp-stars{color:var(--sp-gold);letter-spacing:2px;font-size:16px}
.sp-review p{margin:0 0 7px}
.sp-review strong{font-weight:500}
.sp-contact{padding:28px 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;align-items:center}
.sp-contact-map{min-height:190px;background:linear-gradient(135deg,#eee7df,#faf7f4);display:flex;align-items:center;justify-content:center;color:#a87973;text-align:center;padding:24px;border-radius:5px}
.sp-contact-map span{font-size:40px;display:block}
.sp-contact-details p{margin:0 0 10px;font-size:13px}
.sp-contact-details strong{display:block;color:#262222;font-weight:600}
.sp-whatsapp{display:inline-flex;align-items:center;gap:10px;background:#429b50;color:#fff!important;border-radius:32px;padding:13px 20px;text-decoration:none;font-size:13px;line-height:1.35}
.sp-whatsapp:hover{background:#328240}
.sp-signoff{text-align:center;color:#b58d88;font:italic 21px/1.35 Georgia,'Times New Roman',serif}
.sp-footer{border-top:1px solid #eee7e3;color:#77716f;font-size:11px;padding:14px 0}
.sp-footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.sp-footer a{color:inherit;text-decoration:none}
.sp-page-content{width:min(900px,calc(100% - 40px));margin:50px auto;min-height:40vh}
.wp-block-button__link{background:var(--sp-rose);border-radius:28px}
@media(max-width:950px){.sp-header-inner{flex-wrap:wrap;padding:18px 0}.sp-nav{order:3;width:100%;justify-content:center;gap:20px;flex-wrap:wrap}.sp-service-grid{grid-template-columns:1fr}.sp-service-card{min-height:180px}.sp-reviews-inner{grid-template-columns:1fr;gap:24px}.sp-contact{grid-template-columns:1fr 1fr}.sp-signoff{display:none}}
@media(max-width:600px){.sp-wrap{width:min(100% - 32px,1240px)}.sp-header-inner{justify-content:center}.sp-brand{align-items:center}.sp-nav{gap:14px}.sp-nav a{font-size:12px}.sp-header .sp-btn{padding:10px 15px}.sp-hero{min-height:470px;background-position:58% center;background-image:linear-gradient(90deg,rgba(250,246,243,.95),rgba(250,246,243,.78)),url('https://images.unsplash.com/photo-1540555700478-4be289fbecef?auto=format&fit=crop&w=1200&q=80')}.sp-hero-content{padding:55px 0}.sp-hero h1{font-size:39px}.sp-actions .sp-btn{width:100%}.sp-service-card{grid-template-columns:40% 1fr}.sp-service-copy{padding:14px}.sp-service-copy h2{font-size:20px}.sp-review-grid{grid-template-columns:1fr;gap:18px}.sp-review{font-size:13px}.sp-contact{grid-template-columns:1fr;gap:22px}.sp-contact-map{min-height:140px}.sp-footer-inner{justify-content:center;text-align:center}}
