*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}.nav{display:flex;justify-content:center;align-items:center;list-style:none;width:100%;max-width:1200px;margin:0 auto}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;align-items:center;justify-content:center;background:#fff;padding-inline:20px;padding-top:80px;margin:0;overflow-x:hidden}header{width:100%;height:60px;background:#f5f7fa;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:fixed;top:0;left:0;z-index:1000}.logo,nav ul li a,label{color:#fff;font-size:20px}label{display:none}nav ul{display:flex;gap:1rem}nav ul li{list-style:none}nav ul li a{text-decoration:none}@media screen and (max-width:480px){label{display:flex}nav ul li a,nav label{color:#111}nav label{text-align:right}nav ul{flex-direction:column}input:checked~nav{visibility:visible;opacity:1}}.about,h2,h4{font-family:Constantia,serif;text-align:center;padding:7px;font-size:1.5rem}.experience{width:100%;max-width:800px;margin:0 auto;padding:20px;text-align:justify}.paragraph{text-align:justify;font-family:Constantia,serif;font-size:1.5rem;color:#333;padding:10px}.elemento-con-desplazamiento{width:300px;height:200px;overflow-x:auto;overflow-y: scroll}img{width:100%;height:100%;object-fit:cover}.Title{text-align:center;padding:2.5rem 0;text-transform:uppercase;letter-spacing:5px;text-decoration:underline;text-decoration-color:#e7dac2;font-size:2.4rem;font-family:sans-serif}.gallery{width:85%;height:1200px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:repeat(auto-fit,133px);grid-auto-rows:200px;justify-content:center;gap:1rem}.gallery_item{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);grid-column:span 2;height:283px;transition:.5s filter}.gallery_item:hover{filter:brightness(.3)}.gallery_item:first-of-type{grid-column:2 / span 2}@media screen and (min-width: 270px) and (max-width: 504px){.gallery_item:first-of-type{grid-column:1 / span 2}.gallery{grid-auto-rows:283px}}@media screen and (min-width: 505px) and (max-width: 685px){.gallery_item:nth-of-type(odd){grid-column:2 / span 2}.gallery{grid-auto-rows:283px}}@media screen and (min-width: 686px) and (max-width: 862px){.gallery_item:nth-of-type(3n+1){grid-column:2 / span 2}}@media screen and (min-width: 863px) and (max-width: 1038px){.gallery_item:nth-of-type(4n+1){grid-column:2 / span 2}}@media screen and (min-width: 1039px) and (max-width: 1215px){.gallery_item:nth-of-type(5n+1){grid-column:2 / span 2}}@media screen and (min-width: 1216px) and (max-width: 1391px){.gallery_item:nth-of-type(6n+1){grid-column:2 / span 2}}@media screen and (min-width: 1392px){.gallery_item:nth-of-type(7n+1){grid-column:2 / span 2}}.subtitle,h4{text-align:center;padding:2.5rem 0;text-transform:uppercase;letter-spacing:5px;text-decoration:underline;text-decoration-color:#e7dac2;font-size:1.5rem;font-family:sans-serif}.social-box .box{background:#fff;border-radius:10px;cursor:pointer;margin:20px 0;padding:40px 10px;transition:all .5s ease-out}.social-box .box:hover{box-shadow:0 0 6px #075713}.social-box .box-text{font-size:15px;line-height:30px;margin:20px 0}.social-box .box-btn a{color:#4183d7;font-size:16px;text-decoration:none}.social-box .bi{color:#009929;font-size:50px}.summary-item .badge i{font-size:.9rem}.summary-item{transition:transform .2s ease}.summary-item:hover{transform:translate(5px);border-left:4px solid #4CAF50!important}footer{background:#1e3c2c;color:#ddd;padding:1.8rem 0 1.2rem;font-size:.95rem}.footer-title{color:#fff;font-weight:600;font-size:1.1rem;margin-bottom:.8rem;border-bottom:2px solid #4caf50;padding-bottom:.4rem;display:inline-block}.contact-item{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.contact-item i{color:#81c784;font-size:1.2rem;width:1.5rem;text-align:center}.contact-item a,.contact-item span{color:#ddd;text-decoration:none;transition:.3s;font-size:.9rem}.contact-item a:hover{color:#fff;text-decoration:underline}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.4rem}.footer-links a{color:#ddd;text-decoration:none;transition:.3s;font-size:.9rem}.footer-links a:hover{color:#fff;padding-left:5px}.social-icons{display:flex;gap:.8rem;justify-content:flex-end;flex-wrap:wrap}.social-icons a{color:#ddd;font-size:1.6rem;transition:.3s}.social-icons a:hover{color:#a5d6a7;transform:translateY(-3px)}.footer-copy{font-size:.8rem;opacity:.7;margin-top:.5rem}@media (max-width: 768px){.social-icons{justify-content:center}.text-md-end{text-align:center!important}.contact-item{justify-content:center}.footer-title{display:block;text-align:center}.footer-links{text-align:center}}