/* Cobre Salud - static rebuild of the JA Zeolite (red) Joomla 1.5 layout.
   The original template stylesheets were never archived; this file recreates the layout and palette. */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body#bd { background: #ce6418 linear-gradient(#a84c0e, #ce6418 380px) no-repeat; font: 13px/1.6 Arial, Helvetica, sans-serif; color: #333; }
a { color: #b4410c; text-decoration: none; }
a:hover { color: #7a2a05; text-decoration: underline; }
img { border: 0; max-width: 100%; height: auto; }
.clearfix::after { content: ""; display: table; clear: both; }
.accessibility { position: absolute; left: -9999px; top: 0; }
#ja-wrapper { max-width: 980px; margin: 0 auto; padding: 0 15px 20px; }

/* top panel: pathway */
#ja-cpanel { color: #fbe3cf; font-size: 12px; padding: 8px 0; }
#ja-cpanel a { color: #fff; }
#ja-pathway .sep { margin: 0 6px; color: #fbe3cf; }

/* header */
#ja-header { background: #2b1a10; background: linear-gradient(#3a2416, #1f130b); border-radius: 6px 6px 0 0; padding: 18px 20px 0; }
h1.logo { margin: 0 0 14px; font: bold 34px/1 "Trebuchet MS", Arial, sans-serif; letter-spacing: 1px; }
h1.logo a { color: #e8a56d; background: linear-gradient(#f6c79a, #b8652a); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
h1.logo a::after { content: " CU+"; -webkit-text-fill-color: #e3141b; color: #e3141b; }
h1.logo a:hover { text-decoration: none; }

/* main navigation */
#ja-mainnav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
#ja-mainnav li a { display: block; padding: 10px 18px; color: #f3dccb; font-weight: bold; font-size: 13px; text-transform: uppercase; border-radius: 4px 4px 0 0; }
#ja-mainnav li a:hover, #ja-mainnav li.active a, #ja-mainnav li a.active { background: #ce6418; color: #fff; text-decoration: none; }
#ja-mainnav li.menu-1win { margin-left: auto; }
#ja-mainnav li.menu-1win a { text-transform: none; font-weight: normal; color: #f6c79a; }
#ja-mainnav li.menu-1win a:hover { color: #fff; }

/* banner (replaces the original Flash slideshow) */
#ja-slideshow { background: #fff; padding: 10px 10px 0; }
.cs-banner { height: 302px; background: #f2f2f2 url(../../../images/cobresalud-cu.jpg) no-repeat 78% 48%; background-size: 160%; border: 1px solid #e3d3c6; }
body.home .cs-banner { height: auto; aspect-ratio: 1650 / 1250; background-size: 100%; background-position: 0 0; }

/* containers */
#ja-containerwrap-fr { background: #fff; padding: 15px 10px; }
#ja-mainbody { display: flex; gap: 20px; }
#ja-contentwrapper { order: 2; flex: 1; min-width: 0; }
#ja-col1 { order: 1; width: 200px; flex: 0 0 200px; }
#ja-col1 > br { display: none; }
#ja-col1 .module { background: #fbf3ec; border: 1px solid #ecd8c7; border-radius: 4px; margin-bottom: 15px; padding: 10px; }
#ja-col1 .module h3 { margin: -10px -10px 10px; padding: 7px 10px; background: #ce6418; color: #fff; font-size: 13px; text-transform: uppercase; border-radius: 4px 4px 0 0; }
#ja-col1 a.mainlevel { padding: 5px 4px 5px 14px; border-bottom: 1px dotted #e0c4ad; color: #5a3a24; font-size: 12px; position: relative; }
#ja-col1 a.mainlevel::before { content: "\203A"; position: absolute; left: 3px; color: #ce6418; }
#ja-col1 a.mainlevel:hover { color: #b4410c; text-decoration: none; background: #f6e4d5; }
#ja-col1 p { margin: 0; }
.imglink { display: inline-block; margin: 4px 0; padding: 8px 10px; border: 1px solid #e0b896; border-radius: 4px; background: linear-gradient(#fff, #f6e2d1); color: #8a3a0c; font-weight: bold; font-size: 12px; text-align: center; min-width: 150px; }
a:hover .imglink { background: #ce6418; color: #fff; }

/* content */
#ja-content h2.contentheading, #ja-content td.contentheading, #ja-content h3, #vmMainPage h3 { color: #b4410c; font-size: 20px; font-weight: normal; margin: 0 0 12px; padding-bottom: 6px; border-bottom: 2px solid #f0dccb; }
#ja-content p { margin: 0 0 10px; }
.article_separator { display: block; height: 10px; }
.vmFieldTitle { display: block; }
#vmMainPage table { border-collapse: collapse; }
#vmMainPage td[align="center"] { padding: 6px; vertical-align: top; }
a.category { display: block; padding: 14px 6px; border: 1px solid #ecd8c7; border-radius: 6px; background: linear-gradient(#fff, #fbefe5); color: #5a3a24; font-weight: bold; font-size: 12px; min-height: 120px; }
a.category:hover { border-color: #ce6418; text-decoration: none; color: #b4410c; }
.cat-ico { display: block; width: 64px; height: 64px; margin: 0 auto 10px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #f7c99f, #b8652a 70%, #7a3a12); color: #fff; font: bold 22px/64px "Trebuchet MS", Arial, sans-serif; }
.cat-ico sup { color: #e3141b; font-size: 15px; }
tr.sectiontableheader th { background: #ce6418; color: #fff; text-align: left; padding: 6px 8px; font-size: 12px; }
tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 8px; border-bottom: 1px solid #f0dccb; vertical-align: top; }
#component-contact td { vertical-align: top; }
.ci { display: inline-block; font-weight: bold; color: #b4410c; padding-right: 8px; }
.article-content table td p { text-align: center; }

/* bottom spotlight + footer */
#ja-botsl { background: #fff; border-top: 1px solid #f0dccb; padding: 12px 10px; text-align: center; }
#ja-botsl .imglink { min-width: 260px; font-size: 14px; }
#ja-footer { background: #2b1a10; color: #e8cdb7; border-radius: 0 0 6px 6px; padding: 14px 20px; font-size: 12px; text-align: center; }
#ja-footer p { margin: 3px 0; }
#ja-footer a { color: #f6c79a; }

@media (max-width: 760px) {
  #ja-wrapper { padding: 0 8px 12px; }
  #ja-mainbody { flex-direction: column; }
  #ja-col1 { width: auto; flex: none; order: 2; }
  #ja-mainnav li a { padding: 8px 10px; font-size: 12px; }
  #ja-mainnav li.menu-1win { margin-left: 0; }
  h1.logo { font-size: 26px; }
  .cs-banner { height: 180px; }
  .vm-cats, .vm-cats tbody, .vm-cats tr { display: block; }
  .vm-cats td { display: inline-block; width: 50% !important; }
  #vmMainPage table:not(.vm-cats) td, #vmMainPage table:not(.vm-cats) th { padding: 5px; font-size: 12px; }
}