/* VERSÃO DO ARQUIVO: 1.4.2 - Ajusta offset do sticky dos exemplos para compensar header fixo */
/* Estilos específicos para a Calculadora de Preço Proporcional */
:root{
--calc-bg:#ffffff;
--calc-border:#e9ecef;
--calc-label:#343a40;
--calc-placeholder:#6c757d;
--calc-value:#00a651;
--calc-passo-bg:#f0f7ff;
--calc-passo-border:#0072bc;
--calc-passo-text:#005a93;
--calc-preview-bg:#f8f9fa;
--calc-preview-icon:#adb5bd;
--calc-exemplo-bg:#f8fafc;
--calc-exemplo-border:#e2e8f0;
--calc-exemplo-produto:#1e40af;
--calc-exemplo-resultado-bg:#ecfdf5;
--calc-comparador-bg:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);
--calc-comparador-border:#bae6fd;
--calc-comparador-icon:#0284c7;
}
[data-theme="dark"]{
--calc-bg:#2d2d2d;
--calc-border:#495057;
--calc-label:#e9ecef;
--calc-placeholder:#adb5bd;
--calc-value:#4cd964;
--calc-passo-bg:#1a3a52;
--calc-passo-border:#0072bc;
--calc-passo-text:#4db8ff;
--calc-preview-bg:#343a40;
--calc-preview-icon:#6c757d;
--calc-exemplo-bg:#1e293b;
--calc-exemplo-border:#334155;
--calc-exemplo-produto:#60a5fa;
--calc-exemplo-resultado-bg:#064e3b;
--calc-comparador-bg:linear-gradient(135deg,#1e3a5f 0%,#1e293b 100%);
--calc-comparador-border:#1e40af;
--calc-comparador-icon:#60a5fa;
}
.calculadora-preco-container{max-width:650px;margin:0 auto;background:var(--calc-bg);border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,0.1);overflow:hidden;position:relative;}
.calculadora-preco-formulario{padding:2rem;display:flex;flex-direction:column;gap:1.5rem;}
.calculadora-preco-passo{display:flex;align-items:center;gap:0.75rem;padding:1rem 1.25rem;background:var(--calc-passo-bg);border-left:4px solid var(--calc-passo-border);border-radius:8px;margin:1rem 0 0.5rem;transition:all 0.3s ease;}
.calculadora-preco-passo-icon{flex-shrink:0;color:var(--calc-passo-border);}
.calculadora-preco-passo-texto{color:var(--calc-passo-text);font-size:0.95rem;line-height:1.4;}
.calculadora-preco-passo-texto strong{font-weight:700;}
.calculadora-preco-field{display:flex;flex-direction:column;gap:0.5rem;}
.calculadora-preco-formulario label{font-weight:600;color:var(--calc-label);font-size:0.95rem;margin-bottom:0.5rem;}
.calculadora-preco-formulario input,.calculadora-preco-formulario select{padding:0.875rem 1rem;border:2px solid var(--calc-border);border-radius:8px;font-size:1rem;transition:all 0.3s ease;background:var(--calc-bg);color:var(--calc-label);width:100%;box-sizing:border-box;}
.calculadora-preco-formulario input[aria-invalid="true"],.calculadora-preco-formulario select[aria-invalid="true"]{border-color:#d9534f;box-shadow:0 0 0 4px rgba(217,83,79,0.15);}
.calculadora-preco-formulario input:focus,.calculadora-preco-formulario select:focus{outline:none;border-color:#00a651;box-shadow:0 0 0 4px rgba(0,166,81,0.15);background:var(--calc-bg);}
.calculadora-preco-formulario input:hover,.calculadora-preco-formulario select:hover{border-color:#00a651;}
.calculadora-preco-formulario input::placeholder{color:var(--calc-placeholder);}
.calculadora-preco-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1rem 0;}
.calculadora-preco-grid-header{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:0;}
.calculadora-preco-passo + .calculadora-preco-grid-header{margin-top:-0.75rem;}
.calculadora-preco-passo + .calculadora-preco-field{margin-top:-0.75rem;}
.calculadora-preco-button{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#00a651,#0072bc);color:#ffffff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;margin-top:1rem;}
.calculadora-preco-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,166,81,0.2);}
.calculadora-preco-button:active{transform:translateY(0);}
.calculadora-preco-button:disabled{opacity:0.5;cursor:not-allowed;transform:none;background:linear-gradient(135deg,#6c757d,#495057);}
.calculadora-preco-button-icon{width:20px;height:20px;}
.calculadora-preco-resultado{margin-top:0;padding:0;display:block;opacity:1;transition:opacity 0.3s ease;}
.calculadora-preco-resultado.show{animation:slideInUp 0.4s ease-out;}
@keyframes slideInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.calculadora-preco-resultado-card{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;padding:2rem;border:1px solid rgba(0,0,0,0.08);position:relative;overflow:hidden;margin-top:2rem;}
[data-theme="dark"] .calculadora-preco-resultado-card{background:linear-gradient(135deg,#495057 0%,#343a40 100%);border-color:rgba(255,255,255,0.08);}
.calculadora-preco-preview{background:var(--calc-preview-bg);border:2px dashed var(--calc-border);}
.calculadora-preco-preview .calculadora-preco-resultado-icon{background:transparent;box-shadow:none;color:var(--calc-preview-icon);}
.calculadora-preco-preview .calculadora-preco-resultado-title{color:var(--calc-label);}
.calculadora-preco-preview .calculadora-preco-resultado-subtitle{color:var(--calc-placeholder);}
.calculadora-preco-resultado-header{text-align:center;margin-bottom:2rem;}
.calculadora-preco-resultado-icon{display:flex;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1rem;border-radius:50%;background:linear-gradient(135deg,#00a651,#0072bc);color:#ffffff;box-shadow:0 4px 15px rgba(0,166,81,0.2);}
.calculadora-preco-resultado-icon svg{width:40px;height:40px;}
.calculadora-preco-resultado-title{font-size:1.3rem;font-weight:700;color:#343a40;margin-bottom:0.5rem;}
[data-theme="dark"] .calculadora-preco-resultado-title{color:#e9ecef;}
.calculadora-preco-resultado-subtitle{font-size:1rem;color:#6c757d;}
[data-theme="dark"] .calculadora-preco-resultado-subtitle{color:#adb5bd;}
.calculadora-preco-resultado-content{background:#ffffff;border-radius:8px;padding:1.5rem;border:1px solid #e9ecef;margin:1.5rem 0;text-align:center;}
[data-theme="dark"] .calculadora-preco-resultado-content{background:#2d2d2d;border-color:#495057;}
.calculadora-preco-resultado-valor{font-size:1.8rem;font-weight:700;color:#00a651;margin-bottom:0.5rem;display:block;}
[data-theme="dark"] .calculadora-preco-resultado-valor{color:#4cd964;}
.calculadora-preco-resultado-descricao{font-size:1rem;color:#343a40;line-height:1.5;}
[data-theme="dark"] .calculadora-preco-resultado-descricao{color:#e9ecef;}
.calculadora-preco-copiar{display:inline-flex;align-items:center;gap:0.5rem;background:#0072bc;color:#ffffff;border:none;padding:0.75rem 1.5rem;border-radius:8px;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,114,188,0.2);margin-top:1rem;}
.calculadora-preco-copiar:hover{background:#005a93;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,114,188,0.3);}
.calculadora-preco-copiar:active{transform:translateY(0);}
.calculadora-preco-copiar svg{width:16px;height:16px;flex-shrink:0;}
/* Layout com exemplos laterais em desktop */
.calculadora-preco-layout{display:flex;gap:1.5rem;align-items:flex-start;max-width:1000px;margin:0 auto;}
.calculadora-preco-layout .calculadora-preco-container{flex:1;max-width:650px;}
/* Card de exemplos - estilos base */
.calculadora-preco-exemplos{background:var(--calc-exemplo-bg);border:1px solid var(--calc-exemplo-border);border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
.calculadora-preco-exemplos-header{display:flex;align-items:center;gap:0.5rem;font-weight:600;color:var(--calc-passo-border);font-size:0.95rem;margin-bottom:0.75rem;}
.calculadora-preco-exemplos-header svg{flex-shrink:0;}
.calculadora-preco-exemplos-subtitulo{font-size:0.85rem;color:var(--calc-placeholder);margin-bottom:1rem;line-height:1.4;}
.calculadora-preco-exemplos-lista{display:flex;flex-direction:column;gap:0.875rem;}
.calculadora-preco-exemplo-item{background:var(--calc-bg);border:1px solid var(--calc-exemplo-border);border-radius:8px;padding:0.875rem;transition:all 0.2s ease;}
.calculadora-preco-exemplo-item:hover{border-color:var(--calc-passo-border);box-shadow:0 2px 8px rgba(0,114,188,0.1);}
.calculadora-preco-exemplo-produto{font-weight:600;color:var(--calc-exemplo-produto);font-size:0.9rem;margin-bottom:0.5rem;}
.calculadora-preco-exemplo-dados{display:flex;align-items:center;gap:0.5rem;font-size:0.85rem;color:var(--calc-label);flex-wrap:wrap;}
.calculadora-preco-exemplo-dados svg{color:var(--calc-placeholder);flex-shrink:0;}
.calculadora-preco-exemplo-dados .exemplo-entrada{color:var(--calc-placeholder);}
.calculadora-preco-exemplo-dados .exemplo-saida{color:var(--calc-value);font-weight:500;}
.calculadora-preco-exemplo-dados .exemplo-saida strong{font-weight:700;}
.calculadora-preco-exemplo-campos{display:grid;grid-template-columns:1fr 1fr;gap:0.25rem 0.75rem;font-size:0.8rem;color:var(--calc-label);margin-bottom:0.5rem;}
.exemplo-campo{display:flex;gap:0.25rem;}
.exemplo-campo-label{color:var(--calc-placeholder);font-weight:500;}
.calculadora-preco-exemplo-resultado{display:flex;align-items:center;gap:0.375rem;background:var(--calc-exemplo-resultado-bg);padding:0.5rem 0.75rem;border-radius:6px;font-size:0.85rem;color:var(--calc-value);margin-top:0.5rem;}
.calculadora-preco-exemplo-resultado svg{flex-shrink:0;}
.calculadora-preco-exemplo-resultado strong{font-weight:700;}
/* Visibilidade dos cards de exemplos */
.calculadora-preco-exemplos-mobile{display:none;}
.calculadora-preco-exemplos-desktop{width:280px;flex-shrink:0;position:sticky;top:calc(100px + 1rem);}
/* Card do Comparador de Embalagens */
.calculadora-preco-comparador-card{background:var(--calc-comparador-bg);border:1px solid var(--calc-comparador-border);border-radius:12px;padding:1.5rem;margin-top:1.5rem;max-width:1000px;margin-left:auto;margin-right:auto;box-shadow:0 4px 12px rgba(0,114,188,0.08);}
.calculadora-preco-comparador-content{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;}
.calculadora-preco-comparador-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#0072bc,#00a651);border-radius:12px;color:#ffffff;flex-shrink:0;box-shadow:0 4px 12px rgba(0,114,188,0.25);}
.calculadora-preco-comparador-texto{flex:1;min-width:200px;}
.calculadora-preco-comparador-titulo{font-size:1.1rem;font-weight:700;color:var(--calc-label);margin:0 0 0.375rem 0;}
.calculadora-preco-comparador-descricao{font-size:0.9rem;color:var(--calc-placeholder);margin:0 0 0.5rem 0;line-height:1.5;}
.calculadora-preco-comparador-descricao strong{color:var(--calc-passo-border);font-weight:600;}
.calculadora-preco-comparador-exemplo{display:flex;align-items:flex-start;gap:0.375rem;font-size:0.8rem;color:var(--calc-placeholder);margin:0;line-height:1.4;}
.calculadora-preco-comparador-exemplo svg{flex-shrink:0;margin-top:0.125rem;color:var(--calc-comparador-icon);}
.calculadora-preco-comparador-btn{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg,#00a651,#0072bc);color:#ffffff;text-decoration:none;padding:0.875rem 1.5rem;border-radius:8px;font-size:0.95rem;font-weight:600;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,166,81,0.25);flex-shrink:0;}
.calculadora-preco-comparador-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,166,81,0.35);}
.calculadora-preco-comparador-btn:active{transform:translateY(0);}
.calculadora-preco-comparador-btn svg{flex-shrink:0;}
[data-theme="dark"] .calculadora-preco-comparador-btn{background:linear-gradient(135deg,#22c55e,#3b82f6);box-shadow:0 4px 12px rgba(34,197,94,0.3);color:#ffffff;}
[data-theme="dark"] .calculadora-preco-comparador-btn:hover{box-shadow:0 6px 16px rgba(34,197,94,0.45);color:#ffffff;}
@media (max-width:768px){
.calculadora-preco-container{margin:0 1rem;}
.calculadora-preco-formulario{padding:1.5rem;}
.calculadora-preco-passo{padding:0.875rem 1rem;gap:0.625rem;margin:1rem 0 0.5rem;}
.calculadora-preco-passo + .calculadora-preco-grid-header{margin-top:-0.5rem;}
.calculadora-preco-passo + .calculadora-preco-field{margin-top:-0.5rem;}
.calculadora-preco-passo-icon{width:20px;height:20px;}
.calculadora-preco-passo-texto{font-size:0.875rem;}
.calculadora-preco-grid,.calculadora-preco-grid-header{grid-template-columns:1fr;gap:1rem;}
.calculadora-preco-resultado-card{padding:1.5rem;}
.calculadora-preco-resultado-icon{width:60px;height:60px;margin-bottom:1rem;}
.calculadora-preco-resultado-icon svg{width:30px;height:30px;}
.calculadora-preco-resultado-valor{font-size:1.5rem;}
/* Layout responsivo - exemplos em cima no mobile */
.calculadora-preco-layout{flex-direction:column;max-width:650px;}
.calculadora-preco-layout .calculadora-preco-container{max-width:100%;}
.calculadora-preco-exemplos-mobile{display:block;margin-bottom:1rem;}
.calculadora-preco-exemplos-desktop{display:none;}
/* Card comparador responsivo */
.calculadora-preco-comparador-card{padding:1.25rem;margin-top:1.25rem;}
.calculadora-preco-comparador-content{flex-direction:column;text-align:center;gap:1rem;}
.calculadora-preco-comparador-icon{width:48px;height:48px;}
.calculadora-preco-comparador-icon svg{width:24px;height:24px;}
.calculadora-preco-comparador-texto{min-width:auto;}
.calculadora-preco-comparador-exemplo{justify-content:center;}
.calculadora-preco-comparador-btn{width:100%;justify-content:center;}
}
@media (max-width:576px){
.calculadora-preco-formulario{padding:1rem;}
.calculadora-preco-button{padding:0.875rem 1.5rem;font-size:1rem;}
.calculadora-preco-copiar{padding:0.625rem 1.25rem;font-size:0.875rem;width:100%;justify-content:center;}
.calculadora-preco-copiar svg{width:14px;height:14px;}
.calculadora-preco-resultado-valor{font-size:1.3rem;}
/* Exemplos mobile - ajustes para telas pequenas */
.calculadora-preco-exemplos{padding:1rem;}
.calculadora-preco-exemplos-header{font-size:0.9rem;}
.calculadora-preco-exemplo-item{padding:0.75rem;}
.calculadora-preco-exemplo-produto{font-size:0.85rem;}
.calculadora-preco-exemplo-dados{font-size:0.8rem;}
/* Card comparador - ajustes para telas pequenas */
.calculadora-preco-comparador-card{padding:1rem;}
.calculadora-preco-comparador-titulo{font-size:1rem;}
.calculadora-preco-comparador-descricao{font-size:0.85rem;}
.calculadora-preco-comparador-exemplo{font-size:0.75rem;}
.calculadora-preco-comparador-btn{padding:0.75rem 1.25rem;font-size:0.9rem;}
}