:root
  {
     --spacing: 0.25rem;
   

 }

 


 footer {
     container-type: inline-size;
     display: flex;
     flex-wrap: wrap;
     margin-top: calc(var(--spacing) * 2);

 }

 #main_footer-logo {
     display: flex;
     height: calc(1/3 * 100%)
         /* 33.333333% */
     ;

 }

 .footer__logo-container,
 .footer_banner-container,
 img {
     max-width: 100%;
     height: auto;
     display: block;
 }

 #main_footer-banner {
     display: flex;
     justify-content: end;
     width: calc(1/2 * 100%)
         /* 50% */
     ;

 }

 #footer__address {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     background-color: #212a38ff;
     color: white;
 }

 .footer__section-title {
     padding: calc(var(--spacing) * 10);
     width: calc(var(--spacing) * 60);

 }

 .footer_button {
     text-decoration: none;
     color: white;

 }
/* Reset y estilos base */
* {
  box-sizing: border-box;
}
  .footer_button:hover {

     cursor: pointer;
     background-color: #494f5bff;
     padding: calc(var(--spacing) * 2);
     border: 1px solid white;
     border-radius: 6px;
 }

 .footer__credits {
     display: flex;
     flex-wrap: wrap;
     width: 100%; 
     cursor: pointer; 
    
 }
 .footer__credits-action{
     padding: calc(var(--spacing) * 2);
 }
 @media (width <=40rem)
 /* table */
     {
     #main_footer-banner {
         display: none;
     }

 }

 @media (width >=40.0625rem) {
     #main_footer-logo {
         align-self: center;
         margin: 0 auto;
     }
 }