.spacer {
     flex: 1
 }

 .header-style {
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .card-top {
     border-top-left-radius: 25px;
 }

 .card-bottom {
     border-top: none;
     border-bottom: 4px solid #66845B;
     border-left: 4px solid #66845B;
     border-right: 4px solid #66845B;
     border-bottom-right-radius: 25px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .tipografia-body {
     color: #375313;
     text-align: center;
     font-family: Poppins;
     font-size: 15.758px;
     font-style: normal;
     font-weight: 500;
     line-height: 122%;
     /* 19.224px */
     letter-spacing: -0.758px
 }

 .tipografia-body-end {
     color: #375313;
     text-align: center;
     font-family: Poppins;
     font-size: 13px;
     font-style: normal;
     font-weight: 500;
     line-height: 122%;
     /* 19.224px */
     letter-spacing: -0.758px
 }

 .tipografia-titulo {
     color: #375313;
     font-family: Poppins, sans-serif !important;
     font-size: 24.88px;
     font-style: normal;
     font-weight: 800;
     line-height: 22.221px;
     letter-spacing: -0.249px;
 }

 .tipografia-header-end {
     color: #fff;
     text-align: center;
     font-family: Poppins;
     font-size: 22px;
     font-style: normal;
     font-weight: 800;
     line-height: 22px;
     letter-spacing: -0.2px;
 }

 .tipografia-header-start {
     color: #fff;
     text-align: center;
     font-family: Poppins;
     font-size: 22px;
     font-style: normal;
     font-weight: 500;
     line-height: 22px;
     letter-spacing: -0.2px;
 }

 .marginrow-del {
     margin-top: 65px
 }

 @media only screen and (max-width: 300px) {
     .margin-cronograma {
         margin-left: 10px !important;
         margin-right: 10px !important;
         margin-top: 30px !important;
     }

     .marginrow-del {
         margin-top: 30px !important
     }

     .margin-container {
         margin-left: 0px !important;
         margin-right: 0px !important;
     }

     p .margin-container {
         margin-left: 10px !important;
         margin-right: 10px !important;
     }

     .card-size {
         width: auto !important;
     }

     .margin-row {
         margin-left: 10px !important;
         margin-right: 10px !important;
     }

     .tipografia-body {
         font-family: Poppins, sans-serif;
         color: #375313;
         text-align: center;
         font-size: 11px !important;
         font-style: normal;
         font-weight: 500 !important;
     }

     .tipografia-header-start {
         color: #fff;
         text-align: center;
         font-family: Poppins;
         font-size: 16px !important;
         font-style: normal;
         font-weight: 500 !important;
         letter-spacing: -0.2px;
     }


     .tipografia-header-end {
         color: #fff;
         text-align: center;
         font-family: Poppins;
         font-size: 16px !important;
         font-style: normal;
         font-weight: 800;
         line-height: 22px;
         letter-spacing: -0.2px;
     }

     .tipografia-titulo {
         color: #375313;
         font-family: Poppins, sans-serif !important;
         font-size: 18px;
         font-style: normal;
         font-weight: 800;
         letter-spacing: -0.249px;
     }

     .header-style {
         height: 70px !important;
     }

     .card-bottom {
         border-bottom: 2px solid #66845B !important;
         border-left: 2px solid#66845B !important;
         border-right: 2px solid #66845B !important;
     }
 }

 @media only screen and (min-width: 301px) and (max-width: 414px) {
     .margin-container {
         margin-left: 0px !important;
         margin-right: 0px !important;
         margin-top: 30px !important;
     }

     .marginrow-del {
         margin-top: 30px !important
     }

     p .margin-container {
         margin-left: 10px !important;
         margin-right: 10px !important;
     }

     .margin-card {
         padding-left: 10px !important;
         padding-right: 10px !important;
         /* margin-right: 10px !important; */
     }

     .card-size {
         width: auto !important;
     }

     .margin-row {
         margin-left: 20px !important;
         margin-right: 20px !important;
     }

     .margin-cronograma {
         margin-left: 40px !important;
         margin-right: 40px !important;
         margin-top: 30px !important;
     }

     .card-bottom {
         border-bottom: 4px solid #66845B !important;
         border-left: 4px solid #66845B !important;
         border-right: 4px solid #66845B !important;
     }
 }

 @media only screen and (min-width: 415px) and (max-width: 575px) {
     .margin-container {
         margin-left: 20px !important;
         margin-right: 20px !important;
     }

     p .margin-container {
         margin-left: 10px !important;
         margin-right: 10px !important;
     }

     .margin-card {
         padding-left: 5px !important;
         padding-right: 5px !important;
         /* margin-right: 10px !important; */
     }

     .margin-cronograma {
         margin-left: 70px !important;
         margin-right: 70px !important;
         margin-top: 30px !important;
     }

     .card-size {
         width: auto !important;
     }

     .margin-row {
         margin-left: 30px !important;
         margin-right: 30px !important;
     }

     .card-bottom {
         border-bottom: 4px solid #66845B !important;
         border-left: 4px solid #66845B !important;
         border-right: 4px solid #66845B !important;
     }
 }

 @media only screen and (min-width: 576px) and (max-width: 767px) {
     p .margin-container {
         margin-left: 10px !important;
         margin-right: 10px !important;
     }

     .margin-card {
         padding-left: 5px !important;
         padding-right: 5px !important;
         /* margin-right: 10px !important; */
     }

     .card-size {
         width: auto !important;
     }

     .margin-delegaciones {
         margin-left: 15% !important;
         margin-right: 15% !important;
     }

     .margin-cronograma {
         margin-left: 10px !important;
         margin-right: 10px !important;
         margin-top: 30px !important;
     }

     .card-bottom {
         border-bottom: 4px solid #66845B !important;
         border-left: 4px solid #66845B !important;
         border-right: 4px solid #66845B !important;
     }
 }

 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .margin-card {
         padding-left: 10px !important;
         padding-right: 10px !important;
     }

     .margin-delegaciones {
         margin-left: 15% !important;
         margin-right: 15% !important;
     }

     .card-size {
         width: auto !important;
     }

     /* .margin-row {
            margin-left: 10px !important;
            margin-right: 10px !important;
        } */

     .margin-cronograma {
         margin-left: 10px !important;
         margin-right: 10px !important;
     }

     .card-bottom {
         border-bottom: 4px solid #66845B !important;
         border-left: 4px solid #66845B !important;
         border-right: 4px solid #66845B !important;
     }
 }

 @media only screen and (min-width: 992px) and (max-width: 1024px) {
     .margin-container {
         margin-left: 2% !important;
         margin-right: 2% !important;
     }

     .margin-card {
         padding-left: 0px !important;
         padding-right: 0px !important;
     }

     .marginrow-del {
         margin-left: 100px !important;
         margin-right: 100px !important;
     }

     .card-top {
         width: 250px !important;
     }
 }

 @media only screen and (min-width: 1025px) and (max-width: 1050px) {
     .margin-container {
         margin-left: 0px !important;
         margin-right: 0px !important;
     }

     .margin-card {
         padding-left: 0px !important;
         padding-right: 0px !important;
     }

     .marginrow-del {
         margin-left: 100px !important;
         margin-right: 100px !important;
     }

     .margin-container {
         margin-left: 2% !important;
         margin-right: 2% !important;
     }

     .card-top {
         width: 250px !important;
     }
 }

 @media only screen and (min-width: 1052px) and (max-width: 1100px) {
     .margin-container {
         margin-left: 20px !important;
         margin-right: 20px !important;
     }

     .margin-card {
         padding-left: 0px !important;
         padding-right: 0px !important;
     }

     .marginrow-del {
         margin-left: 110px !important;
         margin-right: 110px !important;
     }

     .margin-container {
         margin-left: 2% !important;
         margin-right: 2% !important;
     }

     .card-top {
         width: 260px !important;
     }
 }

 @media only screen and (min-width: 1101px) and (max-width: 1199px) {
     .margin-container {
         margin-left: 10px !important;
         margin-right: 10px !important;
     }

     .margin-card {
         padding-left: 0px !important;
         padding-right: 0px !important;
     }

     .marginrow-del {
         margin-left: 130px !important;
         margin-right: 130px !important;
     }

     .margin-container {
         margin-left: 2% !important;
         margin-right: 2% !important;
     }

     .card-top {
         width: 270px !important;
     }
 }

 @media only screen and (min-width: 1200px) and (max-width: 1250px) {

     .margin-card {
         padding-left: 0px !important;
         padding-right: 0px !important;
         /* margin-right: 15px !important; */
     }

     .marginrow-del {
         margin-left: 35px !important;
         margin-right: 35px !important;
     }

     .margin-container {
         margin-left: 2% !important;
         margin-right: 2% !important;
     }

     .card-top {
         width: 280px !important;
     }
 }

 @media only screen and (min-width: 1251px) and (max-width: 1300px) {

     .margin-card {
         padding-left: 0px !important;
         padding-right: 0px !important;
         /* margin-right: 15px !important; */
     }

     .marginrow-del {
         margin-left: 0px !important;
         margin-right: 0px !important;
     }

     .margin-container {
         margin-left: 2% !important;
         margin-right: 2% !important;
     }

     .card-top {
         width: 294px !important;
     }
 }

 @media only screen and (min-width: 1301px) and (max-width: 2300px) {
     .margin-container {
         margin-left: 30px !important;
         margin-right: 30px !important;
     }

     .margin-row {
         margin-left: 30px !important;
         margin-right: 30px !important;
     }

     .margin-card {
         padding-left: 0px !important;
         padding-right: 0px !important;
     }

     /* .card-size {
          width: auto !important;
      } */
 }

 /* Ocultar el enlace en pantallas más pequeñas que 768px */
 @media screen and (max-width: 768px) {
     #tel-link {
         display: inline;
         /* Mostrar el enlace en dispositivos móviles */
     }

     #phone-number {
         display: none;
         /* Ocultar el número en dispositivos móviles */
     }
 }

 /* Mostrar el número en pantallas más grandes que 768px */
 @media screen and (min-width: 769px) {
     #tel-link {
         display: none;
         /* Ocultar el enlace en pantallas grandes */
     }

     #phone-number {
         display: inline;
         /* Mostrar el número en pantallas grandes */
     }
 }