/*
Theme Name: Crear Mining
Theme URI: https://crearmining.com/
Author: Crear Mining
Author URI: https://crearmining.com/
Description: Tema personalizado basado en el diseño estático de Crear Mining.
Version: 2.0.0
Text Domain: crearmining
*/

:root{
  --cm-primary:#041E42;
  --cm-secondary:#bc995d;
  --cm-bg:#f6f8fb;
  --cm-text:#263241;
  --cm-muted:#6b778c;
  --cm-border:rgba(4,30,66,.12);
  --cm-nav-height:81px;
}

html, body { height: 100%; }
body{
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--cm-text);
  background: #fff;
  padding-top: var(--cm-nav-height);
}

body.admin-bar .navbar{
  top: 32px;
}

@media (max-width: 782px){
  body.admin-bar .navbar{
    top: 46px;
  }
}

body.admin-bar{
  padding-top: calc(var(--cm-nav-height));
}

@media (max-width: 782px){
  body.admin-bar{
    padding-top: calc(var(--cm-nav-height) + 46px);
  }
}

h1,h2,h3,h4,h5,h6, .font-head{
  font-family: "Syne", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--cm-primary);
  letter-spacing: -0.02em;
}

.text-muted-2{ color: var(--cm-muted) !important; }

.navbar{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  background: rgba(255,255,255,.85);
  border-bottom: 1px solid var(--cm-border);
  backdrop-filter: blur(12px);
  box-shadow: 0 6px 22px rgba(2,12,28,.08);
  transition: background .3s ease, box-shadow .3s ease;
  min-height: var(--cm-nav-height);
}

.btn-primary{
  background: var(--cm-primary);
  border-color: var(--cm-primary);
}
.btn-primary:hover{ filter: brightness(.95); }

.btn-outline-secondary{
  border-color: rgba(188,153,93,.55);
  color: var(--cm-primary);
}
.btn-outline-secondary:hover{
  background: rgba(188,153,93,.14);
  border-color: rgba(188,153,93,.75);
  color: var(--cm-primary);
}

.badge-soft{
  background: rgba(188,153,93,.14);
  color: var(--cm-primary);
  border: 1px solid rgba(188,153,93,.35);
}

.hero{
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(4,30,66,.06), rgba(4,30,66,0));
}
.hero::before{
  content:"";
  position:absolute;
  inset:-60px -60px auto auto;
  width:420px;
  height:420px;
  background: radial-gradient(circle at 30% 30%, rgba(188,153,93,.35), rgba(188,153,93,0) 60%);
  transform: rotate(18deg);
  pointer-events:none;
}
.hero::after{
  content:"";
  position:absolute;
  inset:auto auto -120px -120px;
  width:520px;
  height:520px;
  background: radial-gradient(circle at 35% 35%, rgba(4,30,66,.18), rgba(4,30,66,0) 65%);
  pointer-events:none;
}

.card-soft{
  border: 1px solid var(--cm-border);
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(2,12,28,.05);
}

.icon-pill{
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(4,30,66,.08);
  border: 1px solid rgba(4,30,66,.12);
  color: var(--cm-primary);
  flex: 0 0 auto;
}

.section{
  padding: 72px 0;
}

.section-alt{
  background: var(--cm-bg);
  border-top: 1px solid rgba(4,30,66,.08);
  border-bottom: 1px solid rgba(4,30,66,.08);
}

.list-check li{
  margin-bottom: .5rem;
}
.check{
  color: var(--cm-secondary);
  margin-right: .5rem;
  font-weight: 700;
}

.cta{
  background: linear-gradient(135deg, rgba(4,30,66,.92), rgba(4,30,66,.82));
  color: #fff;
  border-radius: 22px;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(255,255,255,.12);
}
.cta h2, .cta h3, .cta .font-head { color: #fff; }
.btn{
  font-family: "Syne", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 500;
  font-size: 100%;
}
.form-control, .form-select{
  border-radius: 14px;
  border-color: rgba(4,30,66,.18);
}
.form-control:focus, .form-select:focus{
  border-color: rgba(188,153,93,.75);
  box-shadow: 0 0 0 .25rem rgba(188,153,93,.18);
}

footer{
  border-top: 1px solid var(--cm-border);
}

/* Small helper */
.divider{
  height: 1px;
  background: rgba(4,30,66,.10);
  margin: 24px 0;
}

.blog-thumb{
  width: 100%;
  height: 260px;
  object-fit: cover;
}
.navbar .nav-item a{
  font-size: 15px;
  color: var(--cm-primary);
}
.navbar .btn{font-size: 15px;color: #FFF!important;}
.navbar .nav-item a:hover{color: var(--cm-secondary);}
.navbar .btn:hover{color: #FFF!important;}

.footer-social .social-link{
  color: var(--cm-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.footer-social .social-link:hover{
  color: var(--cm-secondary);
}