/*
 * Adaptación responsive de la plantilla rt_panacea (ancho fijo de 960px).
 * En escritorio (>= 980px) no se aplica nada: la réplica es idéntica a la web original.
 */

/* Botón del menú móvil: oculto en escritorio */
.ifl-menu-toggle {display: none;}

/* Campo trampa antispam del formulario de contacto (invisible para personas) */
.ifl-hp {position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden;}

/* Crédito del pie (Mavagna) */
#powered-by a {display: inline-block; line-height: 0;}
#powered-by img {width: 123px; height: 25px !important; max-width: none; vertical-align: middle;}

@media (max-width: 979px) {
  body {min-width: 0;}
  .rt-container {width: auto; max-width: 960px;}
  .rt-container .rt-grid-1, .rt-container .rt-grid-2, .rt-container .rt-grid-3,
  .rt-container .rt-grid-4, .rt-container .rt-grid-5, .rt-container .rt-grid-6,
  .rt-container .rt-grid-7, .rt-container .rt-grid-8, .rt-container .rt-grid-9,
  .rt-container .rt-grid-10, .rt-container .rt-grid-11, .rt-container .rt-grid-12 {
    display: block; float: none; width: auto; margin-left: 10px; margin-right: 10px;
  }
  .rt-container .rt-grid-9 .rt-grid-9, .rt-container .rt-grid-12 .rt-grid-12 {margin-left: 0; margin-right: 0;}
  #rt-body-bg {margin: -20px 0 -10px 0;}

  /* Contenido: imágenes, vídeos y tablas fluidos */
  img {max-width: 100%; height: auto !important;}
  iframe {max-width: 100%;}
  iframe[src*="youtube"], iframe[src*="vimeo"] {width: 100% !important; height: auto !important; aspect-ratio: 16 / 9;}
  #rt-main table {width: 100% !important; height: auto !important;}
  #rt-main td, #rt-main th {width: auto !important; height: auto !important;}
  .rt-article, .module-content {overflow-wrap: break-word;}
  #contact-form input[type="text"], #contact-form textarea {width: 100%; box-sizing: border-box;}

  /* Cabecera: logo y lema */
  #rt-top .rt-grid-3, #rt-top .rt-grid-9 {text-align: center;}
  #rt-logo {margin: 0 auto !important; max-width: 100%;}
  #rt-top .custom > div {width: auto !important; height: auto !important; margin: 0 !important;}
  #rt-top .custom img {width: 100% !important; max-width: 706px;}
  .datefeature-block {width: auto !important; margin: 0 !important; line-height: 40px !important;}

  /* Menú móvil */
  .ifl-menu-toggle {
    display: block; width: 100%; margin: 0 0 10px; padding: 10px 12px; cursor: pointer;
    background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.2); border-radius: 3px;
    color: #DDDDDD; font: bold 13px/1 Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: left;
  }
  .ifl-menu-toggle span {float: right; font-size: 16px; line-height: 13px;}
  .rt-fusionmenu {display: none; padding-bottom: 10px;}
  body.ifl-menu-open .rt-fusionmenu {display: block;}
  .menutop {display: block; padding: 0;}
  .menutop li.root {float: none; margin: 0; border-top: 1px solid rgba(255,255,255,0.12);}
  .menutop li.root > .item span {padding: 12px 5px; margin: 0;}
  .menutop li.root > .item {padding: 0; border-bottom: 0 !important;}
  .menutop li.parent.root > .item span.daddyicon {display: none;}
  .menutop li .fusion-submenu-wrapper {position: static; left: auto; width: auto !important; padding: 0 0 6px 15px; background: none;}
  .menutop li .fusion-submenu-wrapper ul {float: none; width: auto !important;}
  .menutop li .fusion-submenu-wrapper li {list-style: none;}
  .menutop li .fusion-submenu-wrapper .item {display: block; padding: 8px 5px; color: #DDDDDD; border: 0 !important;}
  .menutop li .fusion-submenu-wrapper li.active > .item {color: #99D0FF;}
  .menutop .drop-bot {display: none;}

  /* Rotador */
  #rt-rotator2 {min-height: 220px;}
  .rotator-preview {display: none;}
  .rotator-text {float: none; width: auto; margin-top: 30px; padding: 0 10px; text-align: center;}
  .rotator-line2 {font-size: 56px; line-height: 60px; letter-spacing: -3px;}
  .rotator-line3 {text-align: center;}
  .rotator-overlay {top: 60px;}

  /* Pie */
  #developed-by, #powered-by {float: none; text-align: center;}
}

@media (max-width: 480px) {
  .rotator-line1, .rotator-line3 {font-size: 13px;}
  .rotator-line2 {font-size: 40px; line-height: 44px; letter-spacing: -2px;}
  #rt-rotator2 {min-height: 200px;}
}