@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);#herramienta button,h2::after{background:var(--clr-primary)}#herramienta label,#resultadoCita h3{margin-bottom:.5rem}.card,body{color:#222}#cta,.card-title,footer{text-align:center}.card,.footer-nav a,.main-nav a{text-decoration:none}#menu-toggle,#resultadoCita h3,.footer-nav a:hover,.main-nav a,a,h2,h3,section ul li::before{color:var(--clr-primary)}:root{--clr-primary:#03396c;--clr-secondary:#b3cde0;--clr-light:#f8f9fa;--clr-gray:#555;--clr-bg:#ffffff;--radius:8px;--transition:0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6;background:var(--clr-bg);padding-top:70px}h1,h2,h3{font-family:Merriweather,serif}h1{font-size:2.25rem;font-weight:700}#herramienta h2,h2{font-weight:600}.main-nav a,h3{font-weight:500}li,p{font-size:1rem;font-weight:400;margin-bottom:.8rem}.container{max-width:900px;margin:0 auto;padding:.25rem 1rem}header{background:#eff8ff;position:fixed;top:0;left:0;width:100%;padding:.15rem 1rem 0;backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,31,75,.1);border-bottom:1px solid #eee;z-index:1000}#faq .faq-item h3,h2,header .container,section ul li{position:relative}header .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem}header .logo img{height:40px;width:auto;margin:0}.main-nav{margin-top:.3rem}.main-nav ul{list-style:none;display:flex;gap:1rem}.main-nav a{padding:.25rem .5rem;border-radius:var(--radius);transition:background var(--transition)}.footer-nav a,a{transition:color var(--transition)}.main-nav a:hover{background:var(--clr-secondary)}section{margin:1rem 0}h2{font-size:1.6rem;margin-bottom:1rem;padding-bottom:.25rem}h3{font-size:1.2rem;margin-top:1.2rem;margin-bottom:.4rem}.footer-nav a,footer{color:var(--clr-gray)}h2::after{content:'';position:absolute;left:0;bottom:0;width:40px;height:3px;border-radius:2px}.explicacion-con-infografia{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.explicacion-con-infografia p{flex:1 1 60%}.explicacion-con-infografia .infografia-apa{flex:0 0 35%;max-width:35%;height:auto;border-radius:var(--radius)}#herramienta .container{background:linear-gradient(135deg,var(--clr-secondary) 0,#e3eef8 70%);border-radius:var(--radius);padding:2rem;max-width:800px;margin:2rem auto;box-shadow:0 6px 20px rgba(0,0,0,.1);position:relative;overflow:hidden;text-align:center}#herramienta .container::before{content:'';position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:rgba(3,57,108,.1);border-radius:50%}#herramienta h2{margin-bottom:1.5rem}#herramienta .field{margin-bottom:1rem;display:flex;flex-direction:column;align-items:flex-start}#herramienta label{font-weight:500}#herramienta input,#herramienta select{width:100%;padding:.5rem;background:#fff;border:1px solid #ccc;border-radius:var(--radius);transition:border var(--transition),box-shadow var(--transition)}#herramienta input:focus,#herramienta select:focus{border-color:var(--clr-primary);box-shadow:0 0 0 3px rgba(3,57,108,.2)}#herramienta button{color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius);cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:background var(--transition),transform var(--transition)}#herramienta button:hover{background:#011f4b;transform:translateY(-2px)}#resultadoCita{background:#eaf1f8;border-radius:var(--radius);padding:1rem;margin-top:1.5rem}.card-icon,section ol li,section ul li{margin-bottom:.75rem}#resultadoCita textarea{width:100%;padding:.5rem;border:1px solid #999;border-radius:var(--radius);font-family:inherit;margin-bottom:.75rem}#cta,.card{border-radius:var(--radius);background:var(--clr-light)}section ol,section ul{margin:1rem 0 1.5rem 2rem;padding:0}section ul li{padding-left:1.25rem;list-style:none}section ul li::before{content:'•';position:absolute;left:0;top:.2em;font-size:1.2em;line-height:1}section ol{list-style-position:inside}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:1.5rem;margin-top:1.5rem}.card{box-shadow:0 2px 8px rgba(0,0,0,.05);padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform var(--transition),box-shadow var(--transition);aspect-ratio:1/1}.card:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,.1)}.card-icon{font-size:2.5rem}.card-title{font-size:1rem;font-weight:500}#cta{padding:2rem 1rem}footer{background:var(--clr-light);border-top:1px solid #ddd;padding:1.5rem 0;font-size:.9rem}.footer-nav ul{display:flex;justify-content:center;list-style:none;gap:1.5rem;margin:1rem 0 0}a:hover{color:#011f4b}#menu-toggle{display:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:0 0;border:none;font-size:1.5rem;cursor:pointer;z-index:1100}#faq .faq-item{background:var(--clr-light);border-radius:var(--radius);margin-bottom:1rem;overflow:hidden;transition:max-height var(--transition),box-shadow var(--transition)}#faq .faq-item h3{cursor:pointer;padding:.75rem 1rem;margin:0}#faq .faq-item h3::after{content:"▼";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:transform var(--transition)}#faq .faq-item.open h3::after{transform:translateY(-50%) rotate(180deg)}#faq .faq-item p{padding:1rem;display:none}#faq .faq-item.open p{display:block!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}@media (max-width:768px){#menu-toggle{display:block}.main-nav ul{display:none;flex-direction:column;gap:.5rem}body.nav-open .main-nav ul{display:flex;background:#eff8ff;position:absolute;top:100%;left:0;width:100%;padding:1rem;border-bottom:1px solid #ddd;z-index:1000}.main-nav a{display:block;padding:.75rem 1rem}.cards-grid{grid-template-columns:repeat(2,1fr)}#herramienta .container{padding:1.5rem;margin:1.5rem auto}.explicacion-con-infografia,.footer-nav ul{flex-direction:column}.explicacion-con-infografia .infografia-apa{max-width:100%}}@media (max-width:480px){.cards-grid{grid-template-columns:1fr}}