/* Complemento del render nativo: las consultas, widgets y enlaces siguen en Elementor/ProRadio. */
.ocn-mobile-menu-title { display: none; }
@media (max-width: 767px) {
  body.ocn-mobile-experience { --ocn-mobile-gutter: 18px; }

  /* Elementor calcula el alto del inner al 100% antes de apilar el mosaico móvil. */
  body.ocn-mobile-experience :is(.elementor-widget-proradio-elementor-post-mosaic,.elementor-widget-proradio-elementor-category-grid,.elementor-widget-proradio-elementor-schedule) {
    flex-shrink: 0 !important;
    height: auto !important;
    min-height: min-content !important;
  }
  body.ocn-mobile-experience :is(.elementor-widget-proradio-elementor-post-mosaic,.elementor-widget-proradio-elementor-category-grid,.elementor-widget-proradio-elementor-schedule) > .elementor-widget-container { height: auto !important; }
  body.ocn-mobile-experience :is(.e-con-inner,.e-con.e-flex):has(> .elementor-widget-proradio-elementor-schedule) { display: block !important; }
  body.ocn-mobile-experience :is(.e-con-inner,.e-con.e-flex):has(> .elementor-widget-proradio-elementor-schedule) > .elementor-widget:not(:last-child) { margin-bottom: 16px; }
  body.ocn-mobile-experience .e-con-inner:has(> .elementor-widget-proradio-elementor-post-mosaic, > .elementor-widget-proradio-elementor-category-grid, > .elementor-widget-proradio-elementor-schedule) { height: auto !important; }
  body.ocn-mobile-experience.page-id-392364 .elementor-element-1e5280d > .e-con-inner {
    height: auto !important;
    padding-inline: 0 !important;
  }
  body.ocn-mobile-experience.page-id-392364 .elementor-element-74418f0 .proradio-mosaic__c {
    display: grid !important;
    gap: 16px !important;
    height: auto !important;
    padding: 0 !important;
    min-height: 0 !important;
  }
  body.ocn-mobile-experience.page-id-392364 .elementor-element-74418f0 .proradio-post__mosaic {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: #101a2b !important;
    transform: none !important;
    border-radius: 16px !important;
  }
  body.ocn-mobile-experience.page-id-392364 .elementor-element-74418f0 .proradio-bgimg--full {
    position: relative !important;
    inset: auto !important;
    aspect-ratio: 16 / 9;
    height: auto !important;
  }
  body.ocn-mobile-experience.page-id-392364 .elementor-element-74418f0 .proradio-post__mosaic__i {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  body.ocn-mobile-experience.page-id-392364 .elementor-element-74418f0 .proradio-post__mosaic::after { display: none; }
  body.ocn-mobile-experience.page-id-392364 .elementor-element-74418f0 .proradio-post__mosaic__c {
    position: static !important;
    height: auto !important;
    background: none !important;
  }
  body.ocn-mobile-experience.page-id-392364 .elementor-element-74418f0 .proradio-post__mosaic__c__c { padding: 18px !important; }
  body.ocn-mobile-experience.page-id-392364 .elementor-element-74418f0 .proradio-post__title {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    font-size: clamp(20px, 5.6vw, 25px) !important;
    line-height: 1.25 !important;
    margin: 12px 0 0 !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
  }
  body.ocn-mobile-experience.page-id-392364 .elementor-element-74418f0 .proradio-post__header__link { z-index: 0; }
  body.ocn-mobile-experience.page-id-392364 .elementor-element-74418f0 :is(.proradio-cats, h3) { position: relative; z-index: 1; }
  body.ocn-mobile-experience.page-id-392364 .elementor-element-74418f0 .proradio-cats { margin: 0; }
  body.ocn-mobile-experience.page-id-392364 .elementor-element-74418f0 .proradio-cats a { font-size: 12px !important; padding: 5px 8px; border-radius: 6px; border-color: #506079; }

  /* La base responsive no debe imponer height:auto a imágenes de fondo absoluto. */
  body.ocn-mobile-experience #proradio-pagecontent :is(.proradio-bgimg--full img, .proradio-cat-card img) { height: 100% !important; object-fit: cover; }
  body.ocn-mobile-experience #proradio-pagecontent .proradio-cat-card > picture { position: absolute; inset: 0; height: 100%; }
  body.ocn-mobile-experience.page-id-392364 .elementor-widget-proradio-elementor-category-grid .proradio-cat-card { aspect-ratio: auto; height: 110px; width: 100% !important; max-width: 100%; min-height: 110px; padding-top: 0 !important; margin-bottom: 0; border-radius: 12px; }
  body.ocn-mobile-experience.page-id-392364 .elementor-widget-proradio-elementor-category-grid .proradio-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 0; }
  body.ocn-mobile-experience.page-id-392364 .elementor-widget-proradio-elementor-category-grid .proradio-row::before,
  body.ocn-mobile-experience.page-id-392364 .elementor-widget-proradio-elementor-category-grid .proradio-row::after { display: none; }
  body.ocn-mobile-experience.page-id-392364 .elementor-widget-proradio-elementor-category-grid .proradio-col { width: 100% !important; height: auto !important; min-width: 0 !important; min-height: 0; padding: 0 !important; float: none; }
  body.ocn-mobile-experience.page-id-392364 .elementor-widget-proradio-elementor-category-grid .proradio-cat-card h6 { top: 12px; left: 12px; width: calc(100% - 24px); font-size: 15px !important; line-height: 1.3; }
  body.ocn-mobile-experience.page-id-392364 :is(.elementor-element-ocnhero,.elementor-element-1e5280d,.elementor-element-d4bfecd,.elementor-element-657ecc7,.elementor-element-5ac0775) { padding-inline: var(--ocn-mobile-gutter) !important; }
  body.ocn-mobile-experience.page-id-392364 .elementor-element-1e5280d { padding-block: 24px !important; }
  body#proradio-body.ocn-mobile-experience.page-id-392364 .elementor-element-d4bfecd .proradio-post__inline { height: auto !important; min-height: 150px; padding-left: 88px !important; }
  body#proradio-body.ocn-mobile-experience.page-id-392364 .elementor-element-d4bfecd .proradio-post__inline .proradio-thumb { width: 88px !important; height: 100% !important; }
  body#proradio-body.ocn-mobile-experience.page-id-392364 .elementor-element-d4bfecd .proradio-post__content { min-width: 0; padding: 14px !important; }
  body#proradio-body.ocn-mobile-experience.page-id-392364 .elementor-element-d4bfecd .proradio-post__title { display: block !important; font-size: 14px !important; line-height: 1.35 !important; max-height: none !important; height: auto !important; -webkit-line-clamp: unset !important; overflow: visible !important; }
  body.ocn-mobile-experience.page-id-392364 :is(.elementor-element-4220235,.elementor-element-a260976,.elementor-element-2fd382f,.elementor-element-3f343e1,.elementor-element-dcdd3a8) { margin-inline: var(--ocn-mobile-gutter) !important; width: auto; }

  /* Cabecera y panel conservan sus conmutadores y acordeones nativos. */
  body.ocn-mobile-experience #proradio-menu .proradio-btn { min-height: 44px; border-radius: 10px; }
  body.ocn-mobile-experience #proradio-overlay {
    width: 100% !important;
    max-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #0e1725 !important;
    padding-bottom: calc(24px + env(safe-area-inset-bottom));
    scrollbar-width: thin;
  }
  body.ocn-mobile-experience.proradio-overlayopen { overflow: hidden; }
  body.ocn-mobile-experience #proradio-overlay .proradio-overlay__closebar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 30;
    min-height: 72px;
    padding: calc(12px + env(safe-area-inset-top)) 18px 12px;
    background: #0e1725;
    border-bottom: 1px solid #2b374a;
  }
  body.ocn-mobile-experience .ocn-mobile-menu-title { display: inline; color: #fff; font-size: 17px; font-weight: 700; letter-spacing: -.02em; }
  body.ocn-mobile-experience #proradio-overlay .proradio-overlay__closebar .proradio-btn {
    background: #1b293c !important;
    border: 1px solid #64758c !important;
    border-radius: 12px !important;
    color: #fff !important;
    margin: 0 !important;
    flex: 0 0 44px;
  }
  body.ocn-mobile-experience #proradio-menu-tree-default { margin: 12px 18px 0 !important; padding: 0 !important; }
  body.ocn-mobile-experience #proradio-menu-tree-default li { border-color: #2b374a; }
  body.ocn-mobile-experience #proradio-overlay li#menu-item-6322 { display: none !important; }
  body.ocn-mobile-experience #proradio-menu-tree-default li > a:not(.proradio-openthis) {
    display: flex !important;
    align-items: center;
    min-height: 52px;
    padding: 10px 52px 10px 0 !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    color: #edf2fa !important;
  }
  body.ocn-mobile-experience #proradio-menu-tree-default .sub-menu { padding-left: 16px !important; margin: 0 0 8px !important; border-left: 2px solid #36465d; }
  body.ocn-mobile-experience #proradio-menu-tree-default .sub-menu li > a:not(.proradio-openthis) { min-height: 44px; font-size: 15px !important; padding-block: 9px !important; }
  body.ocn-mobile-experience #proradio-menu-tree-default .proradio-openthis {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px !important;
    height: 44px !important;
    top: 4px !important;
    right: 0 !important;
    padding: 0 !important;
    border: 1px solid #42536b;
    border-radius: 12px;
    background: #172337;
  }
  body.ocn-mobile-experience #proradio-menu-tree-default .proradio-openthis i { position: static; margin: 0; padding: 0; line-height: 1; border: 0 !important; background: none; }
  body.ocn-mobile-experience #proradio-menu-tree-default .proradio-openthis::before,
  body.ocn-mobile-experience #proradio-menu-tree-default .proradio-openthis::after { display: none !important; }
  body.ocn-mobile-experience #proradio-menu-tree-default :is(.current-menu-item,.current-menu-ancestor) > a:not(.proradio-openthis) { color: #e0f969 !important; }
  body.ocn-mobile-experience #proradio-overlay .proradio-overlay__social { padding: 20px 18px; }
  body.ocn-mobile-experience #proradio-overlay .proradio-sidebar__offcanvas { padding: 8px 18px; }
  body.ocn-mobile-experience #proradio-overlay a:focus-visible,
  body.ocn-mobile-experience #proradio-overlay [role=button]:focus-visible { outline: 2px solid #e0f969; outline-offset: 2px; }

  body.ocn-mobile-experience #proradio-pagecontent :is(input[type=text],input[type=search],input[type=email],input[type=tel],select,textarea) { font-size: 16px; min-height: 44px; }
  body.ocn-mobile-experience #proradio-pagecontent .proradio-the-content { overflow-wrap: break-word; }
  body.ocn-mobile-experience #proradio-pagecontent .proradio-the-content :is(p,li) { line-height: 1.65; }
  body.ocn-mobile-experience #proradio-megafooter .proradio-owl-sponsorcarousel img { max-width: 220px !important; margin-inline: auto; }
  body.ocn-mobile-experience.qtmplayer-enabled #proradio-copybar { padding-bottom: calc(80px + env(safe-area-inset-bottom)); }
}

/* Contraste de los controles nativos de programación en la web principal. */
body#proradio-body.ocn-mobile-experience .proradio-schedule__header .proradio-btn-primary,
body#proradio-body.ocn-mobile-experience .proradio-schedule__header .proradio-tabs__menu a.proradio-active {color:#101722!important;background-color:#ff8a72!important;text-shadow:none!important;opacity:1;}
body#proradio-body.ocn-mobile-experience .proradio-schedule__header .proradio-btn-primary i,
body#proradio-body.ocn-mobile-experience .proradio-schedule__header .proradio-btn-primary i::before,
body#proradio-body.ocn-mobile-experience .proradio-schedule__header .proradio-btn-primary i::after {color:inherit!important;opacity:1;}
body#proradio-body.ocn-mobile-experience .proradio-schedule__header .proradio-btn:focus-visible {outline:3px solid #e0f969!important;outline-offset:3px;}