/* === JGS · ajustes globales de tipografia y color — 14-09-2026 === */
:root{--jgs-navy:#0B2E55;--jgs-teal:#00736F;--jgs-orange:#FF9A00;}

body{font-size:17px;line-height:1.7;color:#22303C}
.full-container{max-width:1240px}

/* Cabecera y menu */
#masthead .main-navigation ul li a{font-size:15.5px;font-weight:600}
#masthead .main-navigation ul li:hover > a,
#masthead .main-navigation ul li.current-menu-item > a{color:#00736F}

/* Titulos */
h1,h2,h3,h4,h5{color:#0B2E55}
.entry-title{font-size:30px;line-height:1.2}
#main .entry-content{font-size:17px;line-height:1.72}
#main .entry-content h2{font-size:26px;margin-top:34px}
#main .entry-content h3{font-size:20px}

/* Enlaces */
#main .entry-content a{color:#00736F}
#main .entry-content a:hover{color:#FF9A00}

/* Botones del tema */
.entry-content .more-link,
input[type=submit], button, .button{background:#FF9A00;color:#16212B;border:0;font-weight:700;border-radius:5px;padding:12px 24px}
input[type=submit]:hover, button:hover, .button:hover{background:#ffab29;color:#16212B}

/* Pie de pagina */
#colophon{background:#0B2E55;color:#C9D7E5;font-size:15px}
#colophon a{color:#FFC46B}
#colophon a:hover{color:#fff}
#colophon .widget-title,#colophon h3{color:#fff}

/* Barra lateral de widgets */
#secondary .widget-title{color:#0B2E55;font-size:16px;letter-spacing:.04em}
#secondary a{color:#00736F}

/* === Menu principal y logo - 22-09-2026 === */
#masthead .logo img{height:78px !important;width:auto !important;max-width:none !important}
#masthead .main-navigation ul.menu > li > a{
  font-family:'Roboto Condensed','Open Sans',Arial,sans-serif !important;
  font-size:19.5px !important;
  font-weight:700 !important;
  letter-spacing:.2px !important;
  padding:25px 19px !important;
}
#masthead .main-navigation ul.menu ul li a{
  font-family:'Roboto Condensed','Open Sans',Arial,sans-serif !important;
  font-size:17px !important;
  font-weight:600 !important;
  padding:11px 18px !important;
}
#masthead .main-navigation ul li:hover > a,
#masthead .main-navigation ul li.current-menu-item > a{color:#FF9A00 !important}
/* logo a la izquierda, menu a la derecha */
#masthead .full-container{max-width:1240px !important;justify-content:space-between !important;align-items:center}
#masthead .full-container .logo-in-menu-wrapper{margin-right:auto}

/* ================================================================
   JGS v2 · estilo flyer — 24-09-2026
   Letras grandes, franjas de color, espacios aprovechados.
   Para volver atrás: borrar desde esta línea hasta el final.
   ================================================================ */
html body{font-size:19px;line-height:1.65}
html body .full-container{max-width:1320px}
html body #main .entry-content{font-size:19px;line-height:1.65}

/* ---------- Franja superior (cabecera) ---------- */
html body #masthead,html body #masthead .main-navigation,html body .main-navigation{
  background:linear-gradient(100deg,#0B2E55 0%,#00736F 88%,#FF9A00 88.2%,#FF9A00 100%) !important;
  border-bottom:6px solid #FF9A00;box-shadow:none}
html body #masthead .full-container{display:flex;align-items:center;min-height:92px}
html body #masthead .logo{background:#fff;border-radius:14px;padding:6px 14px;margin:10px 26px 10px 0;display:inline-block;line-height:0}
html body #masthead .logo img{height:66px !important;width:auto !important;max-height:66px !important}
html body #masthead .main-navigation ul li a{font-size:19px !important;font-weight:800 !important;color:#fff !important;padding:32px 18px !important;letter-spacing:.2px;text-transform:uppercase}
html body #masthead .main-navigation ul li:hover > a,
html body #masthead .main-navigation ul li.current-menu-item > a,
html body #masthead .main-navigation ul li.current-menu-ancestor > a{color:#FFD08A !important;background:rgba(255,255,255,.08) !important}
html body #masthead .main-navigation ul ul{background:#0B2E55 !important;min-width:300px}
html body #masthead .main-navigation ul ul li a{font-size:17px !important;text-transform:none;padding:14px 20px !important;color:#fff !important}
html body #masthead .main-navigation ul ul li a:hover{background:#00736F !important}
html body .main-navigation .menu-toggle,html body #so-mobilenav-standard-1 a{color:#fff !important;font-size:19px !important}

/* ---------- Tipografía de las páginas .jgs ---------- */
html body #main .jgs{font-size:19px}
html body #main .jgs .hero{padding:52px 56px 46px !important}
html body #main .jgs .hero h1{font-size:54px !important;line-height:1.1 !important}
html body #main .jgs .eyebrow{font-size:16px !important;letter-spacing:.12em}
html body #main .jgs .lead{font-size:22px !important;line-height:1.55 !important;max-width:900px}
html body #main .jgs .chips span{font-size:17px !important;padding:8px 16px !important}
html body #main .jgs .cta a,html body #main .jgs a.bo,html body #main .jgs a.bg{font-size:20px !important;padding:16px 32px !important;border-radius:8px !important}
html body #main .jgs h2{font-size:34px !important}
html body #main .jgs .ficha b{font-size:15px !important}
html body #main .jgs .ficha span{font-size:19px !important}
html body #main .jgs .obj li{font-size:19px !important}
html body #main .jgs .mods h3{font-size:23px !important}
html body #main .jgs .mods p{font-size:18px !important}
html body #main .jgs .mods .n{font-size:20px !important}
html body #main .jgs .met,html body #main .jgs .sub,html body #main .jgs .cierre p{font-size:19px !important}
html body #main .jgs .cierre h3{font-size:26px !important}
html body #main .jgs .nota{font-size:16px !important}
html body #main .jgs .cc{font-size:18px !important}

/* ---------- Portada ---------- */
html body #main .jgshero h1{font-size:58px !important;line-height:1.08 !important}
html body #main .ey{font-size:16px !important}
html body #main .jgshero p{font-size:22px !important}
html body #main a.bo,html body #main a.bg,html body #main a.btn,html body #main a.ver{font-size:20px !important;padding:16px 32px !important}
html body #main .pie,html body #main .pie span{font-size:17px !important}
html body #main .et{font-size:15px !important;padding:8px 14px !important}
html body #main .tx,html body #main .tx span{font-size:19px !important}
html body #main .so-panel h1{font-size:34px !important}
html body #main .so-panel h3{font-size:24px !important}
html body #main .circle-icon-box h4{font-size:21px !important}
html body #main .circle-icon-box p,html body #main .textwidget p{font-size:18px !important;line-height:1.6 !important}
html body #main .int{font-size:18px !important}

/* ---------- Red secuencial: a todo el ancho ---------- */
html body #main .jgsmapa,html body #main .figura{max-width:100% !important;width:100% !important}
html body #main .jgsmapa img,html body #main .figura img{width:100% !important;max-width:100% !important;height:auto !important}
html body #main .jgsmapa h3{font-size:30px !important}

/* ---------- Franja inferior (pie) ---------- */
html body #colophon{background:linear-gradient(100deg,#0B2E55 0%,#0B2E55 70%,#00736F 100%) !important;border-top:6px solid #FF9A00;padding:0 !important}
html body #colophon #footer-widgets{max-width:1320px;display:block !important;padding:34px 20px 10px !important}
html body #colophon #footer-widgets .widget{width:100% !important;float:none !important;margin:0 !important;padding:0 !important}
html body #colophon .widget_vantage-social-media{display:none !important}
html body #colophon .jgsfoot{max-width:1320px !important;padding:0 !important}
html body #colophon .jgsfoot .g{grid-template-columns:1.4fr 1fr 1fr 1fr !important;gap:40px !important}
html body #colophon .jgsfoot h5{font-size:16px !important}
html body #colophon .jgsfoot p,html body #colophon .jgsfoot li{font-size:18px !important;line-height:1.75 !important}
html body #colophon #site-info{font-size:15px !important;padding:14px 20px 20px !important;color:#C9D6E3 !important}

/* ---------- Teléfono y tablet ---------- */
@media (max-width:1500px){
  html body #masthead,html body #masthead .main-navigation,html body .main-navigation{background:linear-gradient(100deg,#0B2E55 0%,#00736F 100%) !important}
}
@media (max-width:900px){
  html body #masthead,html body .main-navigation{background:linear-gradient(100deg,#0B2E55 0%,#00736F 100%) !important}
  html body #masthead .logo img{height:52px !important;max-height:52px !important}
  html body #main .jgs .hero{padding:34px 22px 30px !important}
  html body #main .jgs .hero h1,html body #main .jgshero h1{font-size:36px !important}
  html body #main .jgs .lead,html body #main .jgshero p{font-size:19px !important}
  html body #main .jgs h2{font-size:27px !important}
  html body #colophon .jgsfoot .g{grid-template-columns:1fr !important;gap:22px !important}
}

/* Portada: el héroe gana sobre las reglas generales de paneles */
html body #main .so-panel .textwidget .jgshero h1{font-size:58px !important;line-height:1.08 !important}
html body #main .so-panel .textwidget .jgshero p{font-size:22px !important;line-height:1.55 !important}
html body #main .so-panel .textwidget .jgshero .ey{font-size:16px !important}
html body #main .so-panel .textwidget .pie,html body #main .so-panel .textwidget .pie span{font-size:17px !important}
@media (max-width:900px){
  html body #main .so-panel .textwidget .jgshero h1{font-size:36px !important}
  html body #main .so-panel .textwidget .jgshero p{font-size:19px !important}
}
/* Aviso del próximo curso: más grande y visible */
html body #main .jgsprox{max-width:1320px !important;margin-left:auto !important;margin-right:auto !important}
html body #main .jgsprox .caja{padding:24px 30px !important;border-width:3px !important;background:#FFF6E8 !important;gap:26px !important}
html body #main .jgsprox .et{font-size:17px !important;padding:10px 16px !important}
html body #main .jgsprox .tx{font-size:21px !important;line-height:1.45 !important}
html body #main .jgsprox .tx b,html body #main .jgsprox .tx strong{font-size:27px !important;display:block}
html body #main .jgsprox a{font-size:21px !important;padding:18px 34px !important}

/* ---------- Red secuencial en telefono: deslizable (2026-09-24) ---------- */
@media (max-width:820px){
html body #main .jgsmapa .marco{overflow-x:auto !important;-webkit-overflow-scrolling:touch}
html body #main .jgsmapa img{width:1100px !important;max-width:none !important}
}