/* não cria scrool horizotnal nas páginas */ html, body { max-width: 100% !important; overflow-x: hidden !important; } .woocommerce-notices-wrapper,.woocommerce-form-coupon-toggle{display:none !important} :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt{ background-color: #bdcf00;} html, body { overflow: visible; } .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info { border-radius: 1px; border-top-left-radius: 1px; border-top-right-radius: 1px; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; background: #f4f5f700; border: 0; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: initial; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; color: #140e0e; } .elementor *, .elementor :after, .elementor :before { box-sizing: border-box; } .builder-item .item--inner .component-wrap div p {display:none} .notice, div.error, div.updated { background: #fff; border: 1px solid #c3c4c7; border-left-width: 4px; box-shadow: 0 1px 1px rgba(0,0,0,.04); margin: 5px 15px 2px; padding: 1px 12px; display: none; } .wpcomsh-notice { border: none; background: #2D3337; box-sizing: border-box; color: #fff; display: flex; line-height: 1.5; position: relative; width: 100%; padding: 0; display: none; } /* Thumb do produto no carrinho – sempre visível e responsiva */ .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-thumbnail img { display: block !important; width: clamp(60px, 12vw, 150px) !important; height: auto !important; visibility: visible !important; opacity: 1 !important; } /* Tablet (entre 768px e 1024px) */ @media (max-width: 1024px) and (min-width: 769px) { .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-thumbnail img { width: clamp(50px, 15vw, 120px) !important; } } /* Mobile grande (até 768px) */ @media (max-width: 768px) and (min-width: 481px) { .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-thumbnail img { width: clamp(45px, 20vw, 100px) !important; } } /* Mobile pequeno (até 480px) */ @media (max-width: 480px) { .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-thumbnail img { width: clamp(40px, 25vw, 80px) !important; } } .fc-step__actions .fc-step__next-step.button { background-color: #d8f2d8 !important; color: #000 !important; border: 1px solid #c1dcc1 !important; /* tom sutilmente mais escuro que o fundo */ border-radius: 5px !important; padding: 12px 24px !important; /* mais “respiração” interna */ font-weight: 600 !important; /* leve negrito para destaque */ letter-spacing: 0.5px !important; /* ar puro entre as letras */ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important; /* sombra suave */ transition: all 0.3s ease !important; /* animação sutil ao hover */ cursor: pointer !important; } .fc-step__actions .fc-step__next-step.button:hover { transform: translateY(-3px) !important; /* leve “elevada” ao passar o mouse */ box-shadow: 0 6px 8px rgba(0, 0, 0, 0.12) !important; } .tutor-email-header { background-color Sets the background color of an element. Learn more Don't show : #790f0f00; border-bottom: 1px solid #b9033e; padding: 10px 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } .tutor-btn-outline-primary { justify-content: center; width: 100%; display: flex; } .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header{background:#000} .tutor-wrap img{max-width:100%;height:auto;border-radius:5px;transition:transform .4s ease,box-shadow .4s ease,border .4s ease;box-shadow:0 4px 15px rgba(0,183,255,.3);border:1px solid rgba(0,183,255,.2)} .tutor-wrap img:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 8px 25px rgba(0,183,255,.6),0 0 20px rgba(0,183,255,.4);border:1px solid rgba(0,183,255,.5)} .tutor-course-details-page .tutor-course-thumbnail img{width:100%;max-height:100%;border-radius:5px;transition:transform .4s ease,box-shadow .4s ease,border .4s ease;box-shadow:0 4px 15px rgba(0,183,255,.3);border:1px solid rgba(0,183,255,.2)} .tutor-course-details-page .tutor-course-thumbnail img:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 8px 25px rgba(0,183,255,.6),0 0 20px rgba(0,183,255,.4);border:1px solid rgba(0,183,255,.5)} span.tutor-icon-mortarboard.tutor-color-black.tutor-mt-4.tutor-mr-12{display:none} span.tutor-icon-mortarboard.tutor-color-black.tutor-mt-4.tutor-mr-12+span.tutor-fs-6.tutor-color-secondary{display:none} .adsbygoogle[data-anchor-status="above"]{display:none!important} .tutor-zoom-meeting-content .meeting-details div:nth-child(5) p,.tutor-zoom-meeting-content .meeting-details div:nth-child(5) span{display:none} tutor-course-lessons.tutor-zoom-meeting-session .session-link p{margin:0;display:none} .session-link p:first-of-type{display:none} .tutor-course-topic-thumbnail{display:inline-block;vertical-align:middle} .plyr__control{width:48px!important;height:48px!important;border-radius:50%!important;background:rgba(0,0,0,.45)!important;backdrop-filter:blur(4px);border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;transition:background .25s ease!important} .plyr__control svg{width:20px!important;height:20px!important;fill:#fff!important} .plyr__control:hover{background:rgba(255,255,255,.25)!important} .plyr__control:focus{outline:none!important;box-shadow:0 0 0 3px rgba(255,255,255,.35)!important} .plyr__control--overlaid{width:95px!important;height:95px!important;border-radius:999px!important;background:rgba(0,0,0,.50)!important;backdrop-filter:blur(6px);position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 8px 24px rgba(0,0,0,.35)!important} .plyr__control--overlaid svg{width:40px!important;height:40px!important} .plyr__control--overlaid::after{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,.22);animation:pulsePlay 2.8s infinite ease-out} @keyframes pulsePlay{0%{transform:scale(1);opacity:.45}100%{transform:scale(1.55);opacity:0}} .plyr__menu__container{background:rgba(0,0,0,.40)!important;border-radius:12px!important;padding:6px 0!important;min-width:190px!important;backdrop-filter:blur(10px)!important} .plyr__menu__list{margin:0!important;padding:0!important} .plyr__menu__item{padding:12px 18px!important;font-size:15px!important;color:#fff!important;display:flex!important;justify-content:space-between!important;align-items:center!important;border-radius:8px!important;transition:background .2s ease!important;margin-left:20px!important} .plyr__menu__item:hover{background:rgba(255,255,255,.12)!important} .plyr__menu__container .plyr__control{background:transparent!important;color:rgba(255,255,255,.85)!important;box-shadow:none!important;padding:10px!important;width:150px!important;height:auto!important} .plyr__menu__container .plyr__control:hover{color:#fff!important;background:transparent!important} .plyr__menu__value{font-weight:600!important;color:#fff!important} @media (max-width:480px){.plyr__control{width:42px!important;height:42px!important}.plyr__control svg{width:18px!important;height:18px!important}.plyr__control--overlaid{width:75px!important;height:75px!important}.plyr__control--overlaid svg{width:32px!important;height:32px!important}.plyr__menu__container{min-width:165px!important}} .plyr__menu__container[role="menu"]{transform-origin:top center!important;transform:translateY(-8px)!important;transition:opacity .2s ease,transform .2s ease!important} .plyr--menu-open .plyr__menu__container[role="menu"]{opacity:1!important;transform:translateY(0)!important} @media (max-width:600px){.plyr__control--menu[aria-expanded="true"]+.plyr__menu .plyr__menu__container,.plyr__control--menu[aria-expanded="true"]+.plyr__menu{position:fixed!important;left:50%!important;transform:translateX(-50%)!important;top:12%!important;z-index:99999!important;max-height:65vh!important;overflow-y:auto!important;overscroll-behavior:contain!important;background:rgba(0,0,0,.40)!important;backdrop-filter:blur(10px)!important;border-radius:14px!important;visibility:visible!important;opacity:1!important;display:block!important;-webkit-overflow-scrolling:touch!important}.plyr__control--menu[aria-expanded="true"]+.plyr__menu .plyr__menu__list{padding:6px 0!important}} .plyr--full-ui input[type=range]{color:#f00!important} .plyr__controls button[data-plyr="captions"]{display:none!important} /* E-CATÓLICO — APENAS SUBSTITUIÇÃO DO DOURADO PELO AZUL */ .tutor-btn.tutor-btn-primary{background:linear-gradient(135deg,#082654 0%,#234D86 25%,#0B2F6B 50%,#234D86 75%,#082654 100%)!important;border:2px solid #061F4A!important;border-radius:4px!important;color:#fff!important;font-weight:700!important;box-shadow:0 4px 15px rgba(7,31,74,.30),inset 0 1px 0 rgba(255,255,255,.30)!important;transition:all .4s ease!important;text-shadow:0 1px 0 rgba(0,0,0,.18)!important} .tutor-btn.tutor-btn-primary:hover{background:linear-gradient(135deg,#041936 0%,#1C426F 25%,#061F4A 50%,#1C426F 75%,#041936 100%)!important;border-color:#082654!important;color:#fff!important;box-shadow:0 6px 20px rgba(7,31,74,.50),inset 0 1px 0 rgba(255,255,255,.20)!important;transform:translateY(-2px)!important;text-shadow:0 1px 0 rgba(0,0,0,.22)!important} .tutor-btn.tutor-btn-outline-primary{border:2px solid #0B2F6B!important;border-radius:4px!important;color:#0B2F6B!important;background-color:transparent!important;transition:all .3s ease!important;box-shadow:none!important;outline:none!important;font-weight:600!important} .tutor-btn.tutor-btn-outline-primary:hover{background-color:rgba(7,31,74,.10)!important;border-color:#0B2F6B!important;color:#061F4A!important;box-shadow:0 2px 8px rgba(7,31,74,.25)!important} .tutor-btn.tutor-btn-outline-primary i,.tutor-btn.tutor-btn-outline-primary [class*="tutor-icon-"]{color:#0B2F6B!important;transition:all .3s ease!important} .tutor-btn.tutor-btn-outline-primary:hover i,.tutor-btn.tutor-btn-outline-primary:hover [class*="tutor-icon-"]{color:#061F4A!important} .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a{background-color:#1a1a1a!important;background:linear-gradient(135deg,#131E33 0%,#0D1628 50%,#131E33 100%)!important;color:#fff!important;border-left:3px solid #0B2F6B!important;box-shadow:inset 0 0 20px rgba(7,31,74,.08)!important;transition:all .3s ease!important} .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a .tutor-dashboard-menu-item-icon,.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a i,.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a [class*="tutor-icon-"]{color:#0B2F6B!important;filter:drop-shadow(0 0 3px rgba(7,31,74,.35))!important} .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a .tutor-dashboard-menu-item-text{color:#fff!important;font-weight:700!important} .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li a:hover{background-color:rgba(7,31,74,.16)!important;transition:all .3s ease!important} .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li a:hover,.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li a:hover .tutor-dashboard-menu-item-text{color:#fff!important} .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li a:hover .tutor-dashboard-menu-item-icon,.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li a:hover i,.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li a:hover [class*="tutor-icon-"]{color:#234D86!important} .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a:hover{background-color:#131E33!important;background:linear-gradient(135deg,#131E33 0%,#0D1628 50%,#131E33 100%)!important} .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a:hover,.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a:hover .tutor-dashboard-menu-item-text{color:#fff!important} .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a:hover .tutor-dashboard-menu-item-icon,.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a:hover i,.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a:hover [class*="tutor-icon-"]{color:#0B2F6B!important} .tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-menu-item-icon{color:#0B2F6B!important} /* Alerta inteiro - fundo, borda, sombra e padding */ .tutor-alert { background-color: #fff3cd !important; border-left: 6px solid #ffc107 !important; border-radius: 8px !important; padding: 20px 24px !important; margin: 20px 0 !important; box-shadow: 0 8px 16px rgba(0,0,0,0.15) !important; font-size: 1.2rem !important; } /* Texto do alerta - fonte maior e mais escura */ .tutor-alert .tutor-alert-text { font-size: 1.25rem !important; font-weight: 600 !important; color: #856404 !important; line-height: 1.6 !important; } /* Se houver ícone de alerta, aumenta também */ .tutor-alert .tutor-icon { font-size: 2rem !important; margin-right: 12px !important; } .tutor-alert { position: sticky !important; top: 0 !important; z-index: 9999 !important; width: 100% !important; box-sizing: border-box !important; } /* ============================================================ eCatólico — Tutor LMS | V8 Acabamento premium + mobile aproveitando a largura. IMPORTANTE: 1) Remova a V6/V7 antes de usar esta. 2) Mantenha seu CSS original do Tutor. 3) Este bloco atua somente no dashboard: body.tutor-screen-frontend-dashboard ============================================================ */ body.tutor-screen-frontend-dashboard{ --ec-bg:#06152F; --ec-bg-deep:#040D1F; --ec-panel:#0B203E; --ec-panel-2:#0E284A; --ec-card:#102948; --ec-card-footer:#091B34; --ec-blue:#174B98; --ec-blue-2:#2862A9; --ec-red:#E31E2B; --ec-red-2:#B81722; --ec-white:#F6F8FC; --ec-muted:#91A1B7; --ec-line:rgba(133,171,215,.18); --ec-line-strong:rgba(133,171,215,.32); } /* ============================================================ 1 — FUNDO ============================================================ */ body.tutor-screen-frontend-dashboard{ background: radial-gradient(circle at 87% 4%,rgba(227,30,43,.055),transparent 21%), radial-gradient(circle at 10% 90%,rgba(23,75,152,.13),transparent 32%), linear-gradient(135deg,#040D1F 0%,#06152F 47%,#081A35 74%,#06152F 100%) !important; } body.tutor-screen-frontend-dashboard .tutor-dashboard-layout, body.tutor-screen-frontend-dashboard .tutor-dashboard-main, body.tutor-screen-frontend-dashboard .tutor-dashboard-body, body.tutor-screen-frontend-dashboard .tutor-dashboard-page{ background:transparent!important; min-width:0!important; } /* ============================================================ 2 — SIDEBAR / MENU ============================================================ */ body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar{ background: linear-gradient(180deg,#040D1F 0%,#06142A 60%,#07172F 100%) !important; border-right:1px solid rgba(133,171,215,.12)!important; } body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav a{ color:#9AA9BC!important; background:transparent!important; border-left:3px solid transparent!important; transition:all .22s ease!important; } body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav a:hover{ color:#fff!important; background:linear-gradient(90deg,rgba(227,30,43,.10),transparent)!important; border-left-color:rgba(227,30,43,.44)!important; } body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav a.active{ color:#fff!important; background: linear-gradient(90deg,rgba(227,30,43,.18),rgba(227,30,43,.025) 75%,transparent) !important; border-left:3px solid var(--ec-red)!important; } body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav a.active .tutor-dashboard-menu-item-icon, body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav a.active i, body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav a.active [class*="tutor-icon-"]{ color:var(--ec-red)!important; filter:drop-shadow(0 0 5px rgba(227,30,43,.22))!important; } /* Ícones do menu com acabamento de aplicação própria */ body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav .tutor-dashboard-menu-item-icon{ transition:all .22s ease!important; } body.tutor-screen-frontend-dashboard .tutor-dashboard-sidebar-nav a:hover .tutor-dashboard-menu-item-icon{ color:#EA4A55!important; } /* ============================================================ 3 — HEADER ============================================================ */ body.tutor-screen-frontend-dashboard .tutor-dashboard-header{ position:relative!important; background:linear-gradient(90deg,#06152F 0%,#071A37 58%,#091E3E 100%)!important; border-bottom:1px solid rgba(133,171,215,.15)!important; box-shadow:0 8px 24px rgba(0,0,0,.13)!important; } body.tutor-screen-frontend-dashboard .tutor-dashboard-header::after{ content:""!important; position:absolute!important; left:0!important; bottom:-1px!important; width:100px!important; height:2px!important; background:linear-gradient(90deg,var(--ec-red),rgba(227,30,43,0))!important; pointer-events:none!important; } /* ============================================================ 4 — PAINEL CENTRAL ============================================================ */ body.tutor-screen-frontend-dashboard .tutor-dashboard-my-courses > .tutor-surface-l1{ position:relative!important; overflow:hidden!important; background: linear-gradient(145deg,#0D2545 0%,#0B203D 50%,#0E2749 100%)!important; border:1px solid var(--ec-line-strong)!important; border-radius:10px!important; box-shadow: 0 18px 40px rgba(0,0,0,.27), inset 0 1px 0 rgba(255,255,255,.035)!important; } /* Linha superior premium */ body.tutor-screen-frontend-dashboard .tutor-dashboard-my-courses > .tutor-surface-l1::before{ content:""!important; position:absolute!important; top:0!important; left:0!important; right:0!important; height:2px!important; background:linear-gradient(90deg,var(--ec-red) 0%,rgba(227,30,43,.45) 20%,rgba(38,95,170,.35) 55%,transparent 100%)!important; pointer-events:none!important; z-index:3!important; } /* Rosa institucional, pequena */ body.tutor-screen-frontend-dashboard .tutor-dashboard-my-courses > .tutor-surface-l1::after{ content:""!important; position:absolute!important; top:22px!important; right:22px!important; width:58px!important; height:58px!important; background:url("https://ecatolico.com.br/wp-content/uploads/2026/08/rose-svgrepo-com.svg") center/contain no-repeat!important; opacity:.10!important; pointer-events:none!important; z-index:1!important; } /* ============================================================ 5 — BARRA DE CONTROLE ============================================================ */ body.tutor-screen-frontend-dashboard .tutor-dashboard-my-courses > .tutor-surface-l1 .tutor-border-b{ border-color:var(--ec-line)!important; } /* Todos os controles superiores */ body.tutor-screen-frontend-dashboard .tutor-dashboard-my-courses .tutor-btn-primary-soft, body.tutor-screen-frontend-dashboard .tutor-dashboard-my-courses .tutor-btn-outline, body.tutor-screen-frontend-dashboard .tutor-dashboard-my-courses .tutor-popover-toggle{ border-radius:5px!important; min-height:38px!important; } /* Publicado */ body.tutor-screen-frontend-dashboard .tutor-dashboard-my-courses .tutor-btn-primary-soft{ background:linear-gradient(180deg,#15355A,#102A49)!important; border:1px solid #345C83!important; color:#E8EFF8!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important; } /* Novo Pacote */ body.tutor-screen-frontend-dashboard .tutor-dashboard-my-courses .tutor-btn-outline{ background:rgba(4,13,31,.35)!important; border:1px solid rgba(227,30,43,.48)!important; color:#E8C1C5!important; } body.tutor-screen-frontend-dashboard .tutor-dashboard-my-courses .tutor-btn-outline:hover{ background:rgba(227,30,43,.10)!important; border-color:var(--ec-red)!important; color:#fff!important; } /* Novo Curso */ body.tutor-screen-frontend-dashboard .tutor-dashboard-my-courses .tutor-btn.tutor-btn-primary{ background:linear-gradient(135deg,#C61A26 0%,#E31E2B 52%,#C01824 100%)!important; border:1px solid #F04B55!important; color:#fff!important; border-radius:4px!important; box-shadow:0 7px 18px rgba(227,30,43,.18),inset 0 1px 0 rgba(255,255,255,.15)!important; transition:all .25s ease!important; } body.tutor-screen-frontend-dashboard .tutor-dashboard-my-courses .tutor-btn.tutor-btn-primary:hover{ background:linear-gradient(135deg,#A9131D 0%,#D71F2B 52%,#A1111A 100%)!important; border-color:#F35A62!important; transform:translateY(-1px)!important; box-shadow:0 10px 22px rgba(227,30,43,.24)!important; } /* ============================================================ 6 — BUSCA ============================================================ */ body.tutor-screen-frontend-dashboard #tutor-my-courses-search-form{ min-width:0!important; } body.tutor-screen-frontend-dashboard #tutor-my-courses-search-form .tutor-input-wrapper{ background:linear-gradient(180deg,#0A1C35,#08182E)!important; border:1px solid #284A70!important; border-radius:5px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important; } body.tutor-screen-frontend-dashboard #tutor-my-courses-search-form .tutor-input{ background:transparent!important; color:#F5F7FB!important; } body.tutor-screen-frontend-dashboard #tutor-my-courses-search-form .tutor-input::placeholder{ color:#738399!important; } body.tutor-screen-frontend-dashboard #tutor-my-courses-search-form .tutor-input-wrapper:focus-within{ border-color:#3A6690!important; box-shadow:0 0 0 2px rgba(23,75,152,.17)!important; } /* Ícone de busca */ body.tutor-screen-frontend-dashboard #tutor-my-courses-search-form svg, body.tutor-screen-frontend-dashboard #tutor-my-courses-search-form [class*="tutor-icon-search"]{ color:#6C91B9!important; } /* ============================================================ 7 — CARDS ============================================================ */ body.tutor-screen-frontend-dashboard .tutor-my-courses-card{ position:relative!important; overflow:hidden!important; background: linear-gradient(160deg,#122B4D 0%,#102541 57%,#132D50 100%)!important; border:1px solid #274B70!important; border-radius:8px!important; box-shadow: 0 8px 20px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.025)!important; transition:transform .23s ease,border-color .23s ease,box-shadow .23s ease!important; } /* Linha de marca no card */ body.tutor-screen-frontend-dashboard .tutor-my-courses-card::before{ content:""!important; position:absolute!important; top:0!important; left:18px!important; right:18px!important; height:2px!important; background:linear-gradient(90deg,rgba(227,30,43,.72),rgba(227,30,43,.10),transparent)!important; z-index:4!important; opacity:.82!important; } body.tutor-screen-frontend-dashboard .tutor-my-courses-card:hover{ transform:translateY(-3px)!important; border-color:#4A7198!important; box-shadow: 0 15px 30px rgba(0,0,0,.28), 0 0 0 1px rgba(227,30,43,.05)!important; } body.tutor-screen-frontend-dashboard .tutor-my-courses-card-body, body.tutor-screen-frontend-dashboard .tutor-my-courses-card-content{ background:transparent!important; } body.tutor-screen-frontend-dashboard .tutor-my-courses-card-footer{ background:linear-gradient(180deg,#0C203A,#09192F)!important; border-top:1px solid rgba(133,171,215,.15)!important; } /* Metadados */ body.tutor-screen-frontend-dashboard .tutor-my-courses-card .tutor-text-secondary{ color:#98A8BB!important; } body.tutor-screen-frontend-dashboard .tutor-my-courses-card .tutor-text-subdued{ color:#77889E!important; } /* Ícones de data / alunos */ body.tutor-screen-frontend-dashboard .tutor-my-courses-card svg{ color:#D53A46!important; } /* ============================================================ 8 — MOBILE: APROVEITAR A TELA ============================================================ */ @media(max-width:782px){ /* Remove o "respiro" lateral exagerado do Tutor */ body.tutor-screen-frontend-dashboard .tutor-dashboard-main{ width:100%!important; max-width:none!important; min-width:0!important; } body.tutor-screen-frontend-dashboard .tutor-dashboard-body{ width:100%!important; max-width:none!important; padding-left:0!important; padding-right:0!important; } body.tutor-screen-frontend-dashboard .tutor-dashboard-page{ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; padding-left:8px!important; padding-right:8px!important; box-sizing:border-box!important; } body.tutor-screen-frontend-dashboard .tutor-dashboard-my-courses{ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; } body.tutor-screen-frontend-dashboard .tutor-dashboard-my-courses > .tutor-surface-l1{ width:100%!important; max-width:none!important; border-radius:9px!important; margin-left:0!important; margin-right:0!important; } /* Barra superior ocupa toda a largura */ body.tutor-screen-frontend-dashboard .tutor-dashboard-my-courses > .tutor-surface-l1 > .tutor-flex{ width:100%!important; max-width:none!important; } /* Controles com melhor aproveitamento */ body.tutor-screen-frontend-dashboard .tutor-dashboard-my-courses .tutor-sm-flex-1{ width:100%!important; flex:1 1 100%!important; } #tutor-my-courses-search-form .tutor-input-wrapper{ width:100%!important; } /* Cards praticamente de borda a borda */ body.tutor-screen-frontend-dashboard .tutor-my-courses-card{ width:100%!important; border-radius:8px!important; } /* Menos arredondamento, mais área útil */ body.tutor-screen-frontend-dashboard .tutor-my-courses-card::before{ left:14px!important; right:14px!important; } /* Rosa um pouco menor no celular */ body.tutor-screen-frontend-dashboard .tutor-dashboard-my-courses > .tutor-surface-l1::after{ width:48px!important; height:48px!important; top:18px!important; right:18px!important; opacity:.085!important; } /* Menu mobile */ body.tutor-screen-frontend-dashboard .tutor-dashboard-nav-mobile{ background:#06152F!important; border-top:1px solid rgba(133,171,215,.12)!important; } } /* Telas muito estreitas: usar praticamente toda a largura */ @media(max-width:480px){ body.tutor-screen-frontend-dashboard .tutor-dashboard-page{ padding-left:2px!important; padding-right:2px!important; } body.tutor-screen-frontend-dashboard .tutor-dashboard-my-courses > .tutor-surface-l1{ border-radius:7px!important; } } /* ===================================================== eCatólico — SOMENTE RODAPÉ DOS E-MAILS TUTOR ===================================================== */ .tutor-email-footer-content{ background-color:#06152F !important; color:#AEB9C8 !important; padding:30px 24px !important; text-align:center !important; border-top:2px solid #E31E2B !important; } .tutor-email-footer-content *{ margin-top:0 !important; } .tutor-email-footer-content p{ color:#AEB9C8 !important; font-size:13px !important; line-height:1.6 !important; margin:0 0 8px !important; } .tutor-email-footer-content strong{ color:#FFFFFF !important; } .tutor-email-footer-content a{ color:#E31E2B !important; text-decoration:none !important; } .tutor-email-footer-content a:hover{ color:#FF5A63 !important; } /* Elementos de tabela SOMENTE dentro do footer */ .tutor-email-footer-content table, .tutor-email-footer-content tbody, .tutor-email-footer-content tr, .tutor-email-footer-content td{ background-color:transparent !important; border:none !important; } /* Botões, somente se existirem dentro do footer */ .tutor-email-footer-content .tutor-btn, .tutor-email-footer-content .button{ background-color:#E31E2B !important; border:1px solid #E31E2B !important; color:#FFFFFF !important; } /* Mobile */ @media only screen and (max-width:600px){ .tutor-email-footer-content{ padding:24px 16px !important; } .tutor-email-footer-content p{ font-size:12px !important; } } /* ========================================================= WP CHORDS — CORREÇÃO VISUAL ========================================================= */ /* Cifras */ .chordBlock { color: #cc0000 !important; background: transparent !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; } /* Impressão */ @media print { .chordBlock { color: #cc0000 !important; background: transparent !important; background-color: transparent !important; -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } } /* ========================================================= BOTÕES ========================================================= */ /* Normal */ body .bs-iso .btn.btn-primary { color: #0e14e3; background-color: transparent; border: 1px solid #0e14e3; } /* Hover */ body .bs-iso .btn.btn-primary:hover { background-color: #0e14e3; color: #fff; border-color: #0e14e3; } /* Focus */ body .bs-iso .btn-check:focus + .btn.btn-primary, body .bs-iso .btn.btn-primary:focus { background-color: #0e14e3; color: #fff; border-color: #0e14e3; box-shadow: 0 0 0 0.2rem rgba(14, 20, 227, 0.25); }