/* === Modernización visual — Alarmas Domiciliarias === */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800&display=swap');

:root{
  --brand:#1e6fd9; --brand2:#36a3ff; --navy:#16223a; --ink:#2c3850;
  --muted:#6b7686; --bg:#f4f7fc; --card:#ffffff; --line:#e7ebf2;
}

body{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  color:var(--ink); background:var(--bg); line-height:1.7; font-size:16px;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,.entry-title,.widget-title,.main-title{
  font-family:'Poppins','Inter',sans-serif; color:var(--navy);
  letter-spacing:-.01em; line-height:1.25;
}
a{color:var(--brand); transition:color .15s}
a:hover{color:var(--brand2)}
.entry-content p,.entry-content li{color:var(--ink)}

/* ---- Header ---- */
.site-header{background:#fff; border-bottom:1px solid var(--line); box-shadow:0 2px 14px rgba(20,34,58,.06)}
.main-title a{color:var(--navy)!important; font-weight:800; letter-spacing:-.02em}
.site-description{color:var(--muted)!important}

/* ---- Navegación ---- */
.main-navigation{background:transparent}
.main-navigation .main-nav ul li a{font-weight:600; font-size:.95rem; border-radius:8px; transition:.18s}
.main-navigation .main-nav ul li a:hover{color:var(--brand)!important; background:#eef4fd!important}
.main-navigation .main-nav ul li.current-menu-item>a{color:var(--brand)!important}
.main-navigation .menu-toggle{border-radius:10px}

/* ---- Contenido como tarjeta ---- */
.inside-article{
  background:var(--card); border:1px solid var(--line); border-radius:18px;
  box-shadow:0 2px 18px rgba(20,34,58,.05); padding:30px 34px;
}
@media(max-width:768px){.inside-article{padding:20px}}
.entry-title{font-weight:800; font-size:2rem; margin-bottom:.5em}
.entry-content h2{font-size:1.55rem; margin-top:1.4em}
.entry-content h2 strong{color:var(--brand)}
.entry-content h3{font-size:1.2rem}

/* ---- Imágenes ---- */
.entry-content img,.wp-block-image img{border-radius:12px}
figure.wp-block-image{box-shadow:0 8px 24px rgba(20,34,58,.10); border-radius:12px; overflow:hidden}

/* ---- Botones ---- */
.wp-block-button__link,.button,input[type=submit],button[type=submit],.wpcf7-submit,.adx-more{
  background:linear-gradient(135deg,var(--brand),var(--brand2))!important; color:#fff!important;
  border:none!important; border-radius:40px!important; padding:13px 30px!important;
  font-weight:700!important; box-shadow:0 7px 18px rgba(30,111,217,.30);
  transition:transform .18s,filter .18s; text-decoration:none!important; cursor:pointer;
}
.wp-block-button__link:hover,.button:hover,input[type=submit]:hover,button[type=submit]:hover,.wpcf7-submit:hover{
  filter:brightness(1.08); transform:translateY(-2px)
}

/* ---- Tablas ---- */
.wp-block-table table{
  border-collapse:separate; border-spacing:0; width:100%; border-radius:12px;
  overflow:hidden; box-shadow:0 2px 12px rgba(20,34,58,.06); border:1px solid var(--line); background:#fff;
}
.wp-block-table thead th{background:var(--navy); color:#fff; font-family:'Poppins'; font-weight:600; padding:13px 14px; text-align:left}
.wp-block-table td{padding:11px 14px; border-top:1px solid var(--line)}
.wp-block-table tbody tr:nth-child(even){background:#f7f9fc}
.wp-block-table tbody tr:hover{background:#eef4fd}

/* ---- Widgets / sidebar ---- */
.widget{
  background:var(--card); border:1px solid var(--line); border-radius:14px;
  box-shadow:0 2px 12px rgba(20,34,58,.05); padding:18px 20px!important; margin-bottom:22px;
}
.widget-title{font-size:1.05rem; font-weight:700; border-left:4px solid var(--brand); padding-left:11px; margin-bottom:14px}
.widget ul li a{color:var(--ink)}
.widget ul li a:hover{color:var(--brand)}

/* ---- Formularios ---- */
input[type=text],input[type=email],input[type=tel],input[type=number],select,textarea,
.wpcf7 input,.wpcf7 select,.wpcf7 textarea{
  border:1px solid var(--line)!important; border-radius:10px!important; padding:11px 13px!important;
  background:#fff; font-family:inherit; transition:.18s;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--brand)!important; box-shadow:0 0 0 3px rgba(30,111,217,.15)!important; outline:none
}

/* ---- Footer ---- */
.site-info{background:var(--navy); color:#cfd8e6}
.site-info a{color:#9cc3f5}
.site-info a:hover{color:#fff}

/* ---- Separadores ---- */
.wp-block-separator{border-color:var(--line); opacity:1}