/**
 * Estilos do painel administrativo do plugin R2 Static & Media CDN
 */

/* Estrutura principal */
.codir2me-cdn-admin {
	max-width: 1200px;
}

.codir2me-cdn-admin .version {
	font-size: 12px;
	color: #888;
	font-weight: normal;
	margin-left: 10px;
}

.codir2me-tab-content {
	margin-top: 20px;
}

.codir2me-flex-container {
	display: flex;
	gap: 30px;
}

.codir2me-main-column {
	flex: 1;
	min-width: 0;
}

.codir2me-sidebar {
	width: 300px;
}

@media (max-width: 900px) {
	.codir2me-flex-container {
		flex-direction: column;
	}

	.codir2me-sidebar {
		width: 100%;
	}
}

/* Seções e Cards */
.codir2me-section {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	padding: 20px;
	margin-bottom: 20px;
}

.codir2me-section h2 {
	margin-top: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #f0f0f0;
	font-size: 1.5em;
}

.codir2me-section h3 {
	margin-top: 0;
	font-size: 1.2em;
}

.codir2me-cdn-status-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 15px;
}

.codir2me-status-card {
	background: #f9f9f9;
	border-radius: 5px;
	padding: 15px;
	min-width: 180px;
	flex: 1;
	display: flex;
	align-items: center;
	border: 1px solid #eee;
}

.codir2me-status-icon {
	margin-right: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #f0f0f0;
}

.codir2me-status-icon.active {
	background: #e6f7e7;
}

.codir2me-status-icon.inactive {
	background: #fef0f0;
}

.codir2me-status-icon .dashicons {
	font-size: 22px;
	width: 22px;
	height: 22px;
}

.codir2me-status-icon.active .dashicons {
	color: #46b450;
}

.codir2me-status-icon.inactive .dashicons {
	color: #dc3232;
}

.codir2me-status-details h3 {
	margin: 0 0 5px 0;
	font-size: 14px;
	color: #666;
}

.codir2me-status-count {
	font-size: 20px;
	font-weight: 600;
	margin: 0;
	color: #333;
}

.codir2me-status.active {
	color: #46b450;
	font-weight: 600;
}

.codir2me-status.inactive {
	color: #dc3232;
	font-weight: 600;
}

/* Sidebar Widgets */
.codir2me-sidebar-widget {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
	overflow: hidden;
}

.codir2me-sidebar-widget h3 {
	background: #f7f7f7;
	padding: 15px 20px;
	margin: 0;
	font-size: 14px;
	border-bottom: 1px solid #eee;
}

.codir2me-widget-content {
	padding: 15px 20px;
}

.codir2me-widget-content p:first-child {
	margin-top: 0;
}

.codir2me-widget-content p:last-child {
	margin-bottom: 0;
}

.codir2me-tips-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.codir2me-tips-list li {
	margin-bottom: 10px;
	position: relative;
	padding-left: 25px;
}

.codir2me-tips-list li:last-child {
	margin-bottom: 0;
}

.codir2me-tips-list .dashicons {
	position: absolute;
	left: 0;
	top: 2px;
	color: #46b450;
}

/* Upload Progress */
.codir2me-upload-progress {
	background: #f9f9f9;
	border-radius: 5px;
	padding: 20px;
	border-left: 4px solid #0073aa;
}

.codir2me-progress-details {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 15px;
}

.codir2me-progress-label {
	color: #666;
	margin-right: 5px;
}

.codir2me-progress-value {
	font-weight: 600;
	color: #333;
}

.codir2me-progress-bar {
	height: 20px;
	background: #e9e9e9;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 15px;
}

.codir2me-progress-inner {
	height: 100%;
	background: #0073aa;
	border-radius: 10px;
	transition: width 0.3s ease;
}

.codir2me-progress-warning {
	color: #d63638;
	font-weight: 500;
	margin-bottom: 20px;
}

.codir2me-note {
	color: #666;
	font-size: 13px;
	font-style: italic;
	margin: 0;
}

.codir2me-note .dashicons {
	font-size: 16px;
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
}

/* Upload Start */
.codir2me-upload-start {
	background: #f9f9f9;
	border-radius: 5px;
	padding: 20px;
}

.codir2me-start-form {
	margin-top: 20px;
}

.codir2me-upload-info {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-bottom: 20px;
	margin-top: 15px;
}

.codir2me-info-card {
	background: #fff;
	padding: 15px;
	border-radius: 5px;
	flex: 1;
	min-width: 160px;
	border: 1px solid #eee;
}

.codir2me-info-card h4 {
	margin: 0 0 10px 0;
	font-size: 14px;
	color: #666;
	display: flex;
	align-items: center;
}

.codir2me-info-card h4 .dashicons {
	margin-right: 5px;
	color: #0073aa;
}

.codir2me-info-value {
	font-size: 16px;
	font-weight: 600;
	margin: 5px 0;
	color: #333;
}

/* Files List */
.codir2me-files-list {
	max-height: 300px;
	overflow-y: auto;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 10px;
	margin-top: 15px;
	background: #fafafa;
}

.codir2me-files-list ul {
	margin: 0;
	padding: 0 0 0 20px;
}

.codir2me-files-list li {
	font-size: 13px;
	margin-bottom: 3px;
	word-break: break-all;
}

.codir2me-more-files {
	color: #666;
	font-style: italic;
}

/* AWS SDK Warning */
.codir2me-aws-sdk-warning {
	background: #fff8e5;
	border-left: 4px solid #ffb900;
	padding: 20px;
	margin-bottom: 20px;
}

.codir2me-aws-sdk-warning h3 {
	margin-top: 0;
	display: flex;
	align-items: center;
}

.codir2me-aws-sdk-warning .dashicons {
	color: #ffb900;
	margin-right: 10px;
}

/* Toggle Switch */
.codir2me-toggle-switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 24px;
}

.codir2me-toggle-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.codir2me-toggle-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: .4s;
	border-radius: 24px;
}

.codir2me-toggle-slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	transition: .4s;
	border-radius: 50%;
}

input:checked + .codir2me-toggle-slider {
	background-color: #0073aa;
}

input:focus + .codir2me-toggle-slider {
	box-shadow: 0 0 1px #0073aa;
}

input:checked + .codir2me-toggle-slider:before {
	transform: translateX(26px);
}

/* Thumbnail Options */
.codir2me-thumbnail-sizes {
	margin-top: 15px;
	padding: 15px;
	background: #f9f9f9;
	border-radius: 5px;
	border: 1px solid #eee;
}

.codir2me-thumbnail-list {
	max-height: 300px;
	overflow-y: auto;
	padding-right: 10px;
}

.codir2me-thumbnail-size {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f0f0f0;
}

.codir2me-thumbnail-size:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

/* Buttons with Icons */
.button .dashicons {
	vertical-align: middle;
	margin-right: 5px;
	font-size: 18px;
	width: 18px;
	height: 18px;
}

/* Estilos para a aba de exclusão de arquivos */
.codir2me-warning-text {
	background-color: #fff8e5;
	border-left: 4px solid #ffb900;
	padding: 10px 15px;
	margin-bottom: 20px;
	font-weight: 500;
}

.codir2me-warning-text .dashicons {
	color: #ffb900;
	margin-right: 5px;
}

.codir2me-delete-section {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 15px;
	margin-bottom: 20px;
}

.codir2me-delete-section h3 {
	margin-top: 0;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.codir2me-image-groups-container {
	margin-top: 15px;
	margin-left: 20px;
}

.codir2me-delete-button-container {
	margin-top: 25px;
	text-align: right;
}

.codir2me-delete-button-container .button {
	background-color: #d63638;
	border-color: #d63638;
}

.codir2me-delete-button-container .button:hover,
.codir2me-delete-button-container .button:focus {
	background-color: #b32d2e;
	border-color: #b32d2e;
}

.codir2me-delete-button-container .button:disabled {
	background-color: #f6f7f7 !important;
	border-color: #ddd !important;
	color: #a7aaad !important;
}

.codir2me-thumbnail-list {
	max-height: 300px;
	overflow-y: auto;
	margin-left: 10px;
	padding: 10px;
	border: 1px solid #eee;
	background-color: #fff;
}

.codir2me-thumbnail-size {
	margin-bottom: 8px;
}

/* Estilos para a nova funcionalidade de upload automático */
.codir2me-auto-upload-section {
	margin-top: 15px;
	padding: 15px;
	background: #f9f9f9;
	border-radius: 5px;
	border: 1px solid #ddd;
}

.codir2me-auto-upload-section h3 {
	margin-top: 0;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f0f0f0;
}

.codir2me-auto-upload-warning {
	margin-top: 15px;
	padding: 12px 15px;
	background-color: #fff8e5;
	border-left: 4px solid #ffb900;
	border-radius: 3px;
}

.codir2me-auto-upload-success {
	background-color: #ecf7ed;
	border-left: 4px solid #46b450;
}

tr.disabled-option {
	opacity: 0.7;
}

.cdn-disabled-warning {
	margin-top: 5px;
	margin-bottom: 0;
	font-style: italic;
}

/* Estilos para cards de status */
.codir2me-status-card.auto-upload {
	background: #f5f5f5;
	border-left: 4px solid #0073aa;
}

.codir2me-status-card.auto-upload .codir2me-status-icon {
	background: #e6f7e7;
}

.codir2me-status-card.auto-upload .codir2me-status-icon .dashicons {
	color: #46b450;
}

/* Estilos para o texto de ajuda */
.codir2me-help-text {
	font-size: 13px;
	color: #666;
	font-style: italic;
	margin-top: 10px;
}

.codir2me-help-text .dashicons {
	color: #0073aa;
	font-size: 16px;
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
	margin-right: 5px;
}

/* Estilos para a barra superior do painel */
.codir2me-upload-status-bar {
	display: flex;
	padding: 12px 15px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin-bottom: 20px;
	align-items: center;
}

.codir2me-upload-status-bar .status-indicator {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-right: 10px;
}

.codir2me-upload-status-bar .status-indicator.active {
	background-color: #46b450;
}

.codir2me-upload-status-bar .status-indicator.inactive {
	background-color: #dc3232;
}

.codir2me-upload-status-bar .status-text {
	font-weight: 500;
	margin-right: 20px;
}

.codir2me-upload-status-bar .status-text.active {
	color: #46b450;
}

.codir2me-upload-status-bar .status-text.inactive {
	color: #dc3232;
}

.codir2me-upload-status-bar .status-options {
	margin-left: auto;
}

.codir2me-plugin-header {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.codir2me-plugin-title {
	margin: 0;
	display: inline-flex;
	align-items: center;
}

.codir2me-version {
	font-size: 14px;
	color: #888;
	font-weight: normal;
	margin-left: 10px;
}

/* Estilos para a aba de otimização de imagens */
.codir2me-optimization-levels {
	display: flex;
	gap: 15px;
	margin: 10px 0;
	flex-wrap: wrap;
}

.codir2me-optimization-level {
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 15px;
	width: 150px;
	background-color: #f9f9f9;
	position: relative;
	transition: all 0.3s ease;
}

@media (max-width: 1024px) {
	.codir2me-optimization-level {
	width: 100%;
	}
}

.codir2me-optimization-level.selected {
	border-color: #0073aa;
	background-color: #f0f9ff;
	box-shadow: 0 2px 5px rgba(0, 115, 170, 0.2);
}

/* Estilos para opções desabilitadas */
.disabled-option {
	opacity: 0.6;
	pointer-events: none;
}

/* Estilos para mostrar claramente quando a opções estão desabilitada */
.codir2me-format-option.disabled-option .codir2me-toggle-slider {
	background-color: #f0f0f0;
}

.codir2me-optimization-level.disabled-option {
	border-color: #e5e5e5;
	background-color: #f5f5f5;
}

.codir2me-optimization-level.disabled-option .level-indicator span {
	background-color: #cccccc;
}

/* Mensagem de alerta para otimização desabilitada */
.codir2me-optimization-disabled-notice {
	background-color: #f8f8f8;
	border-left: 4px solid #ffb900;
	padding: 10px 15px;
	margin: 15px 0;
	border-radius: 3px;
}

.codir2me-optimization-disabled-notice .dashicons {
	color: #ffb900;
	margin-right: 5px;
}

/* Melhoria visual para o toggle principal */
.form-table tr:first-child .codir2me-toggle-switch {
	transform: scale(1.1);
}

/* Ajustes para sliders desabilitados */
.codir2me-range-slider:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.codir2me-range-value.disabled {
	color: #999;
}

/* Estilização do cabeçalho com logo e versão */
.codir2me-plugin-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.codir2me-plugin-logo {
	max-width: 200px;
	height: auto;
}

.codir2me-version {
	font-size: 12px;
	color: #666;
	margin-left: auto;
}

/* Ajustes para telas pequenas e médias (dispositivos móveis) */
@media screen and (max-width: 782px) {
	.codir2me-plugin-logo {
		max-width: 160px; /* Logo maior para celulares */
	}

	/* Melhorar a experiência na prioridade de formatos */
	.codir2me-format-option {
		padding: 15px; /* Mais espaço para toques */
	}

	.codir2me-format-drag-handle {
		cursor: move;
		cursor: grab;
		padding: 10px; /* Área de toque maior */
		margin-right: 5px;
	}

	/* Ajustes para os botões de arrastar em dispositivos móveis */
	.codir2me-format-priority .codir2me-format-option {
		margin-bottom: 15px;
		border: 1px solid #ddd;
		border-radius: 5px;
		background-color: #f9f9f9;
	}

	/* Aumentar a área de toque para os controles */
	.codir2me-format-option input[type="checkbox"] {
		width: 20px;
		height: 20px;
	}
}

/* Melhoria para o drag and drop em dispositivos móveis */
.codir2me-formats-container .ui-sortable-helper {
	background-color: #e9f7fe !important;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	border: 2px solid #0073aa !important;
}

/* Melhor feedback visual durante o drag and drop */
.codir2me-formats-container .ui-sortable-placeholder {
	visibility: visible !important;
	background-color: #f0f9ff;
	border: 2px dashed #0073aa;
	margin-bottom: 10px;
	height: 45px;
	border-radius: 5px;
}

/* Alterações para o sortable no jQuery UI para dispositivos móveis */
.ui-sortable .codir2me-format-option {
	touch-action: none; /* Melhora o suporte para eventos touch em dispositivos móveis */
}

/* Estilo específico para dispositivos touch */
.touch-device .codir2me-format-option {
	padding: 18px;
	margin-bottom: 18px;
}

.touch-device .codir2me-format-drag-handle {
	padding: 12px;
	margin-right: 8px;
	background-color: #f1f1f1;
	border-radius: 4px;
}

/* Feedback visual quando tocado */
.touch-device .codir2me-format-option.touch-active {
	background-color: #e9f7fe;
	border-color: #0073aa;
}

/* Estilos para o botão do Stripe */
stripe-buy-button {
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}

/* Estilos para o distintivo premium */
.codir2me-premium-badge {
	position: relative;
	display: inline-block;
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(1);
	}
}

/* Melhorias no visual das tabelas */
.codir2me-feature-comparison {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.codir2me-feature-comparison th,
.codir2me-feature-comparison td {
	padding: 12px 15px;
	text-align: left;
	border-bottom: 1px solid #e0e0e0;
}

.codir2me-feature-comparison thead th {
	background-color: #f8f9fa;
	font-weight: 600;
}

.codir2me-feature-comparison tbody tr:nth-child(even) {
	background-color: #f8f9fa;
}

.codir2me-feature-comparison tbody tr:hover {
	background-color: #f0f7ff;
}

.codir2me-feature-comparison .feature-available {
	color: #46b450;
	font-weight: bold;
}

.codir2me-feature-comparison .feature-unavailable {
	color: #dc3232;
}

/* Destaque para banner premium */
.codir2me-premium-banner {
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	border: 1px solid #dee2e6;
	border-radius: 5px;
	padding: 20px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}

.codir2me-premium-banner:before {
	content: "PREMIUM";
	position: absolute;
	top: 10px;
	right: -25px;
	background-color: #0073aa;
	color: white;
	padding: 5px 30px;
	font-size: 10px;
	font-weight: bold;
	transform: rotate(45deg);
	transform-origin: center;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* Melhoria visual para mensagens */
.codir2me-license-message {
	border-radius: 4px;
	padding: 10px 15px;
	margin-top: 15px;
}

.codir2me-license-message.success {
	background-color: #ecf7ed;
	border-left: 4px solid #46b450;
	color: #2e7d32;
}

.codir2me-license-message.error {
	background-color: #fef7f1;
	border-left: 4px solid #dc3232;
	color: #c62828;
}

/* Animação para loading */
.codir2me-license-spinner {
	border: 3px solid rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	border-top: 3px solid #0073aa;
	width: 20px;
	height: 20px;
	animation: spin 1s linear infinite;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Estilos para melhorar a exibição dos logs */
.codir2me-log-viewer {
	background-color: #f9f9f9;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	max-height: 300px;
	overflow-y: auto;
	margin-bottom: 15px;
}

.codir2me-log-preview {
	white-space: pre-wrap !important;
	word-break: break-word;
	overflow-wrap: break-word !important;
	font-family: monospace;
	font-size: 12px;
	line-height: 1.5;
	padding: 10px;
	margin: 0;
	max-width: 100%;
}

/* Estilos para colorização dos logs */
.codir2me-log-preview .log-timestamp {
	color: #666;
}

.codir2me-log-preview .log-debug {
	color: #2196F3;
}

.codir2me-log-preview .log-info {
	color: #4CAF50;
}

.codir2me-log-preview .log-error {
	color: #F44336;
	font-weight: bold;
}

/* Estilos para a seção de informações do sistema */
.codir2me-system-info-container {
	margin-top: 15px;
}

.codir2me-system-info-panel {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px;
}

#codir2me-system-info {
	resize: vertical;
	background-color: #f5f5f5;
	border: 1px solid #e0e0e0;
}

#codir2me-copy-system-info {
	display: inline-flex;
	align-items: center;
}

#codir2me-copy-system-info .dashicons {
	margin-right: 5px;
}

#codir2me-copy-success {
	display: inline-flex;
	align-items: center;
	animation: codir2me-fade-in-out 2s ease;
}

@keyframes codir2me-fade-in-out {
	0% { opacity: 0; }
	20% { opacity: 1; }
	80% { opacity: 1; }
	100% { opacity: 0; }
}

@media (max-width: 768px) {
	.codir2me-forms-wrapper {
	flex-direction: column !important;
	}
}

/* Estrutura promocional */
.codir2me-admin-wrapper {
	max-width: 1200px;
	margin: 0 auto;
}

.codir2me-promotion-banner {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	color: white;
	padding: 2rem;
	border-radius: 10px;
	margin: 2rem 0;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.codir2me-promotion-content {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.codir2me-promotion-icon {
	font-size: 3rem;
	opacity: 0.8;
}

.codir2me-promotion-text h2 {
	margin: 0 0 0.5rem 0;
	color: white;
}

.codir2me-promotion-text p {
	margin: 0;
	font-size: 1.1rem;
	opacity: 0.9;
}

.codir2me-description-section {
	background: #f8f9fa;
	padding: 1.5rem;
	border-radius: 8px;
	margin: 2rem 0;
	border-left: 4px solid #667eea;
}

.codir2me-description-section p {
	color: #2c3e50;
	font-size: 1.1rem;
	line-height: 1.6;
	margin: 0;
}

.codir2me-benefits-section {
	margin: 2rem 0;
}

.codir2me-benefits-section h3 {
	color: #2c3e50;
	margin-bottom: 1.5rem;
	font-size: 1.3rem;
	text-align: center;
}

.codir2me-benefits-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 1.5rem;
	margin: 2rem 0;
}

.codir2me-benefit-card {
	background: white;
	border: 1px solid #e1e1e1;
	border-radius: 10px;
	padding: 2rem;
	text-align: center;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.codir2me-benefit-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
}

.codir2me-benefit-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
	border-color: #667eea;
}

.codir2me-benefit-icon {
	display: inline-block;
	width: 60px;
	height: 60px;
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	border-radius: 50%;
	margin-bottom: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1.5rem auto;
}

.codir2me-benefit-icon .dashicons {
	color: white;
	font-size: 24px;
}

.codir2me-benefit-card h4 {
	color: #2c3e50;
	margin-bottom: 1rem;
	font-size: 1.2rem;
	font-weight: 600;
}

.codir2me-benefit-card p {
	color: #7f8c8d;
	line-height: 1.6;
	margin: 0;
	font-size: 0.95rem;
}

/* Responsividade */
@media (max-width: 768px) {
	.codir2me-benefits-grid {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.codir2me-benefit-card {
		padding: 1.5rem;
	}

	.codir2me-promotion-content {
		flex-direction: column;
		text-align: center;
	}

	.codir2me-promotion-banner {
		padding: 1.5rem;
	}
}

@media (max-width: 600px) {
	.codir2me-benefits-grid {
		grid-template-columns: 1fr;
	}

	.codir2me-benefit-card {
		padding: 1rem;
	}

	.codir2me-benefit-icon {
		width: 50px;
		height: 50px;
	}

	.codir2me-benefit-icon .dashicons {
		font-size: 20px;
	}
}

.codir2me-cta-section {
	background: #f8f9fa;
	padding: 2rem;
	border-radius: 8px;
	text-align: center;
	margin: 2rem 0;
}

.codir2me-cta-section h3 {
	color: #2c3e50;
	margin-bottom: 1rem;
}

.codir2me-cta-section p {
	color: #7f8c8d;
	margin-bottom: 1.5rem;
	font-size: 1.1rem;
}

.button-hero {
	padding: 1rem 2rem !important;
	font-size: 1.1rem !important;
	height: auto !important;
}