/* === Base === */
:root{
  --brand:#114B73;
  --text:#111827;
  --muted:#6b7280;
  --border:#e5e7eb;
  --bg:#ffffff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
  color:var(--text); background:var(--bg);
}

/* === Header === */
header.header{
  background:var(--brand);
  color:#fff;
  width:100%;
}
header.header .wrap{max-width:1200px;margin:0 auto;padding:14px 16px}
.brand{display:flex;align-items:center;gap:10px}
.brand .logo{height:36px;width:auto}
.brand span, header h1{font-weight:700;font-size:1.5rem;line-height:1}

/* === Contenedores === */
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.container{max-width:1100px;margin:22px auto;padding:0 16px}

/* === Tarjetas / paneles === */
.card{
  background:#fff;border:1px solid var(--border);border-radius:14px;
  box-shadow:0 2px 6px rgba(0,0,0,.06);
}
.card + .card{margin-top:16px}
.card-body{padding:18px}
.section-title{font-size:1.25rem;font-weight:700;margin:6px 0 14px}

/* === Formularios === */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid .full{grid-column:1 / -1}
label{display:block;font-size:.92rem;color:#374151;margin-bottom:6px}
input[type=text],input[type=email],input[type=password],
input[type=number],textarea,select{
  width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;
  font-size:1rem; outline:none; transition:border .15s, box-shadow .15s;
}
textarea{min-height:130px;resize:vertical}
input:focus,textarea:focus,select:focus{
  border-color:var(--brand);
  box-shadow:0 0 0 3px rgba(30,115,190,.12);
}

/* === Botones === */
.btn{display:inline-block;background:var(--brand);color:#fff;border:none;border-radius:10px;
  padding:10px 16px;text-decoration:none;font-weight:600;cursor:pointer;transition:filter .15s}
.btn:hover{filter:brightness(.95)}
.btn.gray{background:#6b7280}
.btn.outline{background:transparent;color:var(--brand);border:1px solid var(--brand)}

/* === Galería de imágenes preview === */
.gallery{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.gallery img{width:120px;height:90px;object-fit:cover;border-radius:8px;border:1px solid var(--border);background:#f3f4f6}

/* === Mensajes === */
.info{font-size:.95rem;color:#374151}
.error{color:#b91c1c}
.success{color:#065f46}

/* === Responsive === */
@media (max-width: 760px){
  .form-grid{grid-template-columns:1fr}
}

/* === Botón "Publicar" en index === */
.btn-publicar{background:#fff;color:var(--brand);padding:8px 16px;border-radius:8px;font-weight:600;text-decoration:none}
.btn-publicar:hover{background:#f3f4f6;color:#155a9c}


/* Botón base ya lo tenés, pero por si acaso */
.btn { display:inline-block; background:#0A996F; color:#fff; border:none;
  border-radius:10px; padding:10px 16px; font-weight:600; text-decoration:none; }
.btn:hover { filter:brightness(.95); }

.brand-link { color: inherit; }
.brand-link:hover { opacity: .85; }
.logo { height: 40px; width: auto; display:block; }
.logo-text { font: inherit; color: inherit; }



/* === User avatar & dropdown === */
.user-menu .dropdown a:hover{ background:#f3f4f6; }
.btn-publicar:hover{ filter:brightness(0.95); }


/* ======== PREMIUM CARDS ======== */
.card-premium {
  position: relative;
  border: 3px solid #d62828 !important; /* borde más grueso y visible */
  box-shadow: 0 0 10px rgba(214, 40, 40, 0.3);
}

/* Etiqueta superior "Premium" */
.card-premium::before {
  content: "Premium";
  position: absolute;
  top: -12px;
  left: 12px;
  background: #d62828;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  padding: 3px 10px;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.card-premium::before {
  animation: pulse-premium 2s infinite;
}

@keyframes pulse-premium {
  0% { transform: translateY(0); }
  50% { transform: translateY(-2px); }
  100% { transform: translateY(0); }
}