/*
Theme Name: DataMaster Informática
Theme URI: https://datamaster.cl/
Author: DataMaster
Description: Tema WP para empresa de informática en Chile. Incluye topbar con logo+redes+CTA, carrusel, servicios, precios (CLP), contacto con mapa, y plantillas de servicios/flyer.
Version: 1.1.0
Text Domain: datamaster-informatica
*/
:root{ --dm-primary:#0d6efd; --dm-dark:#0b132b; --dm-light:#f8f9fa; }
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:#222}
a{color:var(--dm-primary);text-decoration:none} a:hover{text-decoration:underline}
/* Topbar */
.dm-topbar{background:#0b132b;color:#fff}
.dm-topbar .wrap{max-width:1140px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:14px}
.dm-brand{display:flex;align-items:center;gap:10px;flex:1 1 auto}
.custom-logo,.brand-logo{height:44px;width:auto;display:block}
.dm-title{color:#fff;font-weight:700;font-size:1.1rem;text-decoration:none}
.dm-social a{color:#fff;opacity:.92;margin:0 6px;text-decoration:none;font-size:1.05rem}
.dm-social a:hover{opacity:1}
.dm-cta a{background:#00c9ff;color:#001b2a;text-decoration:none;border-radius:10px;padding:.45rem .75rem;font-weight:700;margin-left:8px;display:inline-block}
.dm-cta a.outline{background:transparent;border:1px solid #fff;color:#fff}
@media(max-width:900px){.dm-topbar .wrap{flex-wrap:wrap}.dm-cta{width:100%;display:flex;gap:8px}}
/* Layout */
.container{max-width:1140px;padding:0 16px;margin:0 auto}
.section{padding:60px 0}
.row{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-12{grid-column:span 12}
@media(max-width:900px){.col-4,.col-6{grid-column:span 12}}
/* Cards & UI */
.dm-card{border:1px solid #eaeaea;border-radius:12px;padding:18px;box-shadow:0 1px 8px rgba(0,0,0,.05);height:100%}
.dm-pill{display:inline-block;background:#e7f1ff;color:#0d6efd;padding:6px 10px;border-radius:999px;font-size:.85rem;margin:4px 4px 8px 0}
/* Hero Swiper */
.swiper{width:100%;height:480px}
.swiper-slide{display:flex;align-items:center;justify-content:center;background:#091a2f;color:#fff;position:relative}
.swiper-slide img{object-fit:cover;width:100%;height:100%;filter:brightness(.65)}
.swiper-slide .caption{position:absolute;left:5%;bottom:12%;color:#fff;max-width:640px}
.swiper-slide .caption h2{font-size:2rem;margin:0 0 .25rem 0}
.swiper-slide .caption p{margin:0;opacity:.9}
/* Forms & map */
.contact-form{max-width:720px}
input,textarea{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:10px}
button.button{background:var(--dm-primary);color:#fff;border:none;border-radius:10px;padding:12px 16px;cursor:pointer}
button.button:hover{opacity:.92}
.map-embed{border:0;width:100%;height:380px;border-radius:12px}
/* Footer */
.footer{background:#111;color:#ddd;padding:40px 0}
.footer a{color:#ddd}