
/* Keep the original desktop stacking after placing the header first in HTML. */
#header { z-index: 1; }
/* Responsive layout: original desktop dimensions remain unchanged above 920px. */
@media screen and (max-width: 920px) {
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  body { display: flex; flex-direction: column; min-width: 0; }
  body > * { min-width: 0; }
  #header { order: -1; position: static; width: 100%; height: auto; overflow: visible; }
  #headertop, #headertopimg, #headervalencia { width: 100%; height: auto; min-height: 89px; }
  #headertopimg, #headervalencia { background-size: contain; background-position: center; }
  #header h1 { box-sizing: border-box; width: 100%; padding: 22px 16px; font-size: clamp(20px, 4.8vw, 24px); line-height: 1.3; overflow-wrap: anywhere; }
  #headerbottombg, #headerbottom, #slogan { width: 100%; height: auto; float: none; }
  #slogan img { display: block; width: 100%; max-width: 888px; height: auto; margin: auto; }
  #centrecontent { float: none; padding-top: 0; font-size: 1rem; }
  #outer { margin-bottom: 0; }
  #clearheader, #clearfooter { height: 0; }
  #fixedcontent, #maincontent, #footercontent, #footer2 { box-sizing: border-box; width: 100%; }
  #leftcolumn, #leftcolumn2, #rightcolumn, #onecolumn,
  .left_colum_des, .right_colum_des, .formulario {
    box-sizing: border-box; float: none; width: 100%; max-width: 100%;
    margin: 0; padding: 20px 16px; text-align: left;
  }
  #rightcolumn { padding-top: 0; }
  .bg_center { box-sizing: border-box; width: 100%; padding: 16px; background-size: 100% 100%; }
  .right_arrib, .right_abaj { width: 100%; background-size: 100% 100%; }
  #nav { float: none; width: 100%; }
  #centrecontent h2 { font-size: 1.3rem; line-height: 1.35; }
  #centrecontent h3 { font-size: 1.1rem; line-height: 1.4; }
  #centrecontent p, #centrecontent li { line-height: 1.6; overflow-wrap: anywhere; }
  img { max-width: 100%; height: auto; }
  table { width: 100%; max-width: 100%; table-layout: fixed; }
  td, th { overflow-wrap: anywhere; vertical-align: top; padding: 4px; }
  td a { display: inline-block; padding: 8px 0; }
  form { box-sizing: border-box; width: auto; max-width: 100%; }
  input, textarea, select, button { box-sizing: border-box; max-width: 100%; font-size: 1rem; }
  iframe, object, embed { max-width: 100%; }
  #footer { height: auto; line-height: 1.5; }
  #footercontent { display: flow-root; }
  #copyright, #footernav { box-sizing: border-box; float: none; width: 100%; padding: 16px; font-size: 1rem; }
  #copyright p { margin-bottom: 0; }
  #copyright a, #footernav a { display: inline-block; padding: 8px 4px; }
  #footernav:empty { padding: 0; }
  #credit { font-size: .85rem; text-align: center; overflow-wrap: anywhere; }
  a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
}
