/*
Theme Name: La Lola WP Theme
Theme URI: https://example.com/la-lola
Author: Generated by ChatGPT
Author URI: https://example.com
Description: Tema WordPress inspirado en la estructura de decorilla.com — diseño propio (hero, servicios, portfolio, testimonios, contacto). Incluye plantillas básicas y assets placeholder.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: la-lola
*/
:root{
  --accent: #ff5a8f;
  --muted: #666;
  --bg: #fff;
  --maxw: 1200px;
}
*{box-sizing:border-box}
body{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: #222; margin:0; background:var(--bg); line-height:1.5;
}
a{color:var(--accent); text-decoration:none}
.header-site{
  background:#fff; border-bottom:1px solid #eee;
  position:sticky; top:0; z-index:50;
}
.container{max-width:var(--maxw); margin:0 auto; padding:24px;}
.site-branding{display:flex; align-items:center; gap:16px}
.site-nav{margin-left:auto}
.site-nav ul{list-style:none; margin:0; padding:0; display:flex; gap:18px; align-items:center}
.hero{
  display:grid; grid-template-columns:1fr 460px; gap:30px;
  align-items:center; padding:64px 0;
}
.hero .hero-content h1{font-size:38px; margin:0 0 12px}
.hero .hero-content p{color:var(--muted); margin:0 0 20px}
.cta{display:inline-block; background:var(--accent); color:white; padding:12px 18px; border-radius:10px}
.card-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.card{background:#fff; border-radius:12px; box-shadow:0 4px 18px rgba(0,0,0,0.06); padding:18px}
.portfolio-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px}
.portfolio-item{height:220px; border-radius:10px; overflow:hidden; display:block}
.testimonials{background:#fafafa; padding:40px; border-radius:12px}
.footer{border-top:1px solid #eee; padding:40px 0; color:var(--muted)}
@media (max-width:900px){
  .hero{grid-template-columns:1fr; padding:40px 0}
  .card-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
  .card-grid,.portfolio-grid{grid-template-columns:1fr}
  .site-nav{display:none}
}