@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:wght@700&display=swap";header{background:linear-gradient(135deg,var(--color-titulo) 0%,var(--color-hover) 100%);padding:1.5rem;box-shadow:0 4px 15px #1a3a5233;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:17px}header h1,h3{color:var(--color-fondo);font-family:Rubik,sans-serif}.logo{width:200px;height:150px}nav a{margin:0 1rem;text-decoration:none;color:#fff;background-color:transparent;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease;font-weight:500}nav a:hover{background-color:var(--color-boton);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ff7a3d4d}a{text-decoration:none;color:var(--color-boton);transition:all .3s ease}a.active{background-color:var(--color-boton);color:#fff;padding:.5rem 1rem;border-radius:6px}header h1,header h3{color:var(--color-fondo);font-family:Rubik,sans-serif;padding:10px}h2{color:var(--color-titulo);font-family:Rubik,sans-serif;font-size:2.5rem;margin:1.5rem 0;position:relative;display:inline-block}h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:220px;height:4px;background:var(--color-secundario);border-radius:2px}@media (min-width: 320px) and (max-width: 550px){p{font-size:14px;text-align:center}.logo{width:140px;height:150px}.boton{padding:5px;gap:5px;font-size:12px}.boton{padding:5px}nav{display:flex;flex-direction:column;gap:10px}}@media (min-width: 551px) and (max-width: 750px){p{text-align:center}nav{display:flex;flex-direction:column;gap:10px}.boton a{border-radius:10px}}@media (min-width: 751px) and (max-width: 1100px){p{text-align:center}}p{text-align:center}.retrato{display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--color-titulo) 0%,var(--color-hover) 100%);color:var(--color-fondo);box-shadow:0 8px 25px #1a3a5240;border-radius:15px;margin-top:10px;border:2px solid var(--color-detalle)}.retrato img{width:300px;height:300px;padding:15px}.retratoBis{display:flex;flex-direction:column;text-align:left}section{padding:2rem;border-bottom:2px solid var(--color-detalle);text-align:center}.boton{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;text-align:center}.boton a{color:#fff;background:linear-gradient(135deg,var(--color-boton) 0%,#FF6B35 100%);width:150px;border-radius:8px;padding:10px;transition:all .3s ease;font-weight:600}.boton a:hover{background:linear-gradient(135deg,#FF6B35 0%,var(--color-boton) 100%);transform:translateY(-3px);box-shadow:0 6px 20px #ff7a3d66}.botton-download{display:flex;justify-content:center;margin-top:20px;padding:15px}.download-btn{background:linear-gradient(135deg,var(--color-boton) 0%,#FF6B35 100%);color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:700;transition:all .3s ease;display:inline-block;font-size:16px}.download-btn:hover{background:linear-gradient(135deg,#FF6B35 0%,var(--color-boton) 100%);transform:translateY(-3px);box-shadow:0 8px 20px #ff7a3d66}@media (min-width: 320px) and (max-width: 550px){.retrato{flex-wrap:wrap;width:100%}.retrato img{width:200px;height:200px}.retrato p{padding:5px;margin-left:40px;margin-right:40px}.boton{padding:10px;gap:5px;font-size:12px;display:flex;flex-direction:column}}@media (min-width: 551px) and (max-width: 750px){.boton a{border-radius:10px}.retrato{flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;padding:5px;font-size:14px;text-align:center}.retrato p{padding:5px}}@media (min-width: 751px) and (max-width: 1100px){.retrato{flex-wrap:wrap;flex-direction:column;padding:5px}.retrato p{padding:5px;margin-top:10px}}#projects p,#testing p{margin:15px}.tarjetitas{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:30px}.tarjetitas article{padding:15px;width:640px;margin-top:10px;background:linear-gradient(135deg,var(--color-titulo) 0%,var(--color-hover) 100%);color:var(--color-fondo);box-shadow:0 8px 25px #1a3a5226;border-radius:12px;transition:all .3s ease;text-align:center}.tarjetitas article:hover{box-shadow:0 12px 35px #1a3a5240;transform:translateY(-5px)}#projects p{padding:5px;margin-left:100px;margin-right:100px;white-space:pre-wrap;word-wrap:break-word}#projects img{width:600px;height:200px;margin:5px;padding:5px;transition:all .6s ease;border-radius:8px;border:2px solid var(--color-detalle)}#projects img:hover{transform:scale(1.2);box-shadow:0 8px 20px #2563eb4d}.mejor-proyecto{color:gold;font-weight:700;padding:2px 6px;border-radius:4px}.boton-disabled{display:flex;justify-content:center;align-items:center;padding:8px 16px;background-color:#d0d7de;color:#656d76;border-radius:6px;cursor:not-allowed;margin:0 4px;font-weight:600;text-decoration:none;border:1px solid #D0D7DE;width:150px}@media (min-width: 320px) and (max-width: 550px){p{font-size:14px}.tarjetitas article{width:270px}.boton{padding:5px;gap:5px;font-size:12px}#projects img{width:220px;height:220px}#projects p{padding:5px;margin-left:0;margin-right:0}.boton{padding:5px}}@media (min-width: 551px) and (max-width: 750px){.boton a{border-radius:10px}.tarjetitas{flex-wrap:wrap}.tarjetitas article{width:500px}#projects img{width:400px;height:400px}#projects p{padding:5px;margin-left:0;margin-right:0}}@media (min-width: 751px) and (max-width: 1100px){#projects img{width:520px;height:520px}.tarjetitas{flex-wrap:wrap}}#contact p{margin:15px}ul{list-style-type:none;text-align:center;margin-top:20px}ul li{margin:15px 0;padding:12px;background:#fff;border-radius:8px;border-left:4px solid var(--color-boton);box-shadow:0 2px 8px #1a3a521a;transition:all .3s ease}ul li:hover{box-shadow:0 4px 12px #1a3a5226;transform:translate(5px)}ul a{color:var(--color-boton);font-weight:600;text-decoration:none}ul a:hover{color:var(--color-secundario)}.loguitos{width:20px;height:20px;gap:15px;margin-right:10px}footer{color:var(--color-fondo);background:linear-gradient(135deg,var(--color-titulo) 0%,var(--color-hover) 100%);padding:2rem 1rem;display:flex;justify-content:center;align-items:center;gap:17px;box-shadow:0 -4px 15px #1a3a5233;text-align:center}footer a{color:var(--color-boton);font-weight:600;transition:all .3s ease}footer a:hover{color:#fff;text-shadow:0 0 10px rgba(255,122,61,.5)}@media (min-width: 320px) and (max-width: 550px){footer{flex-direction:column;gap:10px}footer .boton a{padding:28px}}:root{--color-detalle: #E8F0F7;--color-fondo: #F0F4F8;--color-titulo: #1A3A52;--color-texto: #2C3E50;--color-boton: #FF7A3D;--color-secundario: #2563EB;--color-hover: #2E5A8C}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--color-fondo);color:var(--color-texto);background:#e2eaee;min-height:100vh}h4{color:#f5f5f5;text-decoration:underline;margin-bottom:10px}