@charset "utf-8";
/**
Theme Name: AoViVoHd-Child
Template: genesis
Version: 3.7.0
License: GPL-2.0-or-later
License URI: http://www.opensource.org/licenses/gpl-license.php

Text Domain: magazine-pro
Requires at least: 5.4
Requires PHP: 5.6
Author: Webmaster
Author URI: https://aovivohd.net/
Description:Description:  Assistir TV Ao Vivo Online HD Grátis 

Text Domain: aovivohd.net

Tags: Assistir Canais de TV Ao Vivo.
*/

/* Table of Contents
	- HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typographical Elements
		- Headings
		- Objects
		- Gallery
		- Forms
		- Tables
		- Screen Reader Text
	- Structure and Layout
		- Site Containers
		- Column Widths and Positions
		- Column Classes
	- Common Classes
		- WordPress
		- Genesis
		- Search Form
		- Titles
	- Widgets
		- Featured Content
	- Plugins
		- Genesis eNews Extended
		- Genesis Latest Tweets
		- Jetpack
		- Simple Social Icons
		- WP Forms
	- Skip Links
	- Site Header
		- Title Area
		- Widget Area
	- Site Navigation
		- Header Navigation
		- Primary Navigation
		- Secondary Navigation
		- Accessible Menu
	- Content Area
		- Entries
		- Pagination
		- Comments
	- Sidebars
	- Footer Widgets
	- Site Footer
	- Media Queries
		- max-width: 1180px
		- max-width: 1023px
		- max-width: 840px
		- max-width: 600px
		- max-width: 480px
*/


/* HTML5 Reset
---------------------------------------------------------------------------- */

/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
---------------------------------------------------------------------------- */
/* stylelint-disable */

/* -- padding não "empurre" o tamanho dos elementos para fora */
* {
  box-sizing: border-box;
}

html{line-height:1.15;
	-webkit-text-size-adjust:100%}

body{margin:0;}


main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;
height:0;overflow:visible}

pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}

abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;}

b,strong{font-weight:bolder}

code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}

sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}

sub{bottom:-.25em}
sup{top:-.5em}img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/* stylelint-enable */

/* Box Sizing
--------------------------------------------- */

html,
input[type="search"] {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}


/* Float Clearing
--------------------------------------------- */

.author-box::before,
.clearfix::before,
.entry::before,
.entry-content::before,
.footer-widgets::before,
.nav-primary::before,
.nav-secondary::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
	content: " ";
	display: table;
}

.author-box::after,
.clearfix::after,
.entry::after,
.entry-content::after,
.footer-widgets::after,
.nav-primary::after,
.nav-secondary::after,
.pagination::after,
.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after,
.wrap::after {
	clear: both;
	content: " ";
	display: table;
}


/* Defaults
---------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

body {
	background-color: #253756;/* #143a6e; #0A0A09; #253756; */;
	color: #00FFF;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.625;
	overflow-x: hidden;	
}

body.magazine-landing {
	background-color: #222;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
	transition: all 0.1s ease-in-out;
}

::selection {
	background-color: #222;
	color: #fff;
	text-shadow: none;
}

a {
	background-color: inherit;
	color: #008285;
	font-weight: 400;
	text-decoration: none;
}

a:focus,
a:hover {
	color: #222;
}

p {
	margin: 0 0 24px;
	padding: 0;
}

strong {
	font-weight: 700;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

mark {
	background-color: #ddd;
	color: #000;
}

blockquote,
blockquote::before {
	color: #888;
}

blockquote {
	margin: 40px;
}

cite {
	font-style: normal;
}

hr {
	border: 0;
	border-collapse: collapse;
	border-bottom: 2px solid currentColor;
	clear: left;
	color: #eee;
	margin: 1.65em 0;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Raleway, sans-serif;
	font-weight: 500;
	line-height: 1.2;
	margin: 0 0 16px;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 30px;
	margin-top: -16px; /* <<<<<<<<<<<<<<<-- Aplicado ------- */
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

figure {
	margin: 0;
}

/* Gallery
--------------------------------------------- */

.gallery {
	overflow: hidden;
	margin-bottom: 28px;
}

.gallery-item {
	float: left;
	margin: 0;
	padding: 0 4px;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
	width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.1111%;
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

.gallery .gallery-item img {
	border: 0;
	height: auto;
	margin: 0;
}

/* Forms
--------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	color: #222;
	font-family: Raleway, sans-serif;
	font-size: 14px;
	font-weight: 300;
	padding: 16px;
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #888;
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

::-ms-input-placeholder {
	color: #222;
	font-family: Raleway, sans-serif;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #222;
	font-family: Raleway, sans-serif;
	opacity: 1;
}

::placeholder {
	color: #222;
	font-family: Raleway, sans-serif;
	opacity: 1;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button,
.sidebar button,
.sidebar input[type="button"],
.sidebar input[type="reset"],
.sidebar input[type="submit"],
.sidebar .widget a.button,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form button[type="submit"] {
	background-color: #000222;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-family: Raleway, sans-serif;
	padding: 16px 24px;
	text-transform: uppercase;
	white-space: normal;
	width: auto;
}

button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
.button:focus,
.button:hover,
.entry-content .button:focus,
.entry-content .button:hover,
.sidebar .widget a.button:focus,
.sidebar .widget a.button:hover,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus,
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover {
	color: #fff;
	background-color: #008285;
	border: 0;
}

button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small,
.button.small {
	padding: 8px 12px;
}

.entry-content .button:focus,
.entry-content .button:hover {
	color: #fff;
}

.button {
	display: inline-block;
}
.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
	background-color: #ddd;
	border: 0;
	color: #565656;
	cursor: not-allowed;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

.error404 .entry-content input[type="search"],
.post-password-form input[type="password"] {
	margin-bottom: 15px;
}

/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 40px;
	width: 100%;
	word-break: break-all;
}

tbody {
	border-bottom: 1px solid #eee;
}

td,
th {
	line-height: 2;
	text-align: left;
	vertical-align: top;
}

td {
	padding: 0.5em;
}

tr {
	border-top: 1px solid #eee;
}

th {
	font-weight: 600;
	padding: 0.5em;
}

/* Screen Reader Text
--------------------------------------------- */

.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.genesis-nav-menu .search input[type="submit"]:focus,
.screen-reader-shortcut:focus,
.screen-reader-text:focus,
.widget_search input[type="submit"]:focus {
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #333;
	display: block;
	font-size: 1em;
	font-weight: 500;
	height: auto;
	padding: 15px 23px 14px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.more-link {
	position: relative;
}


/* Structure and Layout
---------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.site-inner,
.wrap {
	margin: 0 auto;
	max-width: 1140px;
	margin-left: 17px;/* --- Aplicado e Personalizado */
	}

.site-inner {
	clear: both;
	padding-top: 40px;
}

.magazine-landing .site-inner {
	padding-bottom: 40px;
}


/* Column Widths and Positions
--------------------------------------------- */

/* Wrapping div for .content and .sidebar-primary */

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	width: 930px/*930px*/;
}

.content-sidebar-sidebar .content-sidebar-wrap {
	float: left;
}

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	float: right;
}

/* Content */

.content {
	float: right;
	width: 750px;
	padding-left:-250px; /* <<<< -AN Fixo Left -------------------------------*/
}

.magazine-landing.full-width-content .content {
	float: none;
	margin: 0 auto;
	max-width: 800px;
}

.magazine-landing .content {
	background-color: #fff;
	padding: 50px 60px 24px;
}

.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
	float: left;
}

.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
	width: 540px;
}

.full-width-content .content {
	width: 100%;
}

/* Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 360px;
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
	float: left;
}

/* Secondary Sidebar */

.sidebar-secondary {
	float: left;
	width: 180px;
}

.content-sidebar-sidebar .sidebar-secondary {
	float: right;
}

/* Column Classes
--------------------------------------------- */

/* Link: http://twitter.github.io/bootstraphttp://detran-br.com/assets/css/bootstrap-responsive.css */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}


/* Common Classes
---------------------------------------------------------------------------- */

/* WordPress
--------------------------------------------- */

.avatar {
	float: left;
}

.alignleft .avatar {
	margin-right: 24px;
}

.alignright .avatar {
	margin-left: 24px;
}

.author-box .avatar {
	margin-right: 30px;
}

.comment .avatar {
	margin: 0 16px 24px 0;
}

a.aligncenter img {
	display: block;
	margin: 0 auto;
}

img.centered,
.aligncenter,
.singular-image {
	display: block;
	margin: 0 auto 24px;
}

img.alignnone {
	margin-bottom: 12px;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignright {
	max-width: 100%;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 24px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
}

figcaption,
.gallery-caption,
.entry-content .wp-caption-text {
	font-size: 16px;
	font-style: italic;
	margin-top: 0.5em;
	margin-bottom: 1em;
	text-align: center;
}

.gallery-caption,
.entry-content .gallery-caption {
	margin: 0 0 10px;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

.wp-audio-shortcode,
.wp-playlist,
.wp-video {
	margin: 0 0 28px;
}

/* Genesis
--------------------------------------------- */

.breadcrumb {
	border-bottom: 1px dotted #888;
	margin-bottom: 40px;
	padding-bottom: 10px;
}

.archive-description,
.author-box {
	margin-bottom: 50px;
	padding: 40px;
}

.archive-description,
.author-box {
	background-color: #f5f5f5;
}

.archive-description p:last-child,
.author-box p:last-child,
.search-results .archive-description h1 {
	margin-bottom: 0;
}

.archive-title + p {
	margin-top: 24px;
}

.author-box-title {
	color: #222;
	font-family: Roboto, sans-serif;
	font-size: 16px;
	margin-bottom: 4px;
}

.author-box p {
	margin-bottom: 0;
}


/* Search Form
--------------------------------------------- */

.search-form {
	overflow: hidden;
	position: relative;
}

.search-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: -300px;
	/* margin-top 100px;
	/*max-width: 145px;/* Largura do Form */
}

.entry-content .search-form {
	margin-bottom: -500px;
	width: 50%;
}

.site-header .search-form {
	float: right;
	margin-top: 24px;
}

.footer-widgets .search-form input {
	border: 0;
}

.genesis-nav-menu .search-form input {
	background-color: #222;
	border: 1px solid #222;
	color: #fff;
	text-transform: uppercase;
	width: 145px;/* Campo de busca*/ 
}

.genesis-nav-menu .search-form ::-moz-placeholder {
	color: #fff;
}

.genesis-nav-menu .search-form ::-webkit-input-placeholder {
	color: #fff;
}

.genesis-nav-menu .search-form input:focus {
	border: 1px solid #fff;
}

.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

.widget_search input[type="submit"]:focus {
	border-left: 1px solid #ddd;
	box-shadow: none;
	padding: 14px 16px;
	right: 2px;
	top: 2px;
}

.search-icon {
	height: 12px;
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.search-form-submit:hover .search-icon path {
	fill: white;
	
}

.search-form-submit {
	border-radius: 0;
	background-color: #ddd;
	padding: 0 10px;
}

.search-form-input {
	padding: 7px;
	font-size: 14px;
}


/* Titles
--------------------------------------------- */

.entry-title {
	font-size: 24px;
	line-height: 1;
}

.entry-title a,
.sidebar .widget-title a {
	color: #222;
	font-weight: 500;
}

.entry-title a:focus,
.entry-title a:hover {
	color: #008285;
}

.widget-title {
	clear: both;
	font-size: 16px;
	margin-bottom: 24px;
	text-transform: uppercase;
}

.sidebar .widget-title {
	background-color: #222;
	color: #fff;
	padding: 10px;
}

.sidebar .enews .widget-title {
	background: none;
	padding: 0;
}

.footer-widgets .widget-title {
	color: #fff;
}

.magazine-landing .widget-title {
	background-color: #fff;
	color: #222;
}

.archive-title {
	font-size: 20px;
	margin-bottom: 0;
}


/* Widgets
---------------------------------------------------------------------------- */

.widget,
.widget li {
	word-wrap: break-word;
}

.widget li {
	list-style-type: none;
}

.widget ol > li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 20px;
	text-indent: -20px;
}

.widget li li {
	border: 0;
	margin: 0 0 0 30px;
	padding-bottom: 0;
}

.widget ul > li:last-child {
	margin-bottom: 0;
}

.widget .genesis-nav-menu li li {
	margin: 0;
	padding: 0;
}

/* Featured Content
--------------------------------------------- */

.featured-content {
	clear: both;
	overflow: hidden;
}

.featured-content .entry {
	margin-bottom: 30px;
}

.sidebar .featured-content .entry {
	border-bottom: 2px solid #eee;
}

.sidebar .featured-content .entry:last-child {
	border-bottom: none;
}

.sidebar .featured-content .entry:last-child {
	margin-bottom: 0;
}

.featured-content .entry-title {
	border: 0;
	font-size: 24px;
	line-height: 1.2;
}

.sidebar .featured-content .entry-title {
	font-size: 20px;
}

.featured-content .entry-title a {
	border: 0;
}

.featured-content a.alignnone {
	display: inline-block;
	margin-bottom: 20px;
	max-width: 100%;
}

.featured-content .entry-header .entry-meta {
	margin-bottom: 10px;
}

.featured-content ul {
	clear: both;
	margin-bottom: 30px;
}

.featured-content li {
	list-style-type: none;
}


/* Plugins
---------------------------------------------------------------------------- */

/* Genesis eNews Extended
--------------------------------------------- */

.enews-widget input {
	margin-bottom: 16px;
}

.enews-widget input[type="submit"] {
	margin: 0;
	width: 100%;
}

.enews form + p {
	margin-top: 24px;
}

.widget-area .enews-widget {
	background-color: #222;
	color: #aaa;
	padding: 40px;
}

.widget-area .enews-widget .widget-title {
	color: #fff;
}

.widget-area .enews-widget input:focus {
	border: 1px solid #ddd;
}

.widget-area .enews-widget input[type="submit"] {
	background-color: #008285;
	color: #fff;
}

.widget-area .enews-widget input:focus[type="submit"],
.widget-area .enews-widget input:hover[type="submit"] {
	background-color: #fff;
	color: #222;
}

.magazine-landing .widget-area .enews-widget input:focus[type="submit"],
.magazine-landing .widget-area .enews-widget input:hover[type="submit"] {
	background-color: #222;
	color: #fff;
}

.magazine-landing .widget-area .enews-widget {
	background-color: #fff;
	color: #222;
}

.magazine-landing .widget-area .enews-widget .widget-title {
	color: #222;
}

/* Genesis Latest Tweets
--------------------------------------------- */

.latest-tweets ul li {
	margin-bottom: 16px;
}

/* Jetpack
--------------------------------------------- */

img#wpstats {
	display: none;
}

/* Simple Social Icons
--------------------------------------------- */

.sidebar .simple-social-icons ul li {
	margin: 0 2px 4px !important;
}

/* WP Forms
--------------------------------------------- */

.entry-content .wpforms-container {
	margin-bottom: 40px;
}

.entry-content .wpforms-form .wpforms-field {
	clear: both;
	margin: 20px 0;
	overflow: hidden;
}

.site-container .wpforms-container .wpforms-form .wpforms-field input {
	border-radius: 0;
	height: auto;
	padding: 15px;
}

.site-container .entry-content .wpforms-form .wpforms-field-label {
	font-weight: 600;
}

.site-container .entry-content .wpforms-form .wpforms-field-sublabel {
	font-size: 14px;
	font-weight: 300;
}

.entry-content .wpforms-form .wpforms-field-hp {
	display: none !important;
	left: -9000px !important;
	position: absolute !important;
}

.site-container .entry-content .wpforms-form textarea {
	padding: 15px;
}

.site-container .entry-content .wpforms-form textarea.wpforms-field-small {
	height: 120px;
}

.site-container .entry-content .wpforms-form textarea.wpforms-field-medium {
	height: 200px;
}

.site-container .entry-content .wpforms-form textarea.wpforms-field-large {
	height: 300px;
}


/* Skip Links
---------------------------------------------------------------------------- */

.genesis-skip-link {
	margin: 0;
}

.genesis-skip-link li {
	height: 0;
	width: 0;
	list-style: none;
}

/* Display outline on focus */
:focus {
	color: #333;
	outline: #ccc solid 1px;
}


/* Site Header
---------------------------------------------------------------------------- */

.primary-nav .site-header {
	padding-top: 64px;
}

.site-header .wrap {
	border-bottom: 2px solid #222; /* <<<<<<<<<<<<<<< Acima do AN grande */ 
	padding: 30px 0;
}

/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	padding-top: 3px;/*130px*/;
}

.wp-custom-logo .title-area {
	padding: 0;
	text-align: center;
}

.wp-custom-logo .title-area img {
	width: auto;
	padding-top: 0px;/*30px*/;
}

.site-title {
	font-family: Raleway, sans-serif;
	font-size: 38px;
	font-weight: 900;
	line-height: 1;
	margin-bottom: 0;
}

.site-title a,
.site-title a:focus,
.site-title a:hover {
	color: #222;
	font-weight: 900;
}

.site-description,
.wp-custom-logo .site-title {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

/* Widget Area
--------------------------------------------- */

.site-header .widget-area {
	float: right;
	text-align: right;
	width: auto;
}

.site-header .widget-area p {
	margin-bottom: 0;
}


/* Site Navigation
---------------------------------------------------------------------------- */
/*
.genesis-nav-menu {
	clear: both;
	color: #000;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.5;
	width: 100%;
}
*/
.genesis-nav-menu {
	clear: both;
	color: #222;
	font-family: Roboto, sans-serif;
/*	font-family: Raleway, sans-serif;*/
	font-size: 12px;
	font-weight: 400 /*400*/;
	line-height: 0.01 /*-- 1.5 ----------------- Altura do Menu primario -------*/;
	text-transform: uppercase;
	width: 100%;
}

.genesis-nav-menu .menu-item {
	display: inline-block;
	text-align: left;
}

.genesis-nav-menu a {
	border: 0;
	color: #222;
	display: block;
	padding: 25px 20px;
	position: relative;
}

.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	color: #008285;
}

.genesis-nav-menu .sub-menu {
	left: -9999px;
	opacity: 0;
	position: absolute;
	transition: opacity 0.4s ease-in-out;
	width: 190px;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	background-color: #fff;
	border: 1px solid #222;
	border-top: none;
	font-size: 12px;
	padding: 20px;
	position: relative;
	text-transform: none;
	width: 190px;
}

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -53px 0 0 189px;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.genesis-nav-menu > .first > a {
	padding-left: 0;
}

.genesis-nav-menu > .last > a {
	padding-right: 0;
}

.genesis-nav-menu > .right {
	float: right;
}

/* Site Header Navigation
--------------------------------------------- */

.site-header .sub-menu {
	border-top: 1px solid #222;
}

.site-header .sub-menu .sub-menu {
	margin-top: -54px;
}

/* Primary Navigation
--------------------------------------------- */

.nav-primary {
	background-color: #14181b    /* #106C44 */;
	color: #fff;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	
}

.admin-bar .nav-primary {
	top: 32px;
}

.nav-primary a {
	color: #fff;
}
/* ----------------- Data ---- Personalizado ------------ */
.nav-primary .date {
	color: #fff;
	display: none;
	visibility: hidden;
}

.nav-primary a:focus,
.nav-primary a:hover,
.nav-primary .sub-menu a:focus,
.nav-primary .sub-menu a:hover,
.nav-primary .genesis-nav-menu .current-menu-item > a {
	color: #aaa;
}

.nav-primary .genesis-nav-menu .sub-menu a {
	background-color: #222;
	border: 1px solid #fff;
	border-top: none;
}


/* Secondary Navigation
--------------------------------------------- */

.nav-secondary {
	margin-top: -100px;
	padding-top: 100px;
}

.nav-secondary .wrap {
	border-bottom: 1px solid #222;
}

/* Accessible Menu
--------------------------------------------- */

.menu .menu-item:focus {
	position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
	left: auto;
	opacity: 1;
}

.menu-toggle,
.sub-menu-toggle {
	display: none;
	visibility: hidden;
}


/* Content Area
---------------------------------------------------------------------------- */

/* Entries
--------------------------------------------- */

.entry {
	margin-bottom: 60px;
}

.archive .content .entry,
.page-template-page_blog-php .content .entry {
	border-bottom: 2px solid #eee;
}

.entry-content .attachment a,
.entry-content .gallery a {
	border: 0;
}

.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption {
	margin-bottom: 26px;
}

.entry-content ol,
.entry-content ul {
	padding-left: 40px;
}

.entry-content ol > li {
	list-style-type: decimal;
}

.entry-content ul > li {
	list-style-type: disc;
}

.entry-content ol ul > li,
.entry-content ul ul > li {
	list-style-type: circle;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-meta {
	font-size: 14px;
}

.entry-header .entry-meta {
	margin-bottom: 30px;
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}

.entry-categories,
.entry-tags {
	display: block;
}

/* After Entry
--------------------------------------------- */

.after-entry {
	border-bottom: 1px solid #222;
	border-top: 2px solid #222;
	margin-top: 40px;
	padding: 30px 0;
}

.after-entry p:last-child {
	margin-bottom: 0;
}

.after-entry .widget {
	margin-bottom: 30px;
}

.after-entry .widget:last-child {
	margin-bottom: 0;
}

/* Pagination
--------------------------------------------- */

.archive-pagination,
.entry-pagination {
	font-size: 14px;
	margin: 40px 0;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	background-color: #222;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 8px 12px;
}

.archive-pagination li a:focus,
.archive-pagination li a:hover,
.archive-pagination li.active a {
	background-color: #008285;
}

.entry-pagination a {
	border-bottom: 1px solid #ddd;
}

/* Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
	background-color: #fff;
	margin-bottom: 50px;
}

.comment-content {
	clear: both;
}

.entry-comments .comment-author {
	margin-bottom: 0;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%;
}

.comment-respond label {
	display: block;
	margin-right: 12px;
}

.comment-list li,
.ping-list li {
	list-style-type: none;
}

.comment-list li {
	margin-top: 24px;
	padding: 32px;
}

.comment-list li li {
	margin-right: -32px;
}

li.comment {
	background-color: #f5f5f5;
	border: 2px solid #fff;
	border-right: none;
}

.entry-pings .reply {
	display: none;
}

.form-allowed-tags {
	background-color: #f5f5f5;
	font-size: 14px;
	padding: 24px;
}

.comment-form-cookies-consent label {
	display: inline;
	padding-left: 10px;
}

/* Sidebars
---------------------------------------------------------------------------- */

.magazine-landing .sidebar,
.magazine-landing .sidebar a {
	color: #fff;
}

.magazine-landing .sidebar a:focus,
.magazine-landing .sidebar a:hover {
	color: #aaa;
	text-decoration: none;
	text-shadow: 1px 1px 0 #222, -1px 1px 0 #222, 2px 0 0 #222, -2px 0 0 #222;
	box-shadow: inset 0 -1px 0 0 #aaa;
}

.sidebar p:last-child,
.sidebar ul > li:last-child {
	margin-bottom: 0;
}

.sidebar .featured-content p:last-child {
	margin-bottom: 24px;
}

.sidebar li {
	border-bottom: 1px dotted #888;
	margin-bottom: 6px;
	padding-bottom: 6px;
}

.sidebar .widget {
	margin-bottom: 40px;
}

.sidebar .tagcloud a,
.sidebar .tagcloud a:visited {
	background-color: #eee;
	color: #222;
	cursor: pointer;
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 5px 10px;
}

.sidebar .tagcloud a:focus,
.sidebar .tagcloud a:hover {
	background-color: #008285;
	color: #fff;
}


/* Footer Widgets
---------------------------------------------------------------------------- */

.footer-widgets {
	background-color: #222;
	color: #aaa;
	clear: both;
	font-size: 14px;
	padding: 60px 0 20px;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
	width: 360px;
}

.footer-widgets-1 {
	margin-right: 30px;
}

.footer-widgets-1,
.footer-widgets-2 {
	float: left;
}

.footer-widgets-3 {
	float: right;
}

.footer-widgets a {
	color: #fff;
	font-weight: 300;
}

.footer-widgets a:focus,
.footer-widgets a:hover {
	color: #ccc;
}

.footer-widgets p:last-child {
	margin-bottom: 0;
}

.footer-widgets h1,
.footer-widgets h2,
.footer-widgets h3,
.footer-widgets h4,
.footer-widgets h5,
.footer-widgets h6 {
	color: #fff;
}

.footer-widgets .widget {
	margin-bottom: 40px;
}

.footer-widgets li {
	margin-bottom: 20px;
}

.footer-widgets .enews-widget {
	padding: 0;
}

.footer-widgets button,
.footer-widgets input[type="button"],
.footer-widgets input[type="reset"],
.footer-widgets input[type="submit"],
.footer-widgets .button {
	background-color: #eee;
	color: #222;
}

.footer-widgets button:focus,
.footer-widgets button:hover,
.footer-widgets input[type="button"]:focus,
.footer-widgets input[type="button"]:hover,
.footer-widgets input[type="reset"]:focus,
.footer-widgets input[type="reset"]:hover,
.footer-widgets input[type="submit"]:focus,
.footer-widgets input[type="submit"]:hover,
.footer-widgets .button:focus,
.footer-widgets .button:hover,
.woocommerce .footer-widgets button:focus,
.woocommerce .footer-widgets button:hover,
.woocommerce .footer-widgets input[type="button"]:focus,
.woocommerce .footer-widgets input[type="button"]:hover,
.woocommerce .footer-widgets input[type="reset"]:focus,
.woocommerce .footer-widgets input[type="reset"]:hover,
.woocommerce .footer-widgets input[type="submit"]:focus,
.woocommerce .footer-widgets input[type="submit"]:hover,
.woocommerce .footer-widgets .button:focus,
.woocommerce .footer-widgets .button:hover {
	background-color: #fff;
	color: #222;
}


/* Site Footer
---------------------------------------------------------------------------- */

.site-footer {
	background-color:#14181b /*#253756/*#000;/* /* ------------------------------Verde 106C44 */;
	font-family: Raleway, sans-serif;
	font-size: 14px;
	text-align: center;
}

.site-footer .wrap {
	border-top: 1px solid #444;
	padding: 60px 0;
}

.site-footer,
.site-footer a {
	color: #aaa;
}

.site-footer a:focus,
.site-footer a:hover {
	color: #fff;
}

.site-footer p {
	margin-bottom: 0;
}

/* Media Queries
---------------------------------------------------------------------------- */

@media only screen and (max-width: 1180px) {

	.site-inner,
	.wrap {
		max-width: 960px;
			}

	.site-header .title-area,
	.wp-custom-logo .title-area {
		max-width: 380px;
	}

	.site-header .widget-area,
	.wp-custom-logo .header-widget-area {
		max-width: 570px;
	}

	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 780px;
	}

	.content {
		width: 630px;
	}

	.content-sidebar-sidebar .content,
	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content {
		width: 450px;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-primary {
		width: 300px;
	}

	.sidebar-secondary {
		width: 150px;
	}

}

@media only screen and (max-width: 1023px) {

	.site-inner,
	.wrap {
		max-width: 750px;/*750px*/;
	}

	.content,
	.content-sidebar-sidebar .content,
	.content-sidebar-sidebar .content-sidebar-wrap,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-content-sidebar .content,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-primary,
	.sidebar-secondary,
	.sidebar-sidebar-content .content,
	.sidebar-sidebar-content .content-sidebar-wrap,
	.site-header .widget-area,
	.site-header .title-area,
	.wp-custom-logo .site-header .widget-area,
	.wp-custom-logo .site-header .title-area {
		max-width: 100%;
		width: 100%;
	}

	.custom-logo-link {
		display: block;
		margin: 0 auto;
	}

	.genesis-nav-menu,
	.site-header .title-area,
	.site-header .widget-area,
	.site-title {
		text-align: center;
	}

	.site-header .widget-area {
		margin-top: 20px;
	}

	.nav-primary {
		position: static;
	}

	.featured-content .entry,
	.site-header .search-form,
	.site-title {
		float: none;
	}

	.primary-nav .site-header,
	.title-area {
		padding-top: 0;
	}

	.title-area {
		padding-bottom: 20px;
	}

	.genesis-nav-menu > .right {
		display: none;
	}

}

@media only screen and (max-width: 840px) {

	.site-inner {
		max-width: 100%;
	}

	.footer-widgets,
	.nav-secondary,
	.site-footer,
	.site-header,
	.site-inner {
		padding-left: 5%;
		padding-right: 5%;
	}

	.genesis-nav-menu > .first > a {
		padding-left: 20px;
	}

	.admin-bar nav.nav-primary {
		top: 0;
	}

	nav.genesis-responsive-menu {
		display: none;
		position: relative;
	}

	.genesis-skip-link .skip-link-hidden {
		display: none;
		visibility: hidden;
	}

	.site-header nav .wrap {
		padding: 0;
	}

	.menu-toggle,
	.sub-menu-toggle {
		border: 0;
		background-color: #fff;
		color: #222;
		display: block;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		visibility: visible;
	}

	nav.nav-primary .sub-menu-toggle,
	#genesis-mobile-nav-primary {
		background-color: #222;
		color: #fff;
	}

	.menu-toggle:hover,
	.menu-toggle:focus {
		color: #aaa;
	}

	.sub-menu-toggle:hover,
	.sub-menu-toggle:focus {
		background-color: #fff;
		color: #aaa;
		border: 0;
	}

	.menu-toggle:focus,
	.sub-menu-toggle:focus {
		outline: 1px solid #ccc;
	}

	.sub-menu-toggle:focus {
		outline-offset: -1px;
	}

	.menu-toggle {
		line-height: 20px;
		position: relative;
		right: 0;
		z-index: 1000;
		width: 100%;
	}

	.menu-toggle::before {
		margin-right: 10px;
		text-rendering: auto;
	}

	.sub-menu-toggle {
		float: right;
		padding: 10px;
		position: absolute;
		right: 10px;
		top: 0;
		z-index: 100;
	}

	nav.nav-primary .sub-menu-toggle:focus,
	nav.nav-primary .sub-menu-toggle:hover {
		background-color: transparent;
		color: #aaa;
	}

	.sub-menu-toggle::before {
		display: inline-block;
		text-rendering: auto;
		transform: rotate(0);
	}

	.sub-menu-toggle.activated::before {
		transform: rotate(180deg);
	}

	.genesis-responsive-menu .genesis-nav-menu .menu-item {
		display: block;
		float: none;
		position: relative;
		text-align: left;
	}

	.genesis-nav-menu .menu-item:hover {
		position: relative;
	}

	.genesis-responsive-menu .genesis-nav-menu .menu-item a {
		border: 0;
		margin-bottom: 1px;
		margin-top: 1px;
		padding: 15px 20px;
		width: 100%;
	}

	.genesis-responsive-menu .genesis-nav-menu .sub-menu {
		border: 0;
	}

	.genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu,
	.genesis-responsive-menu .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu {
		left: 0;
		margin-left: 0;
	}

	.genesis-responsive-menu .genesis-nav-menu > .menu-item-has-children > a::after {
		content: none;
	}

	.genesis-responsive-menu .genesis-nav-menu .sub-menu {
		clear: both;
		display: none;
		margin: 0;
		opacity: 1;
		padding-left: 15px;
		position: static;
		width: 100%;
	}

	.genesis-responsive-menu .genesis-nav-menu .sub-menu .sub-menu {
		margin: 0;
	}

	.archive-pagination li a {
		margin-bottom: 4px;
	}

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}

}

/* ----------- Menu da página -Personalizado ----------------------- */
.title-link { 
	text-align:center;
	font-size: 13px;
	white-space:wrap;
	word-break:normal;
	font-weight: 4000;
}

/* -------------------------------------------------- */

.center {
	width: 100%; text-align: center
}
.center  {
	margin-left: auto; margin-right: auto
}

.visualClear {	
	clear: both; 
	
}

div.black {clear:both; background : url(//fotodicas.com/imagens/hr_separador_black.gif) repeat-x center; 
margin:0 5px 0px 5px; padding:1px 0 3px 0; 
}
A.interno {
	 background: /* url(//fotodicas.com/imagens/18px-lupa.png)*/ no-repeat right center;
	 padding-right: 25px! important; padding-left: 0px! important; 
	 padding-bottom: 0px! important; 
	 padding-top: 0px! important 
	 }
A.externo {
	 background:  /* url(//fotodicas.com/imagens/external.png)*/ no-repeat right center;
	 padding-right: 13px! important; 
	 padding-left: 0px! important; 
	 padding-bottom: 0px! important; 
	 padding-top: 0px! important 
	 }
 


#text-logo { float: left; margin: 15px 0 0 0; }

.H2 {
margin-top: 1px; margin-right: 10px; margin-left: 10px; font-size: 13.6px;font-family: Verdana; line-height: 1.5em; font-weight: 550;  
}

.H3 {
margin-top: 1px; margin-right: 10px; margin-left: 10px; font-size: 13.6px;font-family: Verdana; line-height: 1.5em; font-weight: 550;  
}

.H4 {
margin-top: 1px; margin-right: 10px; margin-left: 10px; font-size: 13.6px;font-family: Verdana; line-height: 1.5em; font-weight: 550;  
}

.titulo {
margin-top: 1px; margin-right: 10px; margin-left: 10px; font-size: 13.6px;font-family: Verdana; line-height: 1.5em; font-weight: 550;  
}

p {
margin-top: 1px; margin-right: 10px; margin-left: 10px; font-size: 13.6px;font-family: Verdana; line-height: 1.5em; font-weight: 550;  
}
.img01 {
	float: left; 
	margin-left:10px;
    margin-right:0.5em;
	margin-top:2px;
	margin-bottom:0px;
    border-width: 0.5em 1.4em 0.8em 0;
}

.img02 {
/*		float: left;
	margin-left:10px;
    margin-right:0.5em;*/
text-align: center;
    border-width: 0.5em 1.4em 0.8em 0;
}

.img03 {
	float: left;
	margin-left:10px;
    margin-right:0.5em;
	margin-top:-30px;
    border-width: 0.5em 1.4em 0.8em 0;
}
div.ANtleft {
	float: left;
	margin-left:10px;
    margin-right:0.5em;
	margin-top:-30px;
    border-width: 0.5em 1.4em 0.8em 0;
}

div.tleft {
	float: left;
	margin-left:10px;
    margin-right:0.5em;
    border-width: 0.5em 1.4em 0.8em 0;
}

div.tright {
    float: right;
/*   clear: right;*/
    border-width: 0.5em 0 0.8em 1.4em;
}
.pBody {	
	padding-right: 0.8em; padding-left: 0.2em; 
	font-size: 95%; padding-bottom: 0.3em; 
	color:black; padding-top: 0px; 
    border-left: #aaa 1px solid; 
	border-top: #aaa 1px solid; 
	border-right: #aaa 1px solid; 
	border-bottom: #aaa 1px solid; 
	border-collapse: collapse; 
	background-color: white
}
.pLinks {	
	padding-right: 5px; padding-left: 5px; 
	font-size: 95%; padding-bottom: 0.3em; 
	color:black; padding-top: 0px; 
    border-left: #aaa 1px solid; 
	border-top: #aaa 1px solid; 
	border-right: #aaa 1px solid; 
	border-bottom: #aaa 1px solid; 
	border-collapse: collapse; 
	background-color: #C0D4F6
}

div.thumbinner {
    border: 1px solid #c8ccd1;
    padding: 3px;
    background-color: #f8f9fa;
    font-size: 94%;
    text-align: center;
    overflow: hidden;
}

div.thumbmenu {
    border: 1px solid #ffffff;
    padding: 3px;
    background-color: #E3DEDE;
    font-size: 94%;
    text-align: center;
    overflow: hidden;
}
.thumbcaption {
    border: 0;
    line-height: 1.4em;
    padding: 3px;
    font-size: 94%;
}

.thumbimage {
    background-color: #fff;
    border: 1px solid #c8ccd1;
}

.thumbimageMini {	
    background-color: #fff;
    border: 1px solid #c8ccd1;
	margin-left: 8px;
	width:35px;
	height:13px;
}

.thumbAnuncio {
    background-color: #14181b;
 /* border: 1px solid #c8ccd1;*/
}
	
.thumbAnGrande {
    width:79%;
	height:300px; 
	margin-top:-30px;
}

/*--- Canto das imagens arredondados --- */
img{border-radius: 10px;}

img{border-radius: 10px;}

.site-container { 
	background-color:#253756 /*#14181b; /*#253756*/; /*---------- Background Personalizado ---------- */ ;
	font-weight: 1000;
	color: #fff;
}

.nav-primary {
	background-color:*253756 ;/*#14181b /* <<<<  Personalizado ---- Era --#106C44 */;
	color: #fff;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

/* Customização do bloco de conteúdo no Genesis */
.entry-content {
    background-color: #2c3e5d; /* Cor sugerida: um azul levemente mais claro */
    padding: 25px;             /* Espaço interno para o texto não sufocar */
    border-radius: 12px;       /* Cantos arredondados modernos */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Sombra leve para profundidade */
    margin-bottom: 20px;       /* Afasta do próximo elemento */
}

/* Ajuste opcional para dispositivos móveis */
@media only screen and (max-width: 600px) {
    .entry-content {
        padding: 15px;
        border-radius: 8px;
    }
}

.site-header {/*----------------------------------Personalizado */
		background-color: #253756; /*#000000*/;
	}
input[type=text] {
  width: 100px;
  -webkit-transition: width .35s ease-in-out;
  transition: width .35s ease-in-out;
}
/*--- Mecanismo de Pesquisa Google */
input[type=text]:focus {
  width: 250px;
}

.clearfix{*zoom:1}.clearfix:after,.clearfix:before{display:table;content:'';line-height:0}.clearfix:after{clear:both}

/*  ----------------------------------------------------------------------------
    responsive settings
*/
/* responsive landscape tablet */
/* responsive portrait tablet */
/* responsive portrait phone */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

.clear3 { clear:both;
	margin:8px;
}

.flag {background: url("/imagens/Flag_pt-br_Brasil.webp") no-repeat top left; 
   background-size: auto; 
   background-size: 100%;
   width: 22px;
   height: 15px;
   margin: 0px 2px -2% 26%;
}

/* -----------PERSONALIZAÇAO - GENESIS -- Área de Conteudo -----*/


/* ============================================================
   0. RESET SEGURO (SEM ALL: UNSET)
   ============================================================ */

*, *::before, *::after {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    display: block;
}
.tag3 {
margin-top: 1px; margin-right: 10px; margin-left: 10px; font-size: 13.6px;font-family: Verdana; line-height: 1.5em; font-weight: 550; color:#1D355F;  
}

/* Título */
.tv-title {
    margin: 12px 0 10px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #f0f6ff;
}

/* Descrição com "Ver mais" automático */
.tv-epg {
    margin-top: 10px;
    font-size: 0.9rem;
    line-height: 1.35;
    max-height: 70px;
    overflow: hidden;
    position: relative;
}

.tv-epg.longo::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 25px;
    background: linear-gradient(to bottom, transparent, #0f1620);
}

.tv-epg.longo::before {
    content: "Ver mais";
    position: absolute;
    bottom: -2px;
    right: 10px;
    font-size: 0.85rem;
    color: #00c8ff;
    text-decoration: underline;
    cursor: pointer;
}

/* Canais sem EPG */
.sem-epg {
    opacity: 0.8;
}

.sem-epg::before {
    content: "AO VIVO";
    display: inline-block;
    padding: 4px 10px;
    margin-top: 10px;

    background: #ff0033;
    color: white;
    font-size: 0.8rem;
    font-weight: bold;
    border-radius: 6px;

    animation: piscar 1.2s infinite;
}

@keyframes piscar {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.35; }
}

/* ============================================================
   2. CATEGORIAS NEOM (CORES TEMÁTICAS)
   ============================================================ */

.tv-canais-abertos,
.tv-tv-aberta { background: #0f1620; border-color: rgba(0,120,255,0.35); }

.tv-noticias { background: #0d141f; border-left: 4px solid #1e90ff; }

.tv-filmes { backdrop-filter: blur(12px); background: rgba(15,25,40,0.55); }

.tv-documentario { background: radial-gradient(circle at top, #0f1b33, #0a0f1a); }

.tv-religioso { background: #0e1a2a; border-color: rgba(120,180,255,0.25); }

.tv-agro { background: #0d1622; border-color: rgba(0,255,140,0.25); }

.tv-infantil { background: #0f1f33; border-color: rgba(0,180,255,0.35); }

.tv-musica { background: #0a0f1a; border-color: rgba(0,140,255,0.45); }

.tv-esportes { background: #0d1420; border: 2px solid #1e90ff; }

.tv-variedades { background: #101a2b; border-color: rgba(0,200,255,0.25); }

/* ============================================================
   3. GUIA XMLTV
   ============================================================ */

.guia-xml {
    display: flex;
    gap: 12px;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    max-width: 420px;
    margin-bottom: 20px;
}

.guia-xml .epg-thumb-manual img {
    width: 90px;
    border-radius: 6px;
    object-fit: cover;
}

.guia-xml .epg-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.guia-xml .progress {
    width: 100%;
    height: 6px;
    background: #e5e5e5;
    border-radius: 4px;
    overflow: hidden;
}

.guia-xml .progress-bar {
    height: 100%;
    background: #4caf50;
    width: 0%;
    transition: width .4s ease;
}

/* ============================================================
   4. GUIA JSON
   ============================================================ */

.epg-bloco-principal[data-canal] {
    min-height: 120px;
    display: flex;
    gap: 12px;
}

.epg-bloco-principal[data-canal] .epg-thumb {
    width: 140px;
}

.epg-bloco-principal[data-canal] .epg-thumb img {
    max-height: 100px;
    border-radius: 6px;
}

/* ============================================================
   5. ANIMAÇÕES ESSENCIAIS
   ============================================================ */

@keyframes serpentina {
    0% { background-position: 0% 0; }
    100% { background-position: 200% 0; }
}

@keyframes luzPassando {
    0% { transform: translateX(-150%) rotate(25deg); }
    100% { transform: translateX(150%) rotate(25deg); }
}

/* ============================================================
   6. PLAYER / IFRAME
   ============================================================ */

.iframe-container {
    width: 100%;
    max-width: 800px;
    height: 420px;
    margin: 20px auto;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    background: #000;
}

.placeholder {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #888;
    animation: piscarCarregamento 1.5s infinite alternate;
}

@keyframes piscarCarregamento {
    0% { opacity: 1; }
    100% { opacity: .6; color: #ff0000; }
}

/* ============================================================
   7. WPForms
   ============================================================ */

.wpforms-container {
    background-color: #1a1a1b;
    padding: 30px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}

.wpforms-form input,
.wpforms-form textarea,
.wpforms-form select {
    background-color: #2d2d2e;
    color: #fff;
    border: 1px solid #3e3e3f;
    border-radius: 8px;
    padding: 12px;
}

/* ============================================================
   8. CARROSSEL
   ============================================================ */

ul.pm-ul-carousel-videos {
    background-color: transparent;
    border-top: 1px solid #333;
}

/* ============================================================
   PRELOADER — VERSÃO APRIMORADA (PRONTA PARA COLAR)
   ============================================================ */

#preloader {
    position: fixed;
    inset: 0;
    background: #0d0d0d;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    opacity: 1;
    visibility: visible;
    transition: opacity .5s ease, visibility .5s ease;
}

/* Some quando o JS libera */
body.loaded #preloader {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* Caixa interna */
.preloader-box {
    width: 260px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

/* Barra externa */
.preloader-bar {
    width: 100%;
    height: 6px;
    background: #333;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 12px;
}

/* Barra interna com animação + brilho */
.preloader-fill {
    width: 0%;
    height: 100%;
    background: #e50914;
    position: relative;
    animation: preloaderLoading 2.2s ease-in-out infinite;
    overflow: hidden;
}

/* Brilho estilo Globoplay */
.preloader-fill::after {
    content: "";
    position: absolute;
    top: 0;
    left: -40%;
    width: 40%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.6), transparent);
    animation: brilho 1.2s linear infinite;
}

/* Animação da barra */
@keyframes preloaderLoading {
    0%   { width: 0%; }
    50%  { width: 80%; }
    100% { width: 100%; }
}

/* Animação do brilho */
@keyframes brilho {
    0%   { left: -40%; }
    100% { left: 100%; }
}

/* Texto */
.preloader-box p {
    font-weight: 300;
    letter-spacing: .5px;
    opacity: .85;
}

/* Responsividade */
@media (max-width: 480px) {
    .preloader-box {
        width: 200px;
        font-size: 14px;
    }
    .preloader-bar {
        height: 5px;
    }
}



/* -----------PERSONALIZAÇAO - GENESIS -- Área de Conteudo -----*/


/* --- Barra de Lnks --- Canais-Online -------- */

.canais-online {
  margin: 0;
  color: #fff;
  font-size: 13px;
  font-family: Montserrat, Arial;
  line-height: 20px;
  -webkit-text-size-adjust: 100%;
  background-color: transparent;
}

.canais-online * {
  box-sizing: border-box;
}

.canais-list {
  width: 100%;
  padding-left: 0;
  margin-top: 10px;
  position: relative;
}

/* Ajuste do título */
.canais-list p {
  margin: 0 0 5px 0;
  text-align: center;
}

/* Flexbox centralizado */
.canais-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none !important;
}

.canais-list li {
  margin: 0;
  padding: 0;
  list-style: none !important;
}

.canais-list li a {
  background-color: #a41a3b;
  padding: 4px 10px;
  border: 1px solid rgba(255,255,255,.1);
  color: #fff;
  transition: ease .3s;
  border-radius: 6px;
  display: inline-block;
  text-decoration: none;
}

.canais-list li a:hover {
  border-color: #fff;
}


/* Carrossel / Publicidade / Estilos básicos para os itens do carousel*/
.itemAnuncio {
/*   background: #4dc7a4;  */
padding: 0px 0px;
	margin: 10px;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	}

/* ============================
CSS FINAL UNIFICADO — GUIA JSON + GUIA XMLTV
(Com barra azul serpentina aplicada nos dois)
   ============================ */
.guia-tv-bloco {
    background: #111;
    padding: 14px;
    border-radius: 10px;
    margin-bottom: 18px;
    color: #fff;
    display: flex;
    gap: 16px;
    align-items: flex-start;
    border: 1px solid #222;
}

/* ================================
   MINIATURA (THUMBNAIL)
   ================================ */
.epg-thumb img {
    width: 160px;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
    display: block;
}

/* ================================
   ÁREA DE INFORMAÇÕES
   ================================ */
.epg-info {
    flex: 1;
}

.epg-hora {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 4px;
    color: #ccc;
}

.epg-titulo {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 6px;
    line-height: 1.3;
}

.epg-desc {
    font-size: 14px;
    color: #ddd;
    margin-bottom: 10px;
}

.epg-restante {
    font-size: 13px;
    color: #aaa;
    margin-bottom: 10px;
}

/* ================================
   SELO AO VIVO (PULSANTE)
   ================================ */
.ao-vivo {
    background: red;
    color: #fff;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: bold;
    border-radius: 4px;
    margin-left: 8px;
    animation: pulsar 1s infinite;
}

@keyframes pulsar {
    0% { opacity: 1; }
    50% { opacity: .4; }
    100% { opacity: 1; }
}

/* ================================
   SELO AO VIVO (PULSANTE) PARA XML
   ================================ */
.epg-ao-vivo {
    background: #e60000;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: auto;
    display: none; /* começa escondido */
    animation: blink 1s infinite;
}

@keyframes blink {
    0% { opacity: 1 }
    50% { opacity: 0.3 }
    100% { opacity: 1 }
}

/* ==========================================
   SELO AO VIVO (PULSANTE) PARA XML Versão 2
   ========================================= */

.ao-vivo-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    background: #ff0033;
    color: #fff;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    animation: piscar 1s infinite;
    box-shadow: 0 0 8px rgba(255,0,50,0.8);
}

@keyframes piscar {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}
/*Barra decorativa serpentina (igual ao XMLTV/JSON) 
barra decorativa com movimento*/

.progress-decorativa {
    background: linear-gradient(90deg, #00eaff, #0077ff, #00eaff);
    background-size: 200% 100%;
    animation: serpentina 3s linear infinite;
}

@keyframes serpentina {
    0% { background-position: 0% 0; }
    100% { background-position: 200% 0; }
}

/* 1) Glow neon dinâmico na borda do card - 
cria um brilho pulsante ao redor de cada card .tv-item, 
combinando com o estilo NEOM.*/


.tv-item {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    transition: box-shadow .3s ease, transform .3s ease;
}


.tv-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 0 18px rgba(0, 255, 255, 0.7);
}

 
@keyframes glowNeon {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* 2) Efeito de luz passando pela thumb */
.epg-thumb-manual {
    position: relative;
    overflow: hidden;
}

.epg-thumb-manual::after {
    content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.25) 50%,
        transparent 100%
    );
    transform: rotate(25deg);
    animation: luzPassando 3.5s ease-in-out infinite;
}

@keyframes luzPassando {
    0% { transform: translateX(-150%) rotate(25deg); }
    100% { transform: translateX(150%) rotate(25deg); }
}

/* 3) Badge automático “HD / FHD / 4K” */
/* 1) Adicione no array do canal */
[
    'id' => '',
    'nome' => 'Canal Rural',
    'link' => 'https://fotodicas.com/tv-canal-rural-ao-vivo/',
    'imagem' => '/img/canal-rural.webp',
    'tipo' => 'sem_epg',
    'qualidade' => 'FHD'
],

/* 2) Adicione no HTML do card
Logo abaixo da imagem: */

<span class="badge-qualidade">'.$canal['qualidade'].'</span>

/* 3) CSS */
.badge-qualidade {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: rgba(0,0,0,0.7);
    color: #00eaff;
    padding: 3px 8px;
    font-size: 11px;
    border-radius: 4px;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #00eaff;
    box-shadow: 0 0 6px rgba(0,255,255,0.6);
}

 

/* ================================
   BARRA DE PROGRESSO
   ================================ */
.progress {
    background: #333;
    height: 6px;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 6px;
}

.progress-bar {
    height: 6px;
    background: #e60000;
    transition: width .4s ease;
}

/* ================================
   LISTA DE PROGRAMAS (XMLTV + JSON)
   ================================ */
.epg-bloco {
    background: #181818;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 10px;
    color: #fff;
}

.epg-bloco strong.epg-hora {
    font-size: 15px;
    color: #ccc;
}

.epg-bloco .epg-titulo {
    font-size: 16px;
    font-weight: bold;
    margin: 4px 0;
}

.epg-bloco .epg-desc {
    font-size: 13px;
    color: #bbb;
}


/* ============================
   ANIMAÇÕES
   ============================ */

@keyframes fadeSlide {
    0% { opacity: 0; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}



/* ============================================================
   SEÇÃO 2: WPFORMS DARK RED (COMBINANDO COM GUIA DE TV)
   ============================================================ */

.wpforms-container {
    background-color: #1a1a1b !important;
    padding: 30px !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.4) !important;
    margin: 20px auto !important;
    border: none !important;
}

.wpforms-form .wpforms-field-label {
    color: #e1e1e1 !important;
    font-weight: 600 !important;
}

.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="url"],
.wpforms-form input[type="tel"],
.wpforms-form textarea,
.wpforms-form select {
    background-color: #2d2d2e !important;
    color: #ffffff !important;
    border: 1px solid #3e3e3f !important;
    border-radius: 8px !important;
    padding: 12px !important;
}

/* Foco do campo agora em Vermelho */
.wpforms-form input:focus, 
.wpforms-form textarea:focus {
    border-color: #FF0000 !important;
    outline: none !important;
    box-shadow: 0 0 8px rgba(255, 0, 0, 0.2) !important;
}

/* Botão de Enviar agora em Vermelho */
.wpforms-submit-container button.wpforms-submit {
    background-color: #FF0000 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 15px 35px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.wpforms-submit-container button.wpforms-submit:hover {
    background-color: #cc0000 !important; /* Vermelho um pouco mais escuro no hover */
    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.4) !important;
    transform: translateY(-1px);
}

.wpforms-confirmation-container-full {
    background-color: #1a1a1b !important;
    color: #ffffff !important;
    border-radius: 15px !important;
    padding: 20px !important;
    border: 1px solid #FF0000 !important;
}
	
/* -----------container ---------- */
.iframe-container {
    width: 100%;
    max-width: 800px; 
    height: 420px;
    margin: 20px auto;
    position: relative;
    border-radius: 20px; 
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    background: #000;
}

.placeholder {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: sans-serif;
    font-weight: bold;
    text-align: center;
    color: #888;
    width: 90%;
    font-size: 14px;
    animation: piscarCarregamento 1.5s infinite alternate;
}

/* Estado Inicial: Escondido via ID */
#iframeVideo {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 20px;
    background: #000;
    opacity: 0; 
    transition: opacity 0.5s ease-in-out;
    pointer-events: none;
}

/* Estado Final: Quando a classe .loaded é adicionada */
#iframeVideo.loaded {
    opacity: 1;
    pointer-events: auto;
}

/* Fade-out suave do placeholder */
.placeholder.hidden {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    pointer-events: none;
}

/* Animação de piscar */
@keyframes piscarCarregamento {
    0% {
      color: #888;
      opacity: 1;
    }
    100% {
      color: #ff0000;
      opacity: 0.6;
      text-shadow: 0 0 8px rgba(255, 0, 0, 0.3);
    }
}


/*Style páginas de entrada  */

ul.pm-ul-carousel-videos {background-color:transparent;border-top:1px solid #333; margin-left:-25px;}

ul.pm-ul-carousel-videos li .pm-video-thumb{display:block;width:100%;position:relative;height:0;padding:56.25% 0 0;overflow:hidden;background-color:transparent;/*#fafafa*/}

ul.pm-ul-carousel-videos li img{position:absolute;display:block;max-width:100%;max-height:100%;left:0;right:0;top:0;bottom:0;margin:auto}

ul.pm-ul-carousel-videos .pm-video-meta{color:#777;font-size:12px}ul.pm-ul-carousel-videos .pm-video-meta .pm-video-author{margin-right:5px;color:#888}

.pm-section-highlighted ul.pm-ul-carousel-videos li .thumbnail .pm-video-thumb{background-color:transparent;border:1px solid #333}.pm-section-highlighted ul.pm-ul-carousel-videos li .thumbnail .caption a{color:#fafafa}

.thumbnail .overlay{position:absolute;border:0;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);background-image:url(/imagens/icon-play-32.png);background-repeat:no-repeat;background-position:center center;opacity:0;-webkit-transition:.25s;-moz-transition:.25s;-ms-transition:.25s;-o-transition:.25s;transition:.25s}

.thumbnail .caption{padding:0;color:inherit}.thumbnail .caption h3{font-size:13px;overflow:hidden}.thumbnail .caption h3 a{color:#333;font-weight:500}.thumbnail .caption h3 a:hover{color:#20a8e1;text-decoration:underline}.thumbnail .caption h3 a:visited{color:#408}
	
.thumbnail:hover .overlay{opacity:1}

.slick-track:before,.slick-track:after{display:table;content:''}

.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}

.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

/* Forçar o layout flex do cartão EPG contra o Genesis */
.entry-content .epg-bloco-principal,
.epg-bloco-principal {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

/* Impedir que o Genesis trate a imagem como bloco de largura total */
.entry-content .epg-thumb,
.epg-thumb {
    flex: 0 0 auto !important;
    width: 175px !important;
    max-width: 175px !important;
}

/* Impedir que o Genesis estique a imagem verticalmente */
.entry-content .epg-thumb img,
.epg-thumb img {
    width: 100% !important;
    height: auto !important;
    max-height: 120px !important;
    object-fit: cover !important;
    display: block !important;
    float: none !important;
}

/* Garantir que o conteúdo ocupe o restante do espaço */
.entry-content .epg-info,
.epg-info {
    flex: 1 1 auto !important;
    width: auto !important;
}
/* Alinhar a imagem ao fundo do cartão */
.epg-bloco-principal {
    align-items: flex-end !important;
}
/* Forçar a imagem a alinhar no fundo do cartão */
.epg-thumb {
    align-self: flex-end !important;
}

/* Garantir que o container tenha altura suficiente para permitir o alinhamento */
.epg-bloco-principal {
    min-height: 140px !important; /* ajuste fino depois */
}
/* Impedir que o container da imagem ocupe toda a altura */
.epg-thumb {
    height: auto !important;
    max-height: none !important;
    align-self: flex-start !important;
    display: block !important;
}

/* Impedir que o Genesis estique o container */
.epg-bloco-principal > .epg-thumb {
    flex: 0 0 auto !important;
}
.epg-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}
/* Garantir que o bloco da barra tenha altura própria */
.epg-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    min-height: 40px !important; /* impede colapso */
    width: 100% !important;
}
/* Impedir que o bloco da barra colapse */
.epg-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    min-height: 60px !important; /* altura mínima real */
    width: 100% !important;
    position: relative !important;
    z-index: 2 !important;
}
/* Restaurar a altura da barra de progresso */
.epg-info .progress {
    height: 6px !important;
    background-color: #ddd !important;
    border-radius: 3px !important;
    overflow: hidden !important;
    width: 100% !important;
    margin-bottom: 6px !important;
}

/* Restaurar a barra interna */
.epg-info .progress-bar {
    height: 100% !important;
    background-color: #2a9df4 !important; /* azul padrão */
    border-radius: 3px !important;
}
/* Colocar hora e título lado a lado */
.epg-hora {
    display: inline-block !important;
    margin-right: 8px !important;
    font-weight: bold !important;
}

.epg-titulo {
    display: inline-block !important;
    vertical-align: middle !important;
}
.epg-hora,
.epg-titulo {
    display: inline !important;
}
/* ================================
   BARRA DE PROGRESSO PREMIUM NEON
   ================================ */

/* Fundo discreto da barra */
.epg-info .progress {
    position: relative;
    width: 100%;
    height: 6px;
    background: #0a0a0a;
    border-radius: 4px;
    overflow: hidden;
}

/* Barra neon com serpentina + pulso */
.epg-info .progress-bar {
    position: relative;
    height: 100%;
    background: linear-gradient(
        90deg,
        #1e90ff,
        #4db8ff,
        #1e90ff
    );
    background-size: 300% 100%;
    border-radius: 4px;

    /* Animações combinadas */
    animation:
        serpentinaNeon 6s linear infinite,
        pulsoNeon 3.5s ease-in-out infinite;

    /* Brilho neon */
    box-shadow:
        0 0 6px #1e90ff,
        0 0 12px #1e90ff,
        0 0 18px #4db8ff,
        inset 0 0 6px #1e90ff;
}

/* Reflexo de vidro */
.epg-info .progress::after {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    width: 200%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0.15) 0%,
        rgba(255,255,255,0.05) 40%,
        rgba(255,255,255,0) 60%
    );
    animation: reflexoVidro 8s linear infinite;
}

/* Laser futurista */
.epg-info .progress-bar::after {
    content: "";
    position: absolute;
    top: 0;
    width: 12px;
    height: 100%;
    background: rgba(255,255,255,0.35);
    filter: blur(4px);
    animation: laserNeon 4.5s ease-in-out infinite;
}

/* ================================
   ANIMAÇÕES
   ================================ */

/* Serpentina suave */
@keyframes serpentinaNeon {
    0% { background-position: 300% 0; }
    100% { background-position: -300% 0; }
}

/* Pulso de energia */
@keyframes pulsoNeon {
    0%, 100% {
        box-shadow:
            0 0 6px #1e90ff,
            0 0 12px #1e90ff,
            0 0 18px #4db8ff,
            inset 0 0 6px #1e90ff;
    }
    50% {
        box-shadow:
            0 0 10px #4db8ff,
            0 0 20px #4db8ff,
            0 0 28px #80d4ff,
            inset 0 0 10px #4db8ff;
    }
}

/* Reflexo de vidro */
@keyframes reflexoVidro {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(50%); }
}

/* Laser futurista */
@keyframes laserNeon {
    0% { left: -20px; opacity: 0; }
    40% { opacity: 1; }
    100% { left: 100%; opacity: 0; }
}

/* ------------------NEOM ----------------- */
/* 1. Tema claro para notícias */
body.category-noticias .neom {
  background-color: #ffffff;
  color: #222;
  font-family: "Arial", sans-serif;
}

/* 2. Tema escuro para esportes */
body.category-esportes .neom {
  background-color: #111;
  color: #f5f5f5;
  font-family: "Roboto", sans-serif;
}

/* 3. Compacto para sidebar */
.sidebar .neom {
  font-size: 0.85em;
  line-height: 1.2;
  padding: 5px;
}

/* 4. Expandido para programação completa */
body.category-programacao .neom {
  font-size: 1.1em;
  line-height: 1.6;
  padding: 15px;
}

/* 5. Colorido para entretenimento */
body.category-entretenimento .neom {
  background: linear-gradient(135deg, #ff9a9e, #fad0c4);
  color: #333;
}

/* 6. Minimalista para cultura/educação */
body.category-cultura .neom,
body.category-educacao .neom {
  background-color: #f9f9f9;
  color: #444;
  border-left: 3px solid #666;
}

/* 7. Premium destaque */
body.category-destaques .neom {
  background-color: #222;
  color: #d4af37; /* dourado */
  font-family: "Georgia", serif;
}

/* 8. Jovem/pop */
body.category-musica .neom,
body.category-pop .neom {
  background-color: #000;
  color: #0ff; /* neon */
  font-family: "Montserrat", sans-serif;
}

/* 9. Religioso/institucional */
body.category-religioso .neom {
  background-color: #eef6f9;
  color: #333;
  font-family: "Verdana", sans-serif;
}

/* 10. Shopping/comercial */
body.category-comercial .neom {
  background-color: #fdfdfd;
  color: #555;
  border: 1px solid #ccc;
}

/*
Theme Name: Meu Tema Filho Genesis
Template: genesis
Version: 1.0
*/

/* Regras gerais do tema filho */
body {
  font-family: "Open Sans", sans-serif;
}

/* Outras customizações... */

/* ------------------------------
   NEOM - Estilos por categoria
   ------------------------------ */

/* Tema claro para notícias */
body.category-noticias .neom {
  background-color: #ffffff;
  color: #222;
}

/* Tema escuro para esportes */
body.category-esportes .neom {
  background-color: #111;
  color: #f5f5f5;
}

/* Compacto para sidebar */
.sidebar .neom {
  font-size: 0.85em;
  line-height: 1.2;
  padding: 5px;
}

/* ... e assim por diante para as 10 variações ... */

.neom-noticias { background:#fff; color:#222; }
.neom-esportes { background:#111; color:#f5f5f5; }
.neom-entretenimento { background:linear-gradient(135deg,#ff9a9e,#fad0c4); color:#333; }
.neom-cultura { background:#f9f9f9; color:#444; border-left:3px solid #666; }
.neom-destaques { background:#222; color:#d4af37; font-family:"Georgia",serif; }
.neom-musica { background:#000; color:#0ff; font-family:"Montserrat",sans-serif; }
.neom-religioso { background:#eef6f9; color:#333; }
.neom-comercial { background:#fdfdfd; color:#555; border:1px solid #ccc; }
.neom-programacao { font-size:1.1em; line-height:1.6; padding:15px; }
.neom-sidebar { font-size:0.85em; line-height:1.2; padding:5px; }

/* ============================
   GRID CORRIGIDO — 2 COLUNAS
   ============================ */

.tv-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    padding: 0;
}

/* Responsivo — 1 coluna no celular */
@media (max-width: 600px) {
    .tv-grid {
        grid-template-columns: 1fr !important;
    }
}

/* ============================
   CARTÃO TV — BASE LIMPA
   ============================ */
/*
.tv-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    background: #0f1620;
    border-radius: 16px;
    padding: 22px;

    color: #e8f4ff;
    border: 1px solid rgba(0,120,255,0.25);

    box-shadow: 0 6px 18px rgba(0,0,0,0.55);
    transition: transform .25s ease, box-shadow .25s ease;
}
/*
.tv-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 26px rgba(0,0,0,0.75);
} */

/* Imagem */
.tv-thumb img {
    width: 100%;
    border-radius: 10px;
    display: block;
}

/* Título */
.tv-title {
    margin: 12px 0 10px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #f0f6ff;
}

/* EPG */
.tv-epg {
    margin-top: 14px;
    font-size: 0.9rem;
}

/* Sem EPG */
.sem-epg {
    opacity: 0.8;
}

/* ============================
   CATEGORIAS (mantidas)
   ============================ */

.tv-canais-abertos,
.tv-tv-aberta {
    background: #0f1620;
    border-color: rgba(0,120,255,0.35);
}

.tv-noticias {
    background: #0d141f;
    border-left: 4px solid #1e90ff;
}

.tv-filmes {
    backdrop-filter: blur(12px);
    background: rgba(15,25,40,0.55);
    border-color: rgba(0,150,255,0.25);
}

.tv-documentario {
    background: radial-gradient(circle at top, #0f1b33, #0a0f1a);
}

.tv-religioso {
    background: #0e1a2a;
    border-color: rgba(120,180,255,0.25);
}

.tv-agro {
    background: #0d1622;
    border-color: rgba(0,255,140,0.25);
}

.tv-infantil {
    background: #0f1f33;
    border-color: rgba(0,180,255,0.35);
}

.tv-musica {
    background: #0a0f1a;
    border-color: rgba(0,140,255,0.45);
}

.tv-esportes {
    background: #0d1420;
    border: 2px solid #1e90ff;
}

.tv-variedades {
    background: #101a2b;
    border-color: rgba(0,200,255,0.25);
}

/* ===========================================
   TEMA NEON CYBER TV
   Estilo futurista, vibrante, gamer
   =========================================== */

/* Fundo geral */
.guia-tv-bloco {
    background: #05060a;
    padding: 20px;
    border-radius: 14px;
    margin-top: 25px;
    box-shadow: 0 0 25px rgba(0, 255, 255, 0.08);
}

/* ===========================================
   BLOCO DO PROGRAMA ATUAL
   =========================================== */

.epg-atual-bloco {
    background: #080a12;
    border: 1px solid #00eaff55;
    border-radius: 14px;
    padding: 20px;
    margin-bottom: 25px;

    display: flex;
    gap: 20px;
    align-items: flex-start;

    box-shadow: 0 0 25px rgba(0, 255, 255, 0.15);
    transition: all .25s ease;
}

/* Hover neon */
.epg-atual-bloco:hover {
    border-color: #00eaff;
    box-shadow: 0 0 35px rgba(0, 255, 255, 0.45);
    cursor: pointer;
}

/* ===========================================
   IMAGEM DO CANAL
   =========================================== */

.epg-atual-logo {
    width: 175px;
    height: 98px;
    border-radius: 10px;
    object-fit: cover;
    flex-shrink: 0;

    border: 2px solid #00eaff;
    box-shadow: 0 0 18px rgba(0, 255, 255, 0.4);
    transition: all .25s ease;
}

/* Hover neon da imagem */
.epg-atual-bloco:hover .epg-atual-logo {
    transform: scale(1.07);
    box-shadow: 0 0 28px rgba(0, 255, 255, 0.75);
}

/* ===========================================
   TEXTO DO BLOCO ATUAL
   =========================================== */

.epg-atual-info {
    flex: 1;
}

.epg-title {
    font-size: 1.4rem;
    color: #dffaff;
    margin: 0 0 6px 0;
    font-weight: 600;
    text-shadow: 0 0 8px rgba(0, 255, 255, 0.4);
}

.epg-hora {
    color: #8feaff;
    font-size: 1rem;
    font-weight: 500;
}

.epg-desc {
    color: #bde7f0;
    margin-top: 10px;
    line-height: 1.5;
}

/* Badge AO VIVO neon */
.live-badge {
    background: #ff0099;
    color: #fff;
    padding: 4px 12px;
    border-radius: 6px;
    margin-left: 10px;
    font-size: 0.8rem;
    font-weight: bold;
    box-shadow: 0 0 14px rgba(255, 0, 153, 0.7);
}

/* ===========================================
   BARRA DE PROGRESSO NEON
   =========================================== */

.loading-bar-container {
    margin-top: 16px;
    background: #0b0f18;
    height: 14px;
    width: 100%;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: inset 0 0 12px rgba(0, 255, 255, 0.25);
}

.loading-bar {
    height: 100%;
    width: 0%;
    background: repeating-linear-gradient(
        45deg,
        #00eaff,
        #00eaff 12px,
        #00bcd4 12px,
        #00bcd4 24px
    );
    background-size: 48px 48px;
    animation: neonProgress 1.3s linear infinite;
}

@keyframes neonProgress {
    from { background-position: 0 0; }
    to { background-position: 48px 0; }
}

/* ===========================================
   PRÓXIMOS PROGRAMAS
   =========================================== */

.epg-header h3 {
    color: #dffaff;
    font-size: 1.3rem;
    margin-bottom: 14px;
    border-left: 4px solid #00eaff;
    padding-left: 12px;
    text-shadow: 0 0 8px rgba(0, 255, 255, 0.4);
}

.epg-bloco {
    background: #0a0d14;
    border: 1px solid #00eaff33;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 14px;
    transition: all .25s ease;
}

.epg-bloco:hover {
    border-color: #00eaff;
    box-shadow: 0 0 22px rgba(0, 255, 255, 0.35);
}

.epg-bloco .epg-title {
    font-size: 1.15rem;
    color: #dffaff;
}

.epg-bloco .epg-hora {
    color: #8feaff;
    font-size: 0.95rem;
}

.epg-bloco .epg-desc {
    color: #bde7f0;
    margin-top: 8px;
}

/* ===========================================
   RESPONSIVIDADE
   =========================================== */

@media (max-width: 600px) {
    .epg-atual-bloco {
        flex-direction: column;
        text-align: center;
    }

    .epg-atual-logo {
        margin: 0 auto;
    }

    .epg-atual-info {
        text-align: center;
    }
}

/* ------ Classes exclusivas no Neon:

.tv-grid

.tv-item

.epg-bloco

.epg-atual-bloco

.loading-bar

.progress

.progress-decorativa

.preloader-fill

Essas classes não existem no resto do site.
*?
/* ============================================
   TÍTULOS NEON (H2) — Compatível com Genesis
   ============================================ */
h2.neon-title {
    font-size: 2rem;
    font-weight: 700;
    color: #00eaff;
    text-shadow: 0 0 8px #00eaff, 0 0 16px #00eaff;
    margin-bottom: 20px;
    text-align: center;
    display: block;
}

/* Subtítulo */
.neon-subtitle {
    font-size: 1.1rem;
    color: #b8faff;
    text-align: center;
    margin-bottom: 30px;
    text-shadow: 0 0 6px #00eaff;
    display: block;
}

/* ============================================
   MENU NEON — Compatível com Genesis
   ============================================ */
.neon-menu {
    display: flex;
    justify-content: center;
    gap: 18px;
    margin: 25px 0;
    flex-wrap: wrap;
    padding: 0;
}

.neon-menu a {
    padding: 10px 18px;
    border: 2px solid #00eaff;
    border-radius: 6px;
    color: #00eaff;
    text-decoration: none;
    font-weight: 600;
    text-shadow: 0 0 6px #00eaff;
    transition: 0.25s ease-in-out;
    background: rgba(0, 0, 0, 0.35);
    display: inline-block;
}

.neon-menu a:hover {
    background: #00eaff;
    color: #000;
    box-shadow: 0 0 12px #00eaff, 0 0 24px #00eaff;
}

/* ============================================
   CONTAINER DOS CARDS
   ============================================ 
.neon-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 10px;
}
*/
/* ============================================
   RESPONSIVIDADE
   ============================================ 
@media (max-width: 600px) {
    h2.neon-title {
        font-size: 1.6rem;
    }

    .neon-menu a {
        padding: 8px 14px;
        font-size: 0.9rem;
    }
}*/

/*=== CSS Neon Premium para os anúncios */
/* ================================
   BLOCO DE ANÚNCIO – CARTÃO NEON
   ================================ */

.tv-anuncio {
    background: #ffffff;
    border: 1px solid #dfe6ee;
    border-radius: 14px;
    padding: 22px;
    position: relative;
    overflow: hidden;
    transition: all 0.35s ease;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
}

/* Brilho suave contínuo */
.tv-anuncio::before {
    content: "";
    position: absolute;
    top: -40%;
    left: -40%;
    width: 180%;
    height: 180%;
    background: radial-gradient(circle, rgba(0,162,255,0.18) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

/* Borda neon animada */
.tv-anuncio::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 14px;
    padding: 2px;
    background: linear-gradient(135deg, #00a2ff, #00eaff, #008cff);
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.35s ease;
}

/* Hover Neon */
.tv-anuncio:hover {
    transform: translateY(-4px) scale(1.01);
    box-shadow: 0 0 18px rgba(0,162,255,0.45);
    border-color: #00a2ff;
}

.tv-anuncio:hover::before {
    opacity: 1;
}

.tv-anuncio:hover::after {
    opacity: 1;
}

/* Animação de pulso suave */
@keyframes neonPulse {
    0% { box-shadow: 0 0 10px rgba(0,162,255,0.25); }
    50% { box-shadow: 0 0 16px rgba(0,162,255,0.45); }
    100% { box-shadow: 0 0 10px rgba(0,162,255,0.25); }
}

.tv-anuncio:hover {
    animation: neonPulse 1.8s infinite ease-in-out;
}

.anuncio-horizontal {
    width: 100%;
    max-width: 728px;
    margin: 20px auto;
    text-align: center;
}