:root{--primary-blue: #007bff;--primary-blue-hover: #0056b3;--whatsapp-green: #25D366;--whatsapp-green-hover: #1EBE57;--primary-dark: #0A2540;--primary-dark-hover: #071a2e}body{font-family:Lato,sans-serif;margin:0;background-color:#e0f2f7;color:#212529;line-height:1.6;font-size:16px}img{max-width:100%;height:auto}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.container{max-width:960px;margin:0 auto;padding:0 1.5rem}.site-header,.site-footer{background-color:#fff;padding:1rem 0;border-bottom:1px solid #a7d9ed}.site-footer{border-top:1px solid #a7d9ed;border-bottom:none;text-align:center;font-size:.9rem;color:#6c757d;margin-top:3rem}.site-header h1{margin:0;font-size:1.75rem;color:var(--primary-blue-hover);text-align:center;width:100%}.logo{max-height:50px;width:auto;position:absolute;left:1.5rem;top:50%;transform:translateY(-50%)}.site-header .container{display:flex;align-items:center;justify-content:center;height:50px;position:relative}main.container{padding-top:2rem;padding-bottom:2rem}.search-input{width:100%;padding:.75rem 1rem;margin-bottom:2rem;border-radius:8px;border:1px solid #a7d9ed;box-sizing:border-box;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 .25rem #3498db40}#certificados-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr;gap:1.5rem}.certificate-card{background-color:#fff;border:1px solid #a7d9ed;border-radius:8px;padding:1.5rem;box-shadow:0 2px 5px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.certificate-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.certificate-card h3{margin-top:0;margin-bottom:.5rem;color:#0a2540;font-size:1.25rem}.certificate-card p{margin:0 0 1rem;font-size:.9rem;color:#6c757d}.certificate-card ul{padding-left:20px;margin-bottom:1.5rem}.view-pdf-link{display:inline-block;padding:.6rem 1.2rem;background-color:var(--primary-dark);color:#fff;text-decoration:none;font-weight:700;border-radius:5px;transition:background-color .2s ease}#contact-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}#contact-buttons .contact-btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;padding:0;color:#fff;text-decoration:none;font-weight:700;border-radius:50%;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease;text-align:center;border:1px solid;box-shadow:0 4px 8px #00000026}#contact-buttons .contact-btn:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0003}#contact-buttons .contact-btn .icon{width:32px;height:32px;display:block}#contact-buttons .email-btn{background-color:var(--primary-blue);border-color:var(--primary-blue)}#contact-buttons .email-btn:hover{background-color:var(--primary-blue-hover);border-color:var(--primary-blue-hover)}#contact-buttons .whatsapp-btn{background-color:var(--whatsapp-green);border-color:var(--whatsapp-green)}#contact-buttons .whatsapp-btn:hover{background-color:var(--whatsapp-green-hover);border-color:var(--whatsapp-green-hover)}#landing-content{text-align:center;margin-top:3rem}.hero h2{font-size:2.5rem;color:var(--primary-dark);margin-bottom:1rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem;text-align:left}.service-card{background-color:#fff;padding:2rem;border-radius:8px;border:1px solid #a7d9ed;box-shadow:0 2px 5px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.service-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.service-card h3{margin-top:0;color:var(--primary-blue);text-align:center}@media (max-width: 768px){.site-header h1{font-size:1.5rem}.hero h2{font-size:2rem}}@media (max-width: 600px){.container{padding:0 1rem}.logo{position:static;transform:none;left:auto}.site-header .container{justify-content:flex-start;gap:1rem}.site-header h1{font-size:1.2rem;width:auto;text-align:left}#search{padding:.5rem .75rem;font-size:.9rem}.certificate-card{padding:1rem}#contact-buttons .contact-btn{font-size:1rem}.hero h2{font-size:1.8rem}}
