/*
====================================================================
  SEÇÃO WIKI - DESKTOP MEDIA QUERIES
  Local: sites/public/componentes/landingpage_portifolio/06_wiki/desktop/06_wiki_desktop_media.css
  
  DESCRIÇÃO:
    Configurações responsivas específicas para desktop da seção wiki.
    Breakpoints: 1200px+ (desktop grande) e 992px+ (desktop/notebook)

  PADRÃO:
    - Desktop First (min-width)
    - 2 breakpoints: 1200px+ e 992px+
    - Sem duplicatas

  Autor: #@HD
  Data de criação: 14/08/2025
  Última atualização: 14/08/2025
====================================================================
*/

/* ------------------------------------------------------------------------ */
/* @HD: ### Media Queries Desktop - Componente Wiki ### */
/* ------------------------------------------------------------------------ */
/* Responsividade da seção wiki para desktop - 2 breakpoints */

/* Desktop Grande (1200px+) - Escala maior */
@media (min-width: 1200px) {
    /* .wiki .main-text h2 - controlado por sistema de títulos */
    
    .wiki .main-text span {
        font-size: 1.1rem;
    }
    
    .wiki .wiki_desktop_slider_container {
        /* padding: 3rem 0; */
        overflow: visible;
    }
    
    .wiki_desktop_tranding_slider {
        padding: 0 4rem;
        overflow: visible;
    }
    
    .wiki_desktop_card {
        min-height: 420px;
        max-width: 360px;
        padding: 32px 32px 28px 32px;
        margin: 0 12px;
    }
    
    .wiki_desktop_card_title {
        font-size: 1.2rem;
    }
    
    .wiki_desktop_chapter_btn {
        padding: 9px 16px 9px 14px;
        font-size: 1rem;
    }
    
    .tranding-slider-control .slider-arrow {
        width: 60px;
        height: 60px;
    }
    
    .tranding-slider-control .slider-arrow ion-icon {
        font-size: 1.8rem;
    }
    
    .tranding-slider {
        padding: 0 80px;
    }
    
    .wiki_desktop_slider_control {
        width: calc(100% - 8rem);
        left: 4rem;
        right: 4rem;
    }
    
    .swiper-slide {
        width: 350px;
    }
}

/* Desktop/Notebook (992px+) - Escala base */
@media (min-width: 992px) {
    /* .wiki .main-text h2 - controlado por sistema de títulos */
    
    .wiki .main-text span {
        font-size: 1rem;
    }
    
    .wiki .wiki_desktop_slider_container {
        /* padding: 2rem 0; */
        overflow: visible;
    }
    
    .wiki_desktop_tranding_slider {
        padding: 0 3.5rem;
        overflow: visible;
    }
    
    .wiki_desktop_card {
        min-height: 400px;
        max-width: 340px;
        padding: 28px 28px 24px 28px;
        margin: 0 10px;
    }
    
    .wiki_desktop_card_title {
        font-size: 1.1rem;
    }
    
    .wiki_desktop_chapter_btn {
        padding: 7px 15px 7px 13px;
        font-size: 0.95rem;
    }
    
    .tranding-slider-control .slider-arrow {
        width: 50px;
        height: 50px;
    }
    
    .tranding-slider-control .slider-arrow ion-icon {
        font-size: 1.5rem;
    }
    
    /* Desktop Only - Mostrar apenas em desktop */
    .desktop-only {
        display: block !important;
    }
    
    .mobile-only {
        display: none !important;
    }
    
    /* Configuração do Swiper para desktop */
    .tranding-slider {
        padding: 0 60px;
    }
    
    .wiki_desktop_slider_control {
        width: calc(100% - 7rem);
        left: 3.5rem;
        right: 3.5rem;
    }
    
    .swiper-slide {
        width: 300px;
        height: auto;
    }
    
    /* Paginação personalizada para desktop */
    .swiper-pagination {
        margin-top: 2rem;
    }
    
    .wiki_desktop_swiper_pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        min-width: 12px;
        min-height: 12px;
        max-width: 12px;
        max-height: 12px;
        margin: 0;
    }
    
    .wiki_desktop_swiper_pagination .swiper-pagination-bullet-active {
        transform: scale(1.1);
        box-shadow: 0 0 8px rgba(18, 247, 255, 0.5);
    }
}

/* Desktop acima de 1400px - Telas muito grandes */
@media (min-width: 1400px) {
    /* .wiki .main-text h2 - controlado por sistema de títulos */
    
    .wiki .main-text span {
        font-size: 1.2rem;
    }
    
    .wiki .wiki_desktop_slider_container {
        overflow: visible;
    }
    
    .wiki_desktop_tranding_slider {
        padding: 0 5rem;
        overflow: visible;
    }
    
    .wiki_desktop_card {
        min-height: 460px;
        max-width: 400px;
        padding: 36px 36px 32px 36px;
        margin: 0 15px;
    }
    
    .wiki_desktop_card_title {
        font-size: 1.3rem;
    }
    
    .wiki_desktop_chapter_btn {
        padding: 10px 18px 10px 16px;
        font-size: 1.05rem;
    }
    
    .tranding-slider-control .slider-arrow {
        width: 70px;
        height: 70px;
    }
    
    .tranding-slider-control .slider-arrow ion-icon {
        font-size: 2rem;
    }
    
    .tranding-slider {
        padding: 0 100px;
    }
    
    .wiki_desktop_slider_control {
        width: calc(100% - 10rem);
        left: 5rem;
        right: 5rem;
    }
    
    .swiper-slide {
        width: 400px;
    }
}