/* Calendário Online - Ferramenta interativa responsiva */
:root{
--calendario-bg:#ffffff;
--calendario-text:#343a40;
--calendario-border:#e9ecef;
--calendario-input-bg:#ffffff;
--calendario-label-color:#343a40;
--calendario-button-text:#495057;
--calendario-button-bg-light:#f8f9fa;
--calendario-button-bg-dark:#e9ecef;
--calendario-button-border:#dee2e6;
--calendario-hoje-bg:#bee5eb;
--calendario-hoje-text:#0c5460;
--calendario-placeholder:#6c757d;
--calendario-icon-color:#0072bc;
}
[data-theme="dark"]{
--calendario-bg:#2d2d2d;
--calendario-text:#e9ecef;
--calendario-border:#495057;
--calendario-input-bg:#1a1a1a;
--calendario-label-color:#e9ecef;
--calendario-button-text:#adb5bd;
--calendario-button-bg-light:#3a3a3a;
--calendario-button-bg-dark:#495057;
--calendario-button-border:#5a5a5a;
--calendario-hoje-bg:#1e4d54;
--calendario-hoje-text:#7dd3e0;
--calendario-placeholder:#adb5bd;
--calendario-icon-color:#5ac8fa;
}
.calendario-container{max-width:450px;margin:0 auto;background:var(--calendario-bg);border-radius:16px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid var(--calendario-border);position:relative;overflow:hidden;}
.calendario-data-input{margin-bottom:1.5rem;display:flex;gap:0.75rem;align-items:center;justify-content:center;flex-wrap:wrap;}
.calendario-data-input label{font-weight:600;color:var(--calendario-label-color);font-size:1rem;display:flex;align-items:center;gap:0.5rem;margin-bottom:0;}
.calendario-data-input label::before{content:'';display:inline-block;width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235ac8fa' stroke-width='2'%3E%3Cpath d='M21 10V8a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V10z'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;flex-shrink:0;}
[data-theme="light"] .calendario-data-input label::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230072bc' stroke-width='2'%3E%3Cpath d='M21 10V8a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V10z'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E");}
.calendario-data-input input{padding:0.75rem 1rem;border:2px solid var(--calendario-border);border-radius:8px;font-size:1rem;text-align:center;width:140px;font-weight:500;transition:all 0.3s ease;background:var(--calendario-input-bg);color:var(--calendario-text);letter-spacing:0.5px;box-shadow:0 2px 8px rgba(0,0,0,0.05);}
[data-theme="dark"] .calendario-data-input input{box-shadow:0 2px 8px rgba(0,0,0,0.3);}
.calendario-data-input input:focus{outline:none;border-color:#00a651;box-shadow:0 0 0 3px rgba(0,166,81,0.15);transform:translateY(-1px);}
[data-theme="dark"] .calendario-data-input input:focus{box-shadow:0 0 0 3px rgba(0,166,81,0.25);}
.calendario-data-input input:hover:not(:focus){border-color:#0072bc;box-shadow:0 4px 12px rgba(0,0,0,0.1);}
[data-theme="dark"] .calendario-data-input input:hover:not(:focus){box-shadow:0 4px 12px rgba(0,0,0,0.3);}
.calendario-data-input input::placeholder{color:var(--calendario-placeholder);font-weight:400;}
.calendario-data-input input.input-error{border-color:#dc3545;background-color:#fff5f5;box-shadow:0 0 0 3px rgba(220,53,69,0.15);}
[data-theme="dark"] .calendario-data-input input.input-error{background-color:#3d1f1f;box-shadow:0 0 0 3px rgba(220,53,69,0.25);}
.calendario-data-input button{padding:0.75rem 1.5rem;background:linear-gradient(135deg,#00a651,#0072bc);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:0.95rem;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.1);position:relative;overflow:hidden;min-width:60px;display:flex;align-items:center;gap:0.5rem;justify-content:center;}
[data-theme="dark"] .calendario-data-input button{box-shadow:0 4px 15px rgba(0,0,0,0.3);}
.calendario-data-input button::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.2) 0%,rgba(255,255,255,0) 100%);opacity:0;transition:opacity 0.3s ease;}
.calendario-data-input button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,166,81,0.3);}
[data-theme="dark"] .calendario-data-input button:hover{box-shadow:0 6px 20px rgba(0,166,81,0.5);}
.calendario-data-input button:hover::before{opacity:1;}
.calendario-data-input button:active{transform:translateY(0);}
.calendario-data-input .btn-hoje{background:linear-gradient(135deg,#6c757d,#495057);min-width:80px;}
[data-theme="dark"] .calendario-data-input .btn-hoje{background:linear-gradient(135deg,#495057,#6c757d);}
.calendario-data-input .btn-hoje:hover{background:linear-gradient(135deg,#495057,#343a40);box-shadow:0 6px 20px rgba(108,117,125,0.3);}
[data-theme="dark"] .calendario-data-input .btn-hoje:hover{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 6px 20px rgba(108,117,125,0.5);}
.calendario-data-input .btn-hoje svg{flex-shrink:0;}
.calendario-cabecalho{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 0.5rem;}
.calendario-cabecalho h3{font-size:1.4rem;font-weight:700;color:#343a40;margin:0;text-align:center;flex:1;background:linear-gradient(135deg,#00a651,#0072bc);-webkit-background-clip:text;background-clip:text;color:transparent;}
.calendario-cabecalho button{background:linear-gradient(135deg,var(--calendario-button-bg-light),var(--calendario-button-bg-dark));border:1px solid var(--calendario-button-border);border-radius:8px;padding:0.75rem;cursor:pointer;font-size:1.2rem;font-weight:600;color:var(--calendario-button-text);transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;box-shadow:0 2px 8px rgba(0,0,0,0.05);}
[data-theme="dark"] .calendario-cabecalho button{box-shadow:0 2px 8px rgba(0,0,0,0.3);}
.calendario-cabecalho button:hover{background:linear-gradient(135deg,var(--calendario-button-bg-dark),var(--calendario-button-bg-light));border-color:#0072bc;color:#0072bc;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.1);}
[data-theme="dark"] .calendario-cabecalho button:hover{color:#5ac8fa;box-shadow:0 4px 15px rgba(0,0,0,0.3);}
.calendario-cabecalho button:active{transform:translateY(0);}
.calendario-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0.25rem;}
.calendario-dia-nome{text-align:center;padding:0.75rem 0.25rem;font-weight:700;font-size:0.9rem;color:var(--calendario-placeholder);border-bottom:2px solid var(--calendario-border);margin-bottom:0.5rem;background:linear-gradient(135deg,var(--calendario-button-bg-light),var(--calendario-bg));border-radius:6px 6px 0 0;}
.calendario-dia{text-align:center;padding:0.875rem 0.25rem;border:1px solid var(--calendario-border);border-radius:8px;cursor:pointer;font-weight:500;font-size:0.95rem;color:var(--calendario-button-text);transition:all 0.3s ease;background:var(--calendario-bg);position:relative;min-height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,0.05);}
[data-theme="dark"] .calendario-dia{box-shadow:0 1px 3px rgba(0,0,0,0.3);}
.calendario-dia:hover{background:linear-gradient(135deg,var(--calendario-button-bg-light),var(--calendario-button-bg-dark));border-color:#0072bc;color:#0072bc;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.1);}
[data-theme="dark"] .calendario-dia:hover{color:#5ac8fa;box-shadow:0 4px 15px rgba(0,0,0,0.3);}
.calendario-hoje{background:linear-gradient(135deg,var(--calendario-hoje-bg),rgba(45,208,212,0.2));border:2px dashed var(--calendario-hoje-text);color:var(--calendario-hoje-text);font-weight:700;box-shadow:0 4px 15px rgba(12,84,96,0.2);position:relative;}
[data-theme="dark"] .calendario-hoje{box-shadow:0 4px 15px rgba(12,84,96,0.4);}
.calendario-hoje::before{content:'';position:absolute;top:2px;right:2px;width:8px;height:8px;background:var(--calendario-hoje-text);border-radius:50%;box-shadow:0 0 0 2px var(--calendario-bg);}
.calendario-hoje:hover{background:linear-gradient(135deg,rgba(30,77,84,0.3),rgba(45,208,212,0.1));transform:translateY(-2px);box-shadow:0 6px 20px rgba(12,84,96,0.3);}
[data-theme="dark"] .calendario-hoje:hover{box-shadow:0 6px 20px rgba(12,84,96,0.5);}
.calendario-destacada{background:linear-gradient(135deg,#00a651,#0072bc);border:2px solid #fff;color:#fff;font-weight:700;box-shadow:0 4px 20px rgba(0,166,81,0.4);position:relative;}
[data-theme="dark"] .calendario-destacada{border:2px solid var(--calendario-bg);}
.calendario-destacada::before{content:'';position:absolute;top:2px;right:2px;width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,0.1);}
[data-theme="dark"] .calendario-destacada::before{background:var(--calendario-bg);}
.calendario-destacada:hover{background:linear-gradient(135deg,#0072bc,#00a651);transform:translateY(-2px);box-shadow:0 6px 25px rgba(0,166,81,0.5);}
[data-theme="dark"] .calendario-destacada:hover{box-shadow:0 6px 25px rgba(0,166,81,0.6);}
@media (max-width:768px){
.calendario-container{margin:1rem;padding:1.5rem;border-radius:12px;}
.calendario-data-input{flex-direction:column;gap:1rem;margin-bottom:1.25rem;}
.calendario-data-input label{font-size:0.95rem;}
.calendario-data-input input{width:100%;max-width:200px;font-size:16px;}
.calendario-data-input button{width:100%;max-width:200px;padding:0.875rem 1.5rem;}
.calendario-cabecalho h3{font-size:1.2rem;}
.calendario-cabecalho button{min-width:40px;min-height:40px;padding:0.6rem;}
.calendario-dia-nome{padding:0.6rem 0.2rem;font-size:0.8rem;}
.calendario-dia{padding:0.75rem 0.2rem;font-size:0.9rem;min-height:40px;}
}
@media (max-width:480px){
.calendario-container{margin:0.5rem;padding:1rem;}
.calendario-grid{gap:0.15rem;}
.calendario-dia-nome{padding:0.5rem 0.1rem;font-size:0.75rem;}
.calendario-dia{padding:0.6rem 0.1rem;font-size:0.85rem;min-height:36px;border-radius:6px;}
.calendario-cabecalho h3{font-size:1.1rem;}
.calendario-cabecalho button{min-width:36px;min-height:36px;padding:0.5rem;font-size:1rem;}
}
/* Animações suaves */
@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.calendario-container{animation:fadeIn 0.5s ease-out;}
/* Melhorar acessibilidade */
.calendario-dia:focus{outline:2px solid #00a651;outline-offset:2px;}
[data-theme="dark"] .calendario-dia:focus{outline-color:#4cd964;}
.calendario-cabecalho button:focus{outline:2px solid #00a651;outline-offset:2px;}
[data-theme="dark"] .calendario-cabecalho button:focus{outline-color:#4cd964;}
.calendario-data-input input:focus-visible{outline:none;}
.calendario-data-input button:focus-visible{outline:2px solid #fff;outline-offset:2px;}
[data-theme="dark"] .calendario-data-input button:focus-visible{outline:2px solid #000;}
/* Estados de carregamento e transição */
.calendario-dia,.calendario-cabecalho button,.calendario-data-input button,.calendario-data-input input{will-change:transform,box-shadow;}
/* Prevenção de seleção de texto em elementos interativos */
.calendario-cabecalho button,.calendario-dia{user-select:none;-webkit-user-select:none;-moz-user-select:none;}