/*
Theme Name: POA Soluciones Eléctricas V10
Author: POA Soluciones Eléctricas
Version: 10.0
*/
:root{--navy:#071522;--blue:#0877d1;--yellow:#ffd21a;--white:#fff;--gray:#f4f6f8;--text:#162331}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.55}.container{width:min(1160px,92%);margin:auto}
.top{background:var(--navy);color:#fff;font-size:13px}.top a,.footer a{color:inherit;text-decoration:none}.top .container{display:flex;justify-content:space-between;padding:8px 0;gap:15px;flex-wrap:wrap}
.header{background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 15px #0001}.nav{display:flex;align-items:center;justify-content:space-between;min-height:86px}.logo{height:64px;width:auto;object-fit:contain}.menu{display:flex;align-items:center;gap:25px;font-weight:700}.menu a:hover{color:var(--blue)}.quote{background:var(--yellow);padding:12px 18px;border-radius:7px}
.hero{min-height:610px;background:linear-gradient(90deg,#071522f5 0%,#071522c9 48%,#07152220 100%),url('assets/hero.png') center/cover;color:#fff;display:flex;align-items:center}.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.02;margin:0 0 18px;max-width:760px}.hero h1 span{color:var(--yellow)}.hero p{font-size:21px;max-width:640px}.pillars{display:flex;gap:28px;flex-wrap:wrap;margin:25px 0}.pillar{font-weight:800}.pillar b{display:block;color:var(--yellow);font-size:28px}.btn{display:inline-block;padding:15px 24px;border-radius:8px;font-weight:900}.primary{background:var(--yellow);color:#111}.outline{border:2px solid #fff;color:#fff;margin-left:8px}
.section{padding:75px 0}.gray{background:var(--gray)}.title{text-align:center;margin-bottom:40px}.title small{color:var(--blue);font-weight:900;letter-spacing:2px}.title h2{font-size:39px;margin:6px 0}.title h2 span{color:#e7a900}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 28px #00000012}.card img{width:100%;height:175px;object-fit:cover;display:block}.card .body{padding:20px}.card h3{margin:0 0 8px;font-size:20px}.card p{margin:0 0 14px;color:#52606d}.service-link{color:var(--blue);font-weight:800;text-decoration:none;font-size:14px}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:8px}.feature .box{min-height:250px;padding:42px;background-size:cover;background-position:center;color:#fff;position:relative}.feature .box:before{content:"";position:absolute;inset:0;background:#071522c9}.feature .box>*{position:relative}.feature h2{font-size:34px;margin:0}.feature h2 span{color:var(--yellow)}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;text-align:center}.benefit strong{display:block;font-size:18px}.benefit .ico{font-size:42px;color:var(--blue)}

.eyebrow{color:var(--blue);font-weight:900;letter-spacing:2px;font-size:14px}.about-corporate{display:grid;grid-template-columns:1.02fr .98fr;gap:55px;align-items:center}.about-copy h2{font-size:clamp(38px,4vw,56px);line-height:1.03;margin:8px 0 22px;color:var(--navy)}.about-copy h2 span{display:block;color:#e7a900}.about-copy p{font-size:18px;color:#52606d}.about-values{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.about-values div{padding:15px 10px;border-top:3px solid var(--yellow);background:#f7f9fb}.about-values b{display:block;color:var(--blue);font-size:24px;margin-bottom:6px}.about-values strong,.about-values small{display:block}.about-values strong{font-size:12px}.about-values small{font-size:11px;color:#66727d}.about-image img{width:100%;border-radius:16px;display:block;box-shadow:0 15px 45px #0002}<section class="reviews" id="opiniones"><div class="container">
<div class="reviews-head"><div class="eyebrow">OPINIONES DE NUESTROS CLIENTES</div><h2>Lo que dicen nuestros clientes en <span>Google</span></h2><p>Experiencias reales de clientes que confiaron en POA Soluciones Eléctricas.</p><div class="google-rating"><span class="stars">★★★★★</span><strong>Google Maps</strong></div></div>
<div class="reviews-grid">
<?php
$reviews=[
 ['Jessica Estay','Servicio rápido y eficiente. Totalmente recomendado.'],
 ['Sofía Estay Bustos','Solucioné problemas que teníamos en el circuito eléctrico de mi depto. Muy profesional, responsable y amable. Lo recomiendo.'],
 ['Katherine Inostroza','Excelente trato, buen servicio.'],
 ['Rafael Arce','Excelente servicio, instalación de tablero ATS para generador a gasolina.'],
 ['César Cortés','Muy profesional. Excelente trato y servicio. Lo recomiendo 100%.'],
 ['Paula Lara Arancibia','Rapidez y precio razonable. Explicó en todo momento qué estaba haciendo. Arregló el desperfecto eléctrico en poco tiempo. Lo recomiendo.']
];
foreach($reviews as $r): ?>
<article class="review-card"><div class="review-top"><div class="review-avatar"><?php echo esc_html(mb_substr($r[0],0,1)); ?></div><div><strong><?php echo esc_html($r[0]); ?></strong><div class="review-stars">★★★★★</div></div><div class="google-mark">G</div></div><p>“<?php echo esc_html($r[1]); ?>”</p><div class="review-source">Reseña de Google Maps</div></article>
<?php endforeach; ?>
</div>
<div class="reviews-actions"><a class="btn outline-dark" href="https://share.google/q6pLjRXsFy6Yi54n3" target="_blank" rel="noopener">VER TODAS LAS RESEÑAS EN GOOGLE →</a><a class="btn primary" href="https://g.page/r/CSzS_rWR7ii8EBE/review" target="_blank" rel="noopener">DEJAR UNA RESEÑA →</a></div>
</div></section>


.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about img{width:100%;border-radius:14px}.about h2{font-size:38px}.check{list-style:none;padding:0}.check li{margin:12px 0;font-weight:700}.check li:before{content:"✓";color:var(--blue);font-weight:900;margin-right:10px}
.contact{background:var(--navy);color:#fff;border-radius:16px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact h2{font-size:38px;margin:0}.contact p{font-size:18px}.contact-line{font-size:16px!important}.contact-line a{color:#fff}
.footer{background:#030b12;color:#dbe4ec;padding:42px 0}.footergrid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}.footerlogo{width:210px;background:#fff;border-radius:6px}.footer h3{color:var(--yellow)}.bottom{border-top:1px solid #ffffff1a;margin-top:30px;padding-top:20px;font-size:13px}.wa{position:fixed;right:20px;bottom:20px;background:#20c86b;color:#fff;width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:900;z-index:30}
@media(max-width:900px){.menu{display:none}.cards{grid-template-columns:repeat(2,1fr)}.feature,.about{grid-template-columns:1fr}.benefits{grid-template-columns:repeat(2,1fr)}.contact{display:block}.outline{margin:10px 0 0}.top .container{justify-content:center}}
@media(max-width:520px){.cards{grid-template-columns:1fr}.hero{min-height:620px}.hero p{font-size:18px}.section{padding:55px 0}.benefits{grid-template-columns:1fr 1fr}.logo{height:54px}}