/*
Theme Name: IDOMEK Personalizado
Theme URI: https://idomek.vao.cl/
Author: Desarrollo IDOMEK
Description: Tema institucional integrado con IDOMEK Core y WooCommerce.
Version: 1.0.0
Requires PHP: 8.1
Text Domain: idomek-theme
*/
:root {
  --red:#fc3038;
  --red-dark:#990000;
  --charcoal:#303030;
  --ink:#303030;
  --light:#e8e8e8;
  --max:1200px;
}
*,*::before,*::after {box-sizing:border-box}
body {
  margin:0;
  font:400 16px/1.55 Montserrat,Arial,sans-serif;
  color:var(--ink);
  background:#fff;
}
a {color:inherit;text-decoration:none}
button,input {font:inherit}
img {max-width:100%;height:auto}
.idmk-container {
  width:min(var(--max),calc(100% - 40px));
  margin-inline:auto;
}
.screen-reader-text {position:absolute;left:-10000px}
.screen-reader-text:focus {
  left:15px;top:15px;z-index:9999;
  background:#fff;padding:10px;
}
/* IDMK_STYLE_A_OK */
.idmk-header,.idmk-footer {background:#303030;color:#fff}
.idmk-bar {display:flex;align-items:center;min-height:78px;gap:26px}
.idmk-brand {
  display:flex;align-items:center;color:#fff;
  white-space:nowrap;gap:12px;flex-shrink:0;
}
.idmk-brand-name {font-size:23px;font-weight:800}
.idmk-brand-tagline {
  border-left:1px solid #999;padding-left:10px;
  font-size:9px;line-height:1.25;text-transform:uppercase;
}
.idmk-brand .custom-logo {max-width:250px;max-height:58px;width:auto}
.idmk-menu {display:flex;gap:20px;align-items:center;margin-left:auto}
.idmk-menu-list {
  display:flex;align-items:center;flex-wrap:wrap;gap:16px;
  list-style:none;margin:0;padding:0;
}
.idmk-menu-list a {font-size:12px;font-weight:600;color:#fff}
.idmk-menu-list .current-menu-item>a,
.idmk-menu-list a:hover {color:#ff464d}
.idmk-aula {
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--red);color:#fff;border-radius:30px;
  padding:8px 20px;font-weight:800;font-size:12px;
  white-space:nowrap;
}
.idmk-aula.is-disabled {opacity:.72;cursor:default}
.idmk-menu-toggle {
  display:none;background:transparent;border:1px solid #aaa;
  border-radius:4px;color:#fff;padding:6px 10px;
}
.idmk-footer {padding:30px 0 65px}
.idmk-footer-nav {
  display:flex;align-items:center;justify-content:center;
  gap:36px;padding-bottom:25px;border-bottom:1px solid #777;
}
.idmk-footer-nav .idmk-menu-list {justify-content:center}
.idmk-footer-details {
  display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr .8fr;
  gap:20px;padding-top:35px;align-items:start;font-size:12px;
}
.idmk-footer-details strong {display:block;color:#fff}
.idmk-footer-details a {color:#fff}
.idmk-footer-details .idmk-meta {
  border-left:1px solid #aaa;padding-left:18px;min-height:55px;
}
.idmk-footer-details p {margin:3px 0;color:#ccc}
.idmk-footer-label {color:#bbb;font-size:11px}
/* IDMK_STYLE_B_OK */
@media(max-width:1100px) {
  .idmk-bar {flex-wrap:wrap}
  .idmk-menu {gap:12px}
  .idmk-menu-list {gap:9px}
  .idmk-menu-list a {font-size:11px}
}
@media(max-width:820px) {
  .idmk-bar {min-height:70px;justify-content:space-between}
  .idmk-menu-toggle {display:inline-flex;margin-left:auto}
  .idmk-menu {
    display:none;width:100%;flex-direction:column;
    align-items:stretch;margin:0 0 15px;
  }
  .idmk-menu.is-open {display:flex}
  .idmk-menu-list {flex-direction:column;align-items:stretch;gap:0}
  .idmk-menu-list a {display:block;font-size:14px;padding:10px 0}
  .idmk-aula {align-self:flex-start}
  .idmk-footer-nav {flex-wrap:wrap;gap:12px}
  .idmk-footer-details {grid-template-columns:1fr 1fr}
  .idmk-footer-details .idmk-meta {border-left:0;padding-left:0}
}
@media(max-width:480px) {
  .idmk-container {width:calc(100% - 30px)}
  .idmk-footer-details {grid-template-columns:1fr}
}
/* IDMK_STYLE_C_OK */