.text-seccion {
    /* color: black; */
    -webkit-transition: .4s;
    transition: .4s;
    cursor: pointer;
}
/* .text-seccion:hover {
    -webkit-transition: .4s;
    transition: .4s;
    color:rgba(0,150,136);
    transform: scale(1.2);

 } */



 .content-seccion:hover .text-seccion  {
    -webkit-transition: .4s;
    transition: .4s;
    color:rgba(0,150,136);
    transform: scale(1.1);
    cursor: pointer;
 }
 .content-seccion:hover  .icon-seccion {
    -webkit-transition: .4s;
    transition: .4s;
    color:rgb(197, 38, 38);
    transform: scale(1.2);
    cursor: pointer;
 }

 .hover {
    display: none;
    cursor: pointer;
 }

 .content-seccion:hover  .hover {
    -webkit-transition: .4s;
    transition: .4s;

    display: block;
    cursor: pointer;
 }
 cursor {
    cursor: pointer;
    color: blue;
 }

 .pointer {
	cursor: pointer;

}
html{
    cursor: default
}

@media (max-width: 992px) {
    .news-tile .card-title {
      font-size: 1.2rem;
    }
  }

  .news-tile .card-title {
    position: absolute;
    bottom: 15px;
    left: 30px;
    text-align: left;
  }
  .news-tile h4 {
    font-size: 1.2rem;
  }

  .news-tile h3 {
    font-size: 1.6rem;
  }

  .rgba-stylish-strong {
    background-color: rgba(62, 69, 81, .5);
  }

  .view:hover {
    -webkit-filter: brightness(140%);
    transition: all .4s ease-in-out;
  }

  .view {
    transition: all .4s ease-in-out;
  }


  .btn-flotante {
	font-size: 15px !important; /* Cambiar el tamaño de la tipografia */
	text-transform: uppercase !important; /* Texto en mayusculas */
	font-weight: bold !important; /* Fuente en negrita o bold */
	color: #ffffff !important; /* Color del texto */
	border-radius: 50% !important; /* Borde del boton */
	letter-spacing: 2px !important; /* Espacio entre letras */
	background-color: #E91E63 !important; /* Color de fondo */
	padding: 20px 25px !important; /* Relleno del boton */
	position: fixed !important;
	bottom: 40px !important;
	right: 40px !important;
	transition: all 300ms ease 0ms !important;
	box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.5) !important;
	z-index: 99 !important;
}
.btn-flotante:hover {
	background-color: #2c2fa5 !important; /* Color de fondo al pasar el cursor */
	box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.9) !important;
	transform: translateY(-7px) !important;
}
@media only screen and (max-width: 600px) {
 	.btn-flotante {
		font-size: 14px !important;
		padding: 12px 20px !important;
		bottom: 20px !important;
		right: 20px !important;
	}
}


.contenedorFlotante{
    width:90px;
    height:240px;
    position:fixed;
    right:0px;
    bottom:0px;
    z-index: 99;
  }
  .botonF1{
    width:60px;
    height:60px;
    border-radius:100%;
    background:#F44336;
    right:0;
    bottom:0;
    position:absolute;
    margin-right:16px;
    margin-bottom:16px;
    border:none;
    outline:none;
    color:#FFF;
    font-size:36px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition:.3s;
  }
  span{
    transition:.5s;
  }
  .botonF1:hover span{
    transform:rotate(360deg);
  }
  .botonF1:active{
    transform:scale(1.1);
  }
  .btnFlot{
    width:40px;
    height:40px;
    border-radius:100%;
    border:none;
    color:#FFF;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    font-size:28px;
    outline:none;
    position:absolute;
    right:0;
    bottom:0;
    margin-right:26px;
    transform:scale(0);
  }
  .botonF2{
    background:#2196F3;
    margin-bottom:85px;
    transition:0.5s;
  }
  .botonF3{
    background:#673AB7;
    margin-bottom:130px;
    transition:0.7s;
  }
  .botonF4{
    background:#009688;
    margin-bottom:175px;
    transition:0.9s;
  }
  .botonF5{
    background:#FF5722;
    margin-bottom:220px;
    transition:0.99s;
  }
  .animacionVer{
    transform:scale(1);
  }

  .btn-carousel {
    width:40px;
    height:40px;
    border-radius:100%;
    background:#F44336;
    right:0;
    bottom:0;
    position:absolute;
    margin-right:16px;
    margin-bottom:16px;
    border:none;
    outline:none;
    color:#FFF;
    font-size:26px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition:.3s;
    z-index: 100;
  }


          /* The side navigation menu */
          .sidenav {
            height: 100%;
            /* 100% Full-height */
            width: 0;
            /* 0 width - change this with JavaScript */
            position: fixed;
            /* Stay in place */
            z-index: 1;
            /* Stay on top */
            top: 0;
            left: 0;
            background-color: rgb(13, 82, 70);
            /* Black*/
            overflow-x: hidden;
            /* Disable horizontal scroll */
            padding-top: 60px;
            /* Place content 60px from the top */
            transition: 0.5s;
            /* 0.5 second transition effect to slide in the sidenav */
        }

        /* The navigation menu links */
        .sidenav a {
            padding: 8px 8px 8px 32px;
            text-decoration: none;
            font-size: 25px;
            color: #818181;
            display: block;
            transition: 0.3s
        }

        /* When you mouse over the navigation links, change their color */
        .sidenav a:hover,
        .offcanvas a:focus {
            color: #f1f1f1;
        }

        /* Position and style the close button (top right corner) */
        .sidenav .closebtn {
            position: absolute;
            top: 0;
            right: 25px;
            font-size: 36px;
            margin-left: 50px;
        }

        /* Style page content - use this if you want to push the page content to the right when you open the side navigation */
        #main {
            transition: margin-left .5s;
            padding: 20px;
            overflow: hidden;
            width: 100%;
        }

        body {
            overflow-x: hidden;
        }

        /* Add a black background color to the top navigation */
        .topnav {
            background-color: #333;
            overflow: hidden;
        }

        /* Style the links inside the navigation bar */
        .topnav a {
            float: left;
            display: block;
            color: #f2f2f2;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
            font-size: 17px;
        }

        /* Change the color of links on hover */
        .topnav a:hover {
            background-color: #ddd;
            color: black;
        }

        /* Add a color to the active/current link */
        .topnav a.active {
            background-color: #4CAF50;
            color: white;
        }

        /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
        @media screen and (max-height: 450px) {
            .sidenav {
                padding-top: 15px;
            }

            .sidenav a {
                font-size: 18px;
            }
        }

        a svg {
            transition: all .5s ease;

            &:hover {
                #transform: rotate(180deg);
            }
        }

        #ico {
            display: none;
        }

        .menu {
            background: rgb(8, 107, 33);
            display: none;
            padding: 5px;
            width: 320px;
             border-radius:5px;

            #transition: all 0.5s ease;

            a {
                display: block;
                color: #fff;
                text-align: center;
                padding: 10px 2px;
                margin: 3px 0;
                text-decoration: none;
                background: #444;

                &:nth-child(1) {
                    margin-top: 0;
                 border-radius(3px 3px 0 0);
                }

                &:nth-child(5) {
                    margin-bottom: 0;
                     border-radius(0 0 3px 3px);
                }

                &:hover {
                    background: #555;
                }
            }
        }
        .primary-lighter-hover {
            color: #4285F4;
            -webkit-transition: .4s;
            transition: .4s; }
          .primary-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #8ab4f8; }

          .primary-darker-hover {
            color: #4285F4;
            -webkit-transition: .4s;
            transition: .4s; }
          .primary-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #0d5bdd; }

          .danger-lighter-hover {
            color: #ff3547;
            -webkit-transition: .4s;
            transition: .4s; }
          .danger-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #ff828d; }

          .danger-darker-hover {
            color: #ff3547;
            -webkit-transition: .4s;
            transition: .4s; }
          .danger-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #e80015; }

          .warning-lighter-hover {
            color: #FF8800;
            -webkit-transition: .4s;
            transition: .4s; }
          .warning-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #ffac4d; }

          .warning-darker-hover {
            color: #FF8800;
            -webkit-transition: .4s;
            transition: .4s; }
          .warning-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #b35f00; }

          .success-lighter-hover {
            color: #00C851;
            -webkit-transition: .4s;
            transition: .4s; }
          .success-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #16ff74; }

          .success-darker-hover {
            color: #00C851;
            -webkit-transition: .4s;
            transition: .4s; }
          .success-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #007c32; }

          .info-lighter-hover {
            color: #33b5e5;
            -webkit-transition: .4s;
            transition: .4s; }
          .info-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #77ceee; }

          .info-darker-hover {
            color: #33b5e5;
            -webkit-transition: .4s;
            transition: .4s; }
          .info-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #178ab4; }

          .default-lighter-hover {
            color: #2BBBAD;
            -webkit-transition: .4s;
            transition: .4s; }
          .default-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #5ad9cd; }

          .default-darker-hover {
            color: #2BBBAD;
            -webkit-transition: .4s;
            transition: .4s; }
          .default-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #1d7d73; }

          .secondary-lighter-hover {
            color: #aa66cc;
            -webkit-transition: .4s;
            transition: .4s; }
          .secondary-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #ca9fdf; }

          .secondary-darker-hover {
            color: #aa66cc;
            -webkit-transition: .4s;
            transition: .4s; }
          .secondary-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #8639ac; }

          .elegant-lighter-hover {
            color: #2E2E2E;
            -webkit-transition: .4s;
            transition: .4s; }
          .elegant-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #545454; }

          .elegant-darker-hover {
            color: #2E2E2E;
            -webkit-transition: .4s;
            transition: .4s; }
          .elegant-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #080808; }

          .unique-lighter-hover {
            color: #880e4f;
            -webkit-transition: .4s;
            transition: .4s; }
          .unique-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #cd1577; }

          .unique-darker-hover {
            color: #880e4f;
            -webkit-transition: .4s;
            transition: .4s; }
          .unique-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #430727; }

          .dark-green-lighter-hover {
            color: #388E3C;
            -webkit-transition: .4s;
            transition: .4s; }
          .dark-green-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #56bc5b; }

          .dark-green-darker-hover {
            color: #388E3C;
            -webkit-transition: .4s;
            transition: .4s; }
          .dark-green-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #225725; }

          .mdb-color-lighter-hover {
            color: #59698D;
            -webkit-transition: .4s;
            transition: .4s; }
          .mdb-color-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #8290b0; }

          .mdb-color-darker-hover {
            color: #59698D;
            -webkit-transition: .4s;
            transition: .4s; }
          .mdb-color-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #3b465e; }

          .red-lighter-hover {
            color: #D32F2F;
            -webkit-transition: .4s;
            transition: .4s; }
          .red-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #e06e6e; }

          .red-darker-hover {
            color: #D32F2F;
            -webkit-transition: .4s;
            transition: .4s; }
          .red-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #962020; }

          .pink-lighter-hover {
            color: #ec407a;
            -webkit-transition: .4s;
            transition: .4s; }
          .pink-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #f386aa; }

          .pink-darker-hover {
            color: #ec407a;
            -webkit-transition: .4s;
            transition: .4s; }
          .pink-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #cb1452; }

          .purple-lighter-hover {
            color: #8e24aa;
            -webkit-transition: .4s;
            transition: .4s; }
          .purple-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #b843d7; }

          .purple-darker-hover {
            color: #8e24aa;
            -webkit-transition: .4s;
            transition: .4s; }
          .purple-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #59176b; }

          .deep-purple-lighter-hover {
            color: #512da8;
            -webkit-transition: .4s;
            transition: .4s; }
          .deep-purple-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #7651d0; }

          .deep-purple-darker-hover {
            color: #512da8;
            -webkit-transition: .4s;
            transition: .4s; }
          .deep-purple-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #341d6c; }

          .indigo-lighter-hover {
            color: #3f51b5;
            -webkit-transition: .4s;
            transition: .4s; }
          .indigo-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #7280ce; }

          .indigo-darker-hover {
            color: #3f51b5;
            -webkit-transition: .4s;
            transition: .4s; }
          .indigo-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #2b387c; }

          .blue-lighter-hover {
            color: #1976D2;
            -webkit-transition: .4s;
            transition: .4s; }
          .blue-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #4e9cea; }

          .blue-darker-hover {
            color: #1976D2;
            -webkit-transition: .4s;
            transition: .4s; }
          .blue-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #11508e; }

          .light-blue-lighter-hover {
            color: #82B1FF;
            -webkit-transition: .4s;
            transition: .4s; }
          .light-blue-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #cfe1ff; }

          .light-blue-darker-hover {
            color: #82B1FF;
            -webkit-transition: .4s;
            transition: .4s; }
          .light-blue-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #3681ff; }

          .cyan-lighter-hover {
            color: #00bcd4;
            -webkit-transition: .4s;
            transition: .4s; }
          .cyan-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #22e6ff; }

          .cyan-darker-hover {
            color: #00bcd4;
            -webkit-transition: .4s;
            transition: .4s; }
          .cyan-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #007888; }

          .teal-lighter-hover {
            color: #00796b;
            -webkit-transition: .4s;
            transition: .4s; }
          .teal-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #00c6af; }

          .teal-darker-hover {
            color: #00796b;
            -webkit-transition: .4s;
            transition: .4s; }
          .teal-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #002d27; }

          .green-lighter-hover {
            color: #388E3C;
            -webkit-transition: .4s;
            transition: .4s; }
          .green-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #56bc5b; }

          .green-darker-hover {
            color: #388E3C;
            -webkit-transition: .4s;
            transition: .4s; }
          .green-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #225725; }

          .light-green-lighter-hover {
            color: #8bc34a;
            -webkit-transition: .4s;
            transition: .4s; }
          .light-green-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #b0d683; }

          .light-green-darker-hover {
            color: #8bc34a;
            -webkit-transition: .4s;
            transition: .4s; }
          .light-green-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #649130; }

          .lime-lighter-hover {
            color: #afb42b;
            -webkit-transition: .4s;
            transition: .4s; }
          .lime-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #d2d655; }

          .lime-darker-hover {
            color: #afb42b;
            -webkit-transition: .4s;
            transition: .4s; }
          .lime-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #73761c; }

          .yellow-lighter-hover {
            color: #fbc02d;
            -webkit-transition: .4s;
            transition: .4s; }
          .yellow-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #fcd778; }

          .yellow-darker-hover {
            color: #fbc02d;
            -webkit-transition: .4s;
            transition: .4s; }
          .yellow-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #d79b04; }

          .amber-lighter-hover {
            color: #ffa000;
            -webkit-transition: .4s;
            transition: .4s; }
          .amber-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #ffbd4d; }

          .amber-darker-hover {
            color: #ffa000;
            -webkit-transition: .4s;
            transition: .4s; }
          .amber-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #b37000; }

          .orange-lighter-hover {
            color: #f57c00;
            -webkit-transition: .4s;
            transition: .4s; }
          .orange-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #ffa243; }

          .orange-darker-hover {
            color: #f57c00;
            -webkit-transition: .4s;
            transition: .4s; }
          .orange-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #a95500; }

          .deep-orange-lighter-hover {
            color: #ff7043;
            -webkit-transition: .4s;
            transition: .4s; }
          .deep-orange-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #ffaa90; }

          .deep-orange-darker-hover {
            color: #ff7043;
            -webkit-transition: .4s;
            transition: .4s; }
          .deep-orange-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #f63b00; }

          .brown-lighter-hover {
            color: #795548;
            -webkit-transition: .4s;
            transition: .4s; }
          .brown-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #a57868; }

          .brown-darker-hover {
            color: #795548;
            -webkit-transition: .4s;
            transition: .4s; }
          .brown-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #49332b; }

          .grey-lighter-hover {
            color: #616161;
            -webkit-transition: .4s;
            transition: .4s; }
          .grey-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #878787; }

          .grey-darker-hover {
            color: #616161;
            -webkit-transition: .4s;
            transition: .4s; }
          .grey-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #3b3b3b; }

          .blue-grey-lighter-hover {
            color: #78909c;
            -webkit-transition: .4s;
            transition: .4s; }
          .blue-grey-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #a4b4bc; }

          .blue-grey-darker-hover {
            color: #78909c;
            -webkit-transition: .4s;
            transition: .4s; }
          .blue-grey-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #546973; }

          .white-lighter-hover {
            color: #fff;
            -webkit-transition: .4s;
            transition: .4s; }
          .white-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: white; }

          .white-darker-hover {
            color: #fff;
            -webkit-transition: .4s;
            transition: .4s; }
          .white-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #d9d9d9; }

          .black-lighter-hover {
            color: #000;
            -webkit-transition: .4s;
            transition: .4s; }
          .black-lighter-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: #262626; }

          .black-darker-hover {
            color: #000;
            -webkit-transition: .4s;
            transition: .4s; }
          .black-darker-hover:hover {
            -webkit-transition: .4s;
            transition: .4s;
            color: black; }
            .news-tile .card-title {
                position: absolute;
                bottom: 15px;
                left: 40px;
              }

              .rgba-stylish-strong {
                background-color: rgba(62, 69, 81, .5);
              }