:root {
--comparador-bg-container:#ffffff;
--comparador-bg-field:#f8f9fa;
--comparador-border-field:#e9ecef;
--comparador-text-label:#343a40;
--comparador-text-placeholder:#6c757d;
--comparador-bg-result-card:#f8f9fa;
--comparador-bg-result-item:#ffffff;
--comparador-border-result-item:#e9ecef;
--comparador-shadow:0 8px 25px rgba(0,0,0,0.1);
}
[data-theme="dark"] {
--comparador-bg-container:#2d2d2d;
--comparador-bg-field:#1a1a1a;
--comparador-border-field:#495057;
--comparador-text-label:#e9ecef;
--comparador-text-placeholder:#adb5bd;
--comparador-bg-result-card:#1a1a1a;
--comparador-bg-result-item:#2d2d2d;
--comparador-border-result-item:#495057;
--comparador-shadow:0 8px 25px rgba(0,0,0,0.4);
}
.comparador-embalagens-container{max-width:700px;margin:0 auto;background:var(--comparador-bg-container);border-radius:12px;box-shadow:var(--comparador-shadow);overflow:hidden;position:relative;}
.comparador-embalagens-content{padding:2rem;}
.comparador-embalagens-opcoes{display:grid;gap:1.5rem;margin-bottom:2rem;}
.comparador-embalagens-field{display:flex;flex-direction:column;gap:0.5rem;}
.comparador-embalagens-field.produto-field{grid-column:1/-1;}
.comparador-embalagens-field.modo-comparacao-field{grid-column:1/-1;margin-bottom:0.5rem;}
.modo-comparacao-toggle{display:flex;gap:1rem;margin-top:0.5rem;}
.toggle-option{display:flex;align-items:center;}
.toggle-option input[type="radio"]{margin:0;margin-right:0.5rem;width:18px;height:18px;accent-color:var(--primary-green);}
.toggle-option label{margin:0;font-weight:500;color:var(--comparador-text-label);cursor:pointer;font-size:0.95rem;}
.toggle-option input[type="radio"]:checked+label{color:var(--primary-green);font-weight:600;}
.produto-diferente-field{margin-bottom:1rem;}
.comparador-embalagens-embalagens-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1.5rem 0;}
.comparador-embalagens-embalagem{background:var(--comparador-bg-field);border-radius:12px;padding:1.5rem;border:2px solid var(--comparador-border-field);transition:all 0.3s ease;position:relative;}
.comparador-embalagens-embalagem::before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));border-radius:12px;z-index:-1;opacity:0;transition:opacity 0.3s ease;}
.comparador-embalagens-embalagem:hover::before{opacity:0.3;}
.comparador-embalagens-embalagem:hover{background:var(--comparador-bg-container);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.15);}
.comparador-embalagens-embalagem-title{font-size:1.1rem;font-weight:700;color:var(--comparador-text-label);margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem;}
.comparador-embalagens-embalagem-icon{width:20px;height:20px;color:var(--primary-green);}
.comparador-embalagens-embalagem-b .comparador-embalagens-embalagem-icon{color:var(--primary-blue);}
.comparador-embalagens-opcoes label{font-weight:600;color:var(--comparador-text-label);font-size:0.95rem;margin-bottom:0.5rem;display:flex;align-items:center;gap:0.5rem;}
.comparador-embalagens-opcoes input,.comparador-embalagens-opcoes select{padding:0.875rem 1rem;border:2px solid var(--comparador-border-field);border-radius:8px;font-size:1rem;transition:all 0.3s ease;background:var(--comparador-bg-container);color:var(--comparador-text-label);width:100%;box-sizing:border-box;}
.comparador-embalagens-opcoes input:focus,.comparador-embalagens-opcoes select:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px rgba(0,166,81,0.1);background:var(--comparador-bg-container);}
.comparador-embalagens-opcoes input::placeholder{color:var(--comparador-text-placeholder);}
.comparador-embalagens-unidade-field{grid-column:1/-1;}
.comparador-embalagens-button{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));color:var(--white);border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top:1rem;}
.comparador-embalagens-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,166,81,0.2);}
.comparador-embalagens-button:active{transform:translateY(0);}
.comparador-embalagens-button:disabled{opacity:0.6;cursor:not-allowed;transform:none;}
.alerta-outra{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:0.75rem 1rem;color:#856404;font-size:0.9rem;display:none;margin-top:0.5rem;line-height:1.4;position:relative;padding-left:2.5rem;}
.alerta-outra::before{content:'';position:absolute;left:0.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f39c12'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0;}
[data-theme="dark"] .alerta-outra{background:#664d03;border:1px solid #997404;color:#ffecb5;}
.comparador-embalagens-resultado{margin-top:2rem;padding:0;display:none;opacity:0;transition:opacity 0.3s ease;}
.comparador-embalagens-resultado.show{display:block;opacity:1;animation:slideInUp 0.4s ease-out;}
@keyframes slideInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.comparador-embalagens-resultado-card{background:linear-gradient(135deg,var(--comparador-bg-result-card) 0%,var(--comparador-bg-result-card) 100%);border-radius:12px;padding:2rem;border:1px solid rgba(0,0,0,0.08);position:relative;overflow:hidden;}
.comparador-embalagens-resultado-header{text-align:center;margin-bottom:2rem;}
.comparador-embalagens-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,var(--primary-green),var(--primary-blue));color:var(--white);box-shadow:0 4px 15px rgba(0,166,81,0.2);}
.comparador-embalagens-resultado-icon svg{width:40px;height:40px;}
.comparador-embalagens-resultado-title{font-size:1.3rem;font-weight:700;color:var(--comparador-text-label);margin-bottom:0.5rem;}
.comparador-embalagens-resultado-subtitle{font-size:1rem;color:var(--comparador-text-placeholder);}
.comparador-embalagens-resultado-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0;}
.comparador-embalagens-resultado-item{background:var(--comparador-bg-result-item);border-radius:8px;padding:1.5rem;border:1px solid var(--comparador-border-result-item);text-align:center;transition:all 0.3s ease;}
.comparador-embalagens-resultado-item.melhor{border-color:var(--primary-green);background:rgba(0,166,81,0.05);transform:scale(1.02);box-shadow:0 4px 15px rgba(0,166,81,0.15);}
.comparador-embalagens-resultado-item-title{font-size:1.1rem;font-weight:600;color:var(--comparador-text-label);margin-bottom:0.5rem;}
.comparador-embalagens-resultado-item.melhor .comparador-embalagens-resultado-item-title{color:var(--primary-green);}
.comparador-embalagens-resultado-item-valor{font-size:1.5rem;font-weight:700;color:var(--primary-blue);margin-bottom:0.5rem;}
.comparador-embalagens-resultado-item.melhor .comparador-embalagens-resultado-item-valor{color:var(--primary-green);}
.comparador-embalagens-resultado-item-unidade{font-size:0.9rem;color:var(--comparador-text-placeholder);}
.comparador-embalagens-resultado-economia{background:var(--comparador-bg-result-item);border-radius:8px;padding:1.5rem;border:1px solid var(--comparador-border-result-item);text-align:center;margin-top:1.5rem;}
.comparador-embalagens-resultado-economia-valor{font-size:2rem;font-weight:700;color:var(--primary-green);margin-bottom:0.5rem;}
.comparador-embalagens-resultado-economia-texto{font-size:1rem;color:var(--comparador-text-label);font-weight:500;}
.comparador-embalagens-copy-btn{display:inline-flex;align-items:center;gap:0.5rem;background:var(--primary-blue);color:var(--white);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;margin:0.5rem;}
.comparador-embalagens-copy-btn:hover{background:var(--dark-blue);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,114,188,0.3);}
.comparador-embalagens-copy-btn:active{transform:translateY(0);}
.comparador-embalagens-copy-btn svg{width:16px;height:16px;flex-shrink:0;}
.comparador-embalagens-copy-btn-resumido{background:var(--primary-green);box-shadow:0 2px 8px rgba(0,166,81,0.2);}
.comparador-embalagens-copy-btn-resumido:hover{background:var(--dark-green);box-shadow:0 4px 12px rgba(0,166,81,0.3);}
/* Responsividade */
@media (max-width:768px){
.comparador-embalagens-container{margin:0 1rem;}
.comparador-embalagens-content{padding:1.5rem;}
.comparador-embalagens-embalagens-grid{grid-template-columns:1fr;gap:1rem;}
.comparador-embalagens-embalagem{padding:1rem;}
.comparador-embalagens-resultado-comparison{grid-template-columns:1fr;gap:1rem;}
.comparador-embalagens-resultado-card{padding:1.5rem;}
.comparador-embalagens-resultado-icon{width:60px;height:60px;margin-bottom:1rem;}
.comparador-embalagens-resultado-icon svg{width:30px;height:30px;}
.comparador-embalagens-resultado-economia-valor{font-size:1.7rem;}
.modo-comparacao-toggle{flex-direction:column;gap:0.5rem;}
}
@media (max-width:576px){
.comparador-embalagens-content{padding:1rem;}
.comparador-embalagens-opcoes{gap:1rem;}
.comparador-embalagens-button{padding:0.875rem 1.5rem;font-size:1rem;}
.comparador-embalagens-copy-btn{padding:0.625rem 1.25rem;font-size:0.875rem;width:calc(50% - 0.25rem);justify-content:center;margin:0.25rem;}
.comparador-embalagens-copy-btn svg{width:14px;height:14px;}
.comparador-embalagens-resultado-economia-valor{font-size:1.5rem;}
.comparador-embalagens-resultado-item-valor{font-size:1.3rem;}
}