/*==========================================*/ /*Estilos Genericos para contenido*/ /*==========================================*/ h1, h2, h3, h4{ font-family:'title',helvetica,verdana,sans-serif;} h1{ font-size: 3rem; font-weight: 700; } h2{font-size: 2.25rem;} h3{font-size: 1.5rem;} h4{font-size: 1.1rem;} .boton{ font-family:'title',helvetica,verdana,sans-serif;border-radius: 10px;color:rgba(0,0,0,1);background-color:rgba(144,199,74,1);font-size: 1rem;padding:20px 30px;line-height:1;transition: all 0.4s ease-in-out 0s;} .boton:hover{ background-color:rgba(0,0,0,1);color:rgba(255,255,255,1);} .boton1{ font-family:'title',helvetica,verdana,sans-serif;border-radius: 10px;color:rgba(0,0,0,1);background-color:rgba(144,199,74,1);font-size: 1rem;padding:10px 20px;line-height:1;transition: all 0.4s ease-in-out 0s;} .boton1:hover{ background-color:rgba(0,0,0,1);color:rgba(255,255,255,1);} .boton2{ font-family:'title',helvetica,verdana,sans-serif;border-radius: 10px;color:rgba(0,0,0,1);background-color:rgba(144,199,74,1);font-size: 1rem;padding:20px 30px;line-height:1;transition: all 0.4s ease-in-out 0s;cursor:pointer;} .boton2:hover{ background-color:rgba(0,0,0,1);color:rgba(255,255,255,1);} .boton3{ font-family:'title',helvetica,verdana,sans-serif;border-radius: 10px;color:rgba(0,0,0,1);background-color:rgba(144,199,74,1);font-size: 1rem;padding:10px 20px;line-height:1;transition: all 0.4s ease-in-out 0s;cursor:pointer;} .boton3:hover{ background-color:rgba(0,0,0,1);color:rgba(255,255,255,1);} .titulo{ font-family:'title',helvetica,verdana,sans-serif;color:rgba(0,0,0,1);line-height: 1.2;} .titulo2{ font-family:'title',helvetica,verdana,sans-serif;color:rgba(255,255,255,1);line-height: 1.2;} .vinculo{ font-family:'title',helvetica,verdana,sans-serif;color:rgba(144,199,74,1);} .vinculo:hover{ text-decoration:underline;} .vinculo2{ color:rgba(144,199,74,1);} .vinculo2:hover{ text-decoration:underline;} .imagen-contenido{ line-height: 0; } .big-content{ font-size: 1.125rem; line-height: 1.6;} .medium-content{ font-size: 1rem; line-height: 1.6;} .separador{ border-bottom: solid 1px rgba(99,162,198,1); } /*======================================*/ /*Estilos Header*/ /*======================================*/ body{ overflow-x: hidden; background-color:rgba(255,255,255,1); font-family:'regular',helvetica,verdana,sans-serif; color:rgba(0,0,0,1); font-size: 0.9375rem; line-height: 1.8;} /*-----------------------------------------------------*/ .header{ background-color:rgba(0,0,0,1);} /*-----------------------------------------------------*/ .header .header-informacion{ background-color:rgba(45,45,45,1); justify-content: flex-end; } .header .header-informacion a{ color:rgba(144,199,74,1); font-size: 0.8rem; } .header .header-informacion a:hover{ text-decoration: underline; } .header .header-informacion a i:before{ font-size: 1.1rem; margin-right: 10px; } /*------------------------------------------------------*/ .header .header-logo{ text-align: left; height: 80px; } .header .header-logo-scrl{ height: 75px; } .header .header-logo a img{ height: 45px; } /*-------------------------------------------------------*/ .header .header-menu{ color:rgba(255,255,255,1); font-size: 0.9rem; } .header .header-menu .header-option{ text-align: center; height: 33px; border-radius: 5px; } .header .header-menu-scrl .header-option{ margin-top: 33px; } .header .header-menu .header-option:hover{ background-color:rgba(144,199,74,0.3); } .header .header-menu .header-option > span, .header .header-menu .header-option > a{ padding: 0 13px; } .header .header-menu .header-option-active{ color:rgba(144,199,74,1); } /*------------------------------------------------------------------------*/ /*Menu ajustado a contenedor padre*/ /*------------------------------------------------------------------------*/ .header .header-menu .header-option .header-subcont-simple{ flex-direction: column; position: absolute; left: 0; min-width: 270px; opacity: 0; transition: all 0.4s ease-in-out 0s; visibility: hidden; text-align: left; text-transform: none; top: 100%; backdrop-filter: blur(5px); background-color:rgba(0,0,0,0.7); color:rgba(255,255,255,1); font-size: 0.9rem; border-radius: 5px; padding: 10px 0; } .header .header-menu .header-option .header-subcont-simple:before{ content: ""; position: absolute; top: 0; left: 0; background-color:rgba(0,0,0,1); width: 100%; height: 3px; } .header .header-menu .header-option:hover .header-subcont-simple{ opacity:1; visibility: visible; } .header-subcont-simple > li{ padding: 0 20px; transition: all 0.4s ease-in-out 0s; } .header .header-menu .header-option .header-subcont-simple .header-suboption{ padding: 13px 0; display: block; line-height: 1.15; border-bottom: dotted 1px rgba(252,253,251,0.3); } .header .header-menu .header-option .header-subcont-simple > li:last-child .header-suboption{ border-bottom: none; } .header .header-menu .header-option .header-subcont-simple > li:hover > a{ color:rgba(144,199,74,1); } /*----------------------------------------------------------*/ /*Menu idioma*/ /*----------------------------------------------------------*/ .header .header-idioma{ display: none; } /*======================================*/ /*Footer*/ /*======================================*/ .footer{ background-color:rgba(0,0,0,1); margin-top: 0; } .footer-wrapper{ padding: 75px 0 65px 0; align-items: flex-start; } /*---------------------------------------------------------------------------*/ .footer-logo{ line-height: 1; margin-top: 0; order: 2; } .footer-social{ text-align: left; margin-top: 20px; padding-top: 0; display: flex; align-items: center; justify-content: flex-start; gap: 0 40px; } .footer-social div{ margin: 0; width: auto; } .footer-social div a{ color:rgba(255,255,255,1); font-size: 2rem; text-align: center; } .footer-social div a:hover{ color:rgba(144,199,74,1); } /*-------------------------------------------------------------------------------*/ .footer-informacion{ width: 100%; position: relative; display: flex; flex-direction: column; align-items: flex-end; color:rgba(255,255,255,1); font-size: 0.9375rem; text-align:left; line-height: 1.4; order: 1; border-bottom: dashed 1px rgba(87,88,86,1); padding-bottom: 50px; margin-bottom: 75px; } .footer-informacion > div:first-child{ position: absolute; top: 0; left: 0; width: 55%; } .footer-informacion > div{ width: calc(35% - 60px); padding: 7px 0; } .footer-informacion h3{ font-size: 2rem; color:rgba(217,218,216,1); line-height: 1.2; } .footer-informacion > div a{ color:rgba(255,255,255,1); text-decoration: underline; } .footer-informacion div a:hover{ color:rgba(144,199,74,1); } .footer-informacion i:before, .footer-informacion div:before{ font-size: 1.2rem; line-height: 1; margin-left: 0; margin-right: 10px; min-width: 20px; display: inline-block; text-align: center; } /*----------------------------------------------------------------------------------------*/ .footer-navegacion{ order: 3; width: calc(100% - 23% - 120px); margin-top: 15px; display: flex; align-items: center; justify-content: flex-end; gap: 0 25px; color:rgba(217,218,216,1); } .footer-navegacion h4{ font-size: 1rem; line-height: 1.6; } .footer-navegacion ul{ display: flex; align-items: center; justify-content: flex-start; gap: 0 25px; font-size: 1rem; } .footer-navegacion-option{ padding: 0; margin: 0; font-size: 1rem; line-height: 1.6; text-align:left; } .footer-navegacion-option a:hover{ color:rgba(144,199,74,1); } /*------------------------------------------------------*/ .footer-pie{ background-color:rgba(87,88,86,1); padding: 17px 0; font-size: 0.75rem; color:rgba(242,243,240,1); } .footer-pie-copy{ text-transform:uppercase; } .footer-pie-findme{ text-align: right; }