html{
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
	}
	body{
		font-family: 'Poppins', sans-serif;
		font-size: 16px;
	}
	body:has(dialog[open]) {overflow: hidden}
	
	/*.navbar:has(.show) > body{overflow: hidden;}*/
	main {
		min-height: calc(100vh - 80px);
	}
	.form-check-input:checked {
	    background-color: #56B3C2;
	    border-color: #56B3C2;
	}
	a{
		color:#56B3C2;
		text-decoration:underline;
	}
	a:hover{
		color:#000;
	}
	dialog:-internal-dialog-in-top-layer::backdrop {
	    background: rgba(0, 0, 0, 0.7);
	}
	
	/* menu nuevo*/
	.menu-movil{
	       width: auto;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            padding: 0px;
	   }
	   .navbar-brand .brand-icon{
	       padding:2px 4px;
	   }
	   .navbar-brand svg{
	       height:auto;
	       width:16px;
	   }
	   .nav-path{
	       fill:#fff;
	   }
	   /**/
	   #nav-icon3 {
          width: 24px;
          height: 24px;
          position: relative;
          margin: 0 auto;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
          -webkit-transition: .5s ease-in-out;
          -moz-transition: .5s ease-in-out;
          -o-transition: .5s ease-in-out;
          transition: .5s ease-in-out;
          cursor: pointer;
        }
        
        .nav-span{
          display: block;
          position: absolute;
          height: 2px;
          width: 20px;
          background: #fff;
          border-radius: 9px;
          opacity: 1;
          left: 2px;
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          transform: rotate(0deg);
          -webkit-transition: .25s ease-in-out;
          -moz-transition: .25s ease-in-out;
          -o-transition: .25s ease-in-out;
          transition: .25s ease-in-out;
        }
        .nav-span:nth-child(1) {
          top: 6px;
        }
        
        .nav-span:nth-child(2),.nav-span:nth-child(3) {
          top: 12px;
        }
        
        .nav-span:nth-child(4) {
          top: 18px;
        }
	/* fin menu nuevo*/
	.header{
		padding:24px;
		gap:8px;
		display:flex;
		flex-direction:column;
	}
	.header p{
		color: #000;
		font-size: 1.125rem;
		font-weight: 700;
		margin-bottom:0;
		line-height: 1.75rem;
	}
	.header h1{
		margin-bottom:0;
		font-size: 1.167rem;
		font-weight: 500;
		line-height: 1.75rem;
	}
	.header h1 span{
		color: #56B3C2;
		font-size: 1.167rem;
		font-weight: 500;
		line-height: 1.75rem;
	}
	header .navbar-nav{
		    gap: 24px;
	}
	header .dropdown {
		border-radius: 4px;
		padding: 0;
		margin-left:24px;
		align-items: center;
		gap: 4px;
		
		color:#202020;
	}
	header .dropdown button{
		padding:4px 8px;
		background-color: #B9E3E8;
		gap:4px;
		font-size:0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: 2rem;
		color:#202020;
		border:0px;;
		border-radius:32px;
	}
	header .dropdown button:hover{
		color:#202020;
		background-color: #B9E3E8;
	}
	header .dropdown button figure{
		display: flex;
		width: 32px;
		height: 32px;
		padding: 9.143px;
		justify-content: center;
		align-items: center;
		border-radius: 96px;
		border: 4px solid #56B3C2;
		margin:0;
		background: #56B3C2;
	}
	header .dropdown button figure img{
		width: 13.714px;
		height: 13.714px;
		flex-shrink: 0;
	}
	header .dropdown .dropdown-menu{
		background-color: #2E788C;
	    margin: 0;
	    padding: 0;
	    width:100%;
	}
	
	header .dropdown .dropdown-menu .dropdown-item{
		display: flex;
		padding: 1rem;
		align-items: center;
		gap: 8px;
		align-self: stretch;
	}
	header .dropdown .dropdown-menu .dropdown-item:active{
		color: #56b3c2;
	    text-decoration: underline;
	    background-color: transparent;
	}
	header .dropdown .dropdown-menu .dropdown-item:hover {
	    color: #56b3c2;
	    text-decoration: underline;
	    background-color: transparent;
	}
	header .dropdown .dropdown-menu .dropdown-item img{
		height:24px;
	}
	header .dropdown .dropdown-menu .dropdown-item span{
		color: #FFF;
		font-family: Poppins;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.25rem;
	}
	header .navbar-nav .dropdown{
		background-color: #B9E3E8;
		padding:0;
	}
	header .navbar-nav .dropdown .nav-link{
		border-radius: 4px;
		padding: 4px 8px;
		align-items: center;
		gap: 4px;
		
		color:#202020;
	}
	header .navbar-nav .nav-link{
		font-size:0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.25rem;
		padding:0 !important ;
	}
	header .navbar{
		background-color: #56B3C2;
		color:#fff;
		border-bottom: 1px solid #56B3C2;
		padding: 0;
		height: 80px;
		
	}
	header .navbar img{
		vertical-align: text-bottom;
		height: 2rem;
		
	}
	header .navbar-brand{
		color:#fff;
		font-weight: 500;
		font-size: 1rem;
		line-height:1.5rem;
		gap:8px;
		margin:0;
		padding:0;
	}
	header .navbar-brand:hover{
		text-decoration: none;
		color:#fff;
	}
	header .navbar-toggler:focus {border:0;}
	header .nav-link{
		color:#fff;
		font-size: 0.9rem;
	}
	header .active{
		color:#fff ;
		font-size: 0.9rem;
	}
	.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url(../images/iconos/menu.svg);
    }
    .navbar-toggler{
		border:none;
	}
	.navbar-toggler:focus {
	    text-decoration: none;
	    outline: 0;
	    box-shadow: none;
	    border:1px solid #fff;
	}
	
	section{
		min-height: 100vh;
	}
	footer{
		background-color: #2E788C;
		color:#fff;
	}
	footer section{
		min-height: 50vh;
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	footer h3 img{
		height: 2.5rem;
		width: auto;
		margin-right: 0.5rem;
	}
	footer ul{
		font-size: 1rem;
		color:#fff;
		list-style-type:none;
		padding-top:1rem;
		padding-bottom: 1rem;
		padding-left:0;
	}
	footer ul li{
		margin-bottom: 1rem;
	}
	footer ul li:last-child {
	  	margin-bottom:0;
	}
	footer ul a{
		color:#fff;
		font-size: 1rem;
		text-decoration: none;
	}
	footer .links img{
		margin-right: 0.25rem;
		height: 1rem;
	}
	h3{
		font-size: 1.75rem;
		font-weight: 500;
		
	}
	hr {
    	border-top: 1px #fff solid;
    	opacity: 1;
    }
    /* botones*/
    
    	.btn-1{
    		max-height:40px;
    		height:40px;
    		display: flex;
            padding: 8px 16px;
            justify-content: center;
            align-items: center;
            gap: 8px;
            border-radius: 4px;
            
            text-align: center;
            font-family: Poppins;
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.5rem;
             text-decoration:none;
            background-color: #56B3C2;
            color: #FFF;
            border:none;
    	}
    	.btn-1:hover{
    	    background-color:#FFF; 
            color: #56B3C2;
            border:1px solid #56B3C2;
        }
        .btn-2{
    		max-height:40px;
    		height:40px;
    	    display: flex;
            padding: 8px 16px;
            justify-content: center;
            align-items: center;
            gap: 8px;
            border-radius: 4px;
            text-align: center;
            font-family: Poppins;
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.5rem; 
            text-decoration:none;
            border:none;
            background-color:#F0FAFB;
            color: #56B3C2;      /*#3594A5;*/  
    	}
    	.btn-2:hover{
    	    background-color:#fff;
    	    color:#56B3C2;   
    	    border: 1px solid #56B3C2; 
    	}
    	.btn-outline-1{
    		max-height:40px;
    		height:40px;
            display: flex;
            padding: 8px 16px;
            justify-content: center;
            align-items: center;
            gap: 8px;
            align-self: stretch;
            border-radius: 4px;
            text-decoration:none;
            text-align: center;
            font-family: Poppins;
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.5rem;    
            border: 1px solid #56B3C2;	  
            color: #3594A5; 
            background-color: transparent;
    	}
    	.btn-outline-1:hover{
    		border: 1px solid 	#3594A5;  
            color:  #fff;
            background-color: #56B3C2;
    	}
    	.btn-outline-2{
    		max-height:32px;
    		height:32px;
            display: flex;
            border-radius: 4px;
            padding: 6px 24px;
            justify-content: center;
            align-items: center;
            gap: 8px;
            text-decoration:none;
            background-color:transparent;
            border: 1px solid #2E788C;
            color: #2E788C;
            font-family: Roboto;
            font-size: 0.875rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.25rem;     
    	}
    	
    .link-accion{
    	text-decoration:underline;
    }	
    	
    
    .btn{
		border-radius: 4px;
		display: flex;
		padding: 12px 16px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		align-self: stretch;
		
		font-style: normal;
		font-weight: 500;
		line-height: 24px;
	}
	.btn-primary{
		display: flex;
		padding: 8px 24px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		align-self: stretch;
		border:none;
		background-color:#56B3C2;
		color:#fff;
	}
	.btn-primary.disabled, .btn-primary:disabled, fieldset:disabled .btn {
    color: #fff;
    pointer-events: none;
    background-color:#56B3C2;
    border-color: none;
    opacity: 0.66;
    }
    .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
	    color: #fff;
	    background-color: #56B3C2;
	    border-color: none;
	}
	.btn-primary span{
		color: #FFF;
		text-align: center;
		font-family: Poppins;
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.5rem;
	}
	.btn-outline-primary{
		display: flex;
		padding: 8px 24px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		align-self: stretch;
		border-radius: 4px;
		border: 1px solid #3594A5;
		background-color:#fff;
		color:#3594A5;
		height:40px;
	}
    
	.btn-primary:hover{
		background-color:rgb(86,179, 194,0.30);
		color:#fff;
		border: 1px solid #F0FAFB;
		border:none;
	}
	.btn-secondary{
		background-color: rgba(255, 255, 255, 0.30);
		color:#fff;
		border:1px solid #F0FAFB;
	}
	.btn-secondary:hover{
		background-color: rgba(255, 255, 255, 0.90);
		color:rgba(0,0,0,0.8);
		border:1px solid #F0FAFB;
	}
    .btn-outline-primary{
		color:#56B3C2 !important;
		border-radius: 4px;
		border: 1px solid  #56B3C2;
		padding: 12px 24px;
		justify-content: center;
		align-items: center;
		height: 24px;
		display: flex;
		width: 100%;
	}
	.btn:active:focus-visible{
		box-shadow:none !important;
	}
	.btn-outline-primary:focus-visible{
	color:#56B3C2 !important;
		border-radius: 4px;
		border: 1px solid  #56B3C2;
		background-color:#fff;
		box-shadow:none !important;
	}
	.btn-outline-primary:hover{
		background-color:#3594A5;;
		color:#fff;
		border:none;
	}
	.btn-outline-primary:active{
		background-color:#fff !important;
		color:#3594A5 !important;
		border: 1px solid #3594A5;
	}
	#home{
		height: calc(100vh - 80px);
		min-height: calc(100vh - 80px);
	}
	#home h1{
		color:#fff;
		font-weight: 600;
	}
	h2{
		color:#202020;
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 2rem;
	}
	h3{
		color: #202020;
		text-align: center;
		font-size: 1rem;
		font-style: normal;
		font-weight: 700;
		line-height: 2rem; 
	}
	p{
		color: #202020;
		text-align: center;
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 2rem; 
	}
	#crear p{
		line-height: 1.5rem;
		
	}
	#home p{
		color:#fff;
		text-align:center;
	}
	#home .btn-primary{
		padding: 12px 16px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		align-self: stretch;
	}
	#home .btn-primary span{
		font-size:1rem;
		line-height:1.5rem;
		font-style: normal;
		font-weight: 500;
	}
	#home #overlay{
		background-image: url(../images/bg-desktop.webp);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: center;
		mix-blend-mode: luminosity;
		z-index: -1;
		content:"";
	  	visibility: visible;
	    width: 100%;
	    height: 100%;
	    position:absolute;
	}
	#home::before{
		background-image: url(../images/fondo2.jpg);
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: center;
		mix-blend-mode: luminosity;
		z-index: -1;
		content:"";
	  	visibility: visible;
	  	height:100%;
	  	width:100%;
	}
	#overlay::before{
		mix-blend-mode: multiply;
		z-index: -1;
		content:"";
	  	visibility: visible;
	  	height:100%;
	  	width:100%;
		background-color: #979797;
	    position: absolute;
	}
	#home .datos{
		position:relative;
	}
	#eventos{
		background-color: #F0FAFB;
		min-height: fit-content;
	}
	#faq{
		background-color: #F0FAFB;
		min-height: fit-content;
	}
	#faq .accordion-item{
		margin-bottom:1rem;
	}
	#faq .btn-ver{
		border-radius: 4px;
		padding: 8px 24px;
		color:#3594A5;
		text-decoration: none;
		background:  #DAF1F3;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5rem;
		display: inline-block;
	}
	#faq button{
		color:#202020;
		font-size: 1rem;
		font-weight: 500;
		line-height: 1.5rem;
		border-radius: 8px;
		border: 1px solid  #B9E3E8;
		background: #FFF;
		box-shadow: 0px 4px 40px 0px rgba(0, 198, 213, 0.06), 0px 4px 4px 0px rgba(0, 198, 213, 0.16);
	}
	#calendario{
		min-height: fit-content;
	}
	#calendario ul{
		margin-bottom:0;
	}
	#calendario li{
		color:#202020;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5rem;
	}
	.titulo h2{
		text-align: center;
	}
	.titulo p{
		text-align: center;
	}
	.embed-responsive {
	    position: relative;
	    display: block;
	    width: 100%;
	    padding: 0;
	    overflow: hidden;
	}	
	.embed-responsive::before {
    	padding-top: 56.25%;
    }
    #eventos figure{
		border-radius: 50%;
		background-color: #fff;
		display: flex;
		width: 64px;
		height: 64px;
		padding: 1rem;
		margin-left:auto;
		margin-right: auto;
	}
	#eventos p{
		color:#202020;
		font-size: 1rem;
		line-height: 1.3rem;
		font-weight: 400;
		text-align: center;
		margin-bottom: 0;
	}
	#crear {
		min-height: fit-content;
	}
	#crear figure{
		background-color: #F0FAFB;
		border-radius: 50%;
		display: flex;
		width: 64px;
		height: 64px;
		margin-left:auto;
		margin-right: auto;
	}
	#crear .flecha1{
		background-image: url(../images/iconos/flecha1.svg);
		background-repeat: no-repeat;
		background-position: 90% 0%;
	}
	#crear .flecha2{
		background-image: url(../images/iconos/flecha2.svg);
		background-repeat: no-repeat;
		background-position: 50% 30%;
	}
	#crear .flecha3{
		background-image: url(../images/iconos/flecha1.svg);
		background-repeat: no-repeat;
		background-position: 10% 0%;
	}
	#crear figure img{
		height: 48px;
		width: 48px;
		margin:auto;
	}
	#nosotros{
		min-height: fit-content;
	}
    #nosotros .cuadro{
		background-color: #F0FAFB;
	    display: flex;
	    flex-direction: column;
	    padding: 1.45rem 1.3rem;
	    text-align: left;
	    height: 100%;
	}
	#nosotros .cuadro h3{
		text-align: left;
		color:#000;
		font-size: 1rem;
		font-weight: 600;
		line-height: 1.45rem;
	}
	#nosotros .cuadro p{
		text-align: left;
		color:#000;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.45rem;
		
	}
	#testimonios{
		min-height: fit-content;
	}
	.splide__slide img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	}
	#testimonios .btn-play{
		position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}
	#testimonios span{
		text-align: left;
		color:#202020;
		font-size: 1rem;
		font-weight: 500;
		line-height: 1.45rem;
	}
	
	#testimonios a{
		color: #3594A5;
		text-align: center;
		font-family: Poppins;
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.45rem;
		text-decoration-line: underline;
	}
	
	.video{
		position:relative;
		
		width: 50%;
    margin-left: auto;
    margin-right: auto;
	}
	#videoPlay{
		padding-top: 56.25%;
		background-image: url(../images/video.webp);
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center;
	    width: 100%;
	    margin-left:auto;
	    margin-right:auto;
	    border-radius: 16px;
		box-shadow: 8px 12px 24px 0px rgba(126, 220, 167, 0.12);
		height: 0;
	    
	    position: relative;
	}
	#videoPlay button{
		position: absolute;
	    left: calc(50% - 50px);
	    top: calc(50% - 50px);
	}
	
	#dialogVideo{
		padding: 0;
		border:1px solid #3594A5;
	}
	#dialogVideo menu{
		margin-top:0.4rem;
		margin-bottom:0.5rem;
		padding-left:0.5rem;
		padding-right: 0.5rem;
	}
	#dialogVideo button{
		border: 1px solid #555;
	    padding: 0.5rem;
	    margin-left: auto;
	       background-color: #fffcfc7a;
    z-index: 11;
	}
	#video{
		height: auto;
		width: 60vw;
	}
	#footer h3{
		color:#fff;
	}
	/* login css */ 
	.loginCuadro{
		padding: 4.5rem 0px;
	}
	.input{
		border-radius: 4px;
		border: 1px solid #E7E7E7;
		background: #FFF;
		padding: 1rem 0.75rem;
		gap: 0.5rem;
		align-self: stretch;
		color: #202020;
		font-family: Poppins;
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.5rem;
	}
	.btn-group{
		border-bottom: 1px solid #dee2e6;
	    border-top: 1px solid #dee2e6;
	    border-right: 1px solid #dee2e6;
	    border-left: 0;
	    background-color: #fff;
	    color: #222;
	}
	
	.form{
		padding: 1.5rem;
		gap:1rem;
		display:flex;
		flex-direction:column;
		
	}
	.formp{
		padding-top:2rem;
		padding-bottom:2rem;
	}
	.form p{
		line-height: 1.25rem;
		color: #000;
		font-family: Poppins;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		 
	}
	.form h2{
		font-size:1rem;
		color: #000;
		font-family: Poppins;
		font-style: normal;
		font-weight: 600;
		line-height: 1.5rem;
	}
	#login .footer{
		padding: 1.5rem;
		gap:1rem;
		display:flex;
		flex-direction:column;
	}
	#login hr{
		color:#F2F2F2;
		border-top: 1px solid #f2f2f2;
    	margin: 0;
	}
	#login .footer p{
		color: #000;
		text-align: center;
		font-family: Poppins;
		font-size: 0.9rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.25rem; 
		margin-bottom:0;
	}
	/* fin login */
	/* registro*/
	.link{
		padding:18px 24px;
		gap:8px;
		display:flex;
		flex-direction:column;
		align-items: flex-start;
		text-align:start;
	}
	.link button{
		padding:0;
		color:#56B3C2;
		font-family: Poppins;
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.75rem;
		gap: 8px;
    	display: flex;
    	align-items: center;
    	margin-right:auto;
    	text-decoration:none;
    	border:none;
	}
	.link a{
		padding:0;
		color:#56B3C2;
		font-family: Poppins;
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.75rem;
		gap: 8px;
    	display: flex;
    	align-items: center;
    	margin-right:auto;
    	text-decoration:none;
    	border:none;
	}
	.input{
		border-radius: 4px;
		border: 1px solid #E7E7E7;
		background: #FFF;
		padding: 16px 12px;
		gap: 8px;
		align-self: stretch;
		color: #202020;
		font-family: Poppins;
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.5rem;
	}
	.btn-group{
		border-bottom: 1px solid #dee2e6;
	    border-top: 1px solid #dee2e6;
	    border-right: 1px solid #dee2e6;
	    border-left: 0;
	    background-color: #fff;
	    color: #222;
	}
	.registroCuadro{
		padding: 0rem 0px;
	}
	.botones{
		display: flex;
		padding: 24px;
		flex-direction: column;
		align-items: center;
		gap: 16px;
	}
	.botones .btn-link{
		border: none;
	    background: none;
	    text-decoration: none;
	    margin: 0;
	    padding: 0;
	    color:#56B3C2;
	}
	
	.registroCuadro hr{
		color:#F2F2F2;
		border-top: 1px solid #f2f2f2;
    	margin: 0;
	}
	#registro .footer{
		padding:24px;
		gap:16px;
		display:flex;
		flex-direction:column;
	}
	#registro .footer p{
		color: #000;
		text-align: center;
		font-family: Poppins;
		font-size: 0.9rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.25rem; 
		margin-bottom:0;
	}
	/* fin registro*/
	/* dialog */
	dialog{
            padding:0;
            padding-bottom: 0.5rem;
            flex-direction: column;
            align-items: flex-start;
            border-radius: 1rem !important;
            
            background: #FFF;
            min-width:350px !important;
        }
        
       
        .dialog {
            padding:1.5rem;
        }
        dialog .dialog{
            width:100%;
            text-align:center;
            padding: 0.75rem 1.5rem;
            display:flex;
            flex-direction:column;
            align-items:center;
            gap:0.75rem;
        }
        dialog .btn-remove{
            color: #FF2929;
            font-family: Poppins;
            font-size: 0.875rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.25rem;
        }
        dialog .dialogBotones{
            display: flex;
            padding: 12px 24px;
            align-items: flex-end;
            gap: 1rem;
            align-self: stretch;
        	justify-content: center;
        }
        dialog .dialog-close{
        	position: sticky;
		    top: 0px;
		    height: 40px;
		    background-color: #fff;
		    align-items: start;
		    display: flex;
        }
        
		dialog .div-volver{
            display: flex;
            padding: 1.125rem 1.5rem;
            background-color:#fff;
            flex-direction: column;
            align-items: flex-start;
            gap: 0.5rem;
            border-bottom: 1px solid #3594A5;
        }
        dialog .div-volver .btn-volver{
            color: #56B3C2;
            font-family: Poppins;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 700;
            line-height: 1.75rem;
            gap:0.5rem;
            background-color:#fff;
            border:none;
        }
        dialog .btn-cerrar{
            position: absolute;
            top: 0;
            right: 0;
            width: fit-content;
            margin: 0;
            padding: 8px;
            color: #8c8c8c !important;
        }
        dialog .btn-cerrar2{
            position: absolute;
            bottom: 0;
            right: 0;
            width: fit-content;
            margin: 0;
            padding: 8px;
            color: #8c8c8c !important;
        }
        .dialog .btn-cerrar:hover{
            border:0.5px solid #8c8c8c;
        }
        dialog .dialog p,h3,figure{
        	margin:0px;
        }
        dialog .dialog figure,.figure{
        	width: 100px;
		    height: 100px;
		    padding: 22px;
		    justify-content: center;
		    align-items: center;
		    flex-shrink: 0;
		    border-radius: 72px;
		    background-color: #F0FAFB;
		    display:flex;
		    flex-direction:column;
		    position:relative;
		    margin:0px;
        }
        dialog .dialog .form-floating{
        	width:100%;
        }
        dialog .dialog .input-group .form-floating{
        	width:1%;
        }
        dialog .dialog .figure span{
        	position:absolute;
        	bottom:0px;
        	right:0px;
        	width:28px;
        	height:28px;
        }
        dialog .form{
        	padding: 1.125rem 1.5rem;
        }
        .dialog .btn{
            display: flex;
            
            padding: 1rem;
            flex-direction: row;
            align-items: flex-start;
            gap: 0.5rem;
            justify-content:start;
        }
        .dialog .btn-accion{
            color: #000;
            font-family: Poppins;
            font-size: 0.875rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.25rem; 
        }
        
	
	#dialog{
		min-height: 311px;
	}
	#dialog2{
		min-height:383px;
	}
	#dialog .dialogCuadro{
		min-height: 311px;
	}
	#dialog2 .dialogCuadro{
		min-height: 383px;
	}
	
	
	.dialog .dialogCuadro{
		display: flex;
    	flex-direction: column;
    	padding: 24px 12px;
		background: #FFF;
	}
	.dialog .btn-link{
		padding:0 5px;
		border:none;
		color:#000;
		display:block;
		margin-left:auto;
	}
	.dialog .dialogImage{
		display: flex;
		width: 100px;
		height: 100px;
		padding: 22px;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		border-radius: 72px;
		background-color:#F0FAFB;
		position:relative;
	}
	.dialog .dialogImage .svg{
		position:absolute;
		bottom:0;
		right:0;
	}
	.dialog h3{
		color: #000;
		text-align: center;
		font-family: Poppins;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.75rem;
	}
	.dialog p{
		color: #000;
		text-align: center;
		font-family: Poppins;
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.5rem;
	}
	.dialog .d-grid{
		gap:16px;
	}
	/*fin dialog*/
	/* listas */
	.listado{
	   display:flex;
	   flex-direction:column;
	   height:auto;
	   min-height:400px;
	}
	.listado .d-grid{
	   display: flex !important;
	   margin-left:auto;
	   margin-right:auto;
       padding: 12px 24px;
       align-items: flex-end;
       gap: 16px;
       align-self: stretch;
       background-color:#fff;
	}
	.listado .link{
	   background-color:#fff;
	}
	.listaVacia{
	   background-color:#fff;
	   display:flex;
	   flex-direction:column;
	   padding: 24px 24px 23px 24px;
	   align-items: center;
	   gap: 16px;
	}
	.lista{
	    display: flex;
        flex-direction: row;
        gap: 20px;
        flex-wrap:wrap;
        padding-bottom:20px;
	}
	.lista_cuadro{
        display: flex;
        padding: 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        border-radius: 8px;
        border: 1px solid #F2F2F2;
        background: #FFF;
        width: calc(33.33% - 20px);
	}   
	.lista_cuadro .d-grid{
	       display: grid !important;
	       margin-left: unset;
            margin-right: unset;
        padding: 0;        
        margin-top:auto;
	   }
	.lista_datos{
	   display: flex;
        align-items: flex-start;
        gap: 16px;
        flex-direction:row;
        justify-content: space-between!important;
        width:100%;
	}   
	.lista_datos h3{
	   text-align:left;
	   color: #202020;
        font-family: Poppins;
        font-size: 1.25rem;
        font-style: normal;
        font-weight: 700;
        line-height: 1.75rem;
	}
	.lista_datos p{
	   text-align:left;
	   color: #202020;
        font-family: Poppins;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.25rem; 
	}
	.lista_cuadro figure{
	       border-radius: 50%;
    overflow: hidden;
    margin: 0;
    width:50px;
	}
	.lista_cuadro figure img{
	   width:auto;
	   height:50px;
	}   
	.lista_cuadro .btn{
	   height:40px;
	}
	/* fin listas*/
	.form-floating>.form-control{
			height:56px !important;
			min-height:56px !important;
		}
	.form-cantidad{
	       display: flex;
            justify-content: space-between;
            align-items: center;
            align-self: stretch;
            padding:1rem 0.75rem;
	   }
	   .form-cantidad .cantidadInput{
	       display: flex;
            width: 140px;
            padding: 8px;
            justify-content: center;
            align-items: center;
            gap: 16px;
	   }
	   .form-cantidad input{
	        width: 40px;
            /* min-width: min-content; */
            text-align: center;
            border: 0;
            color: #000;
            font-family: Poppins;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px;
	   }

		.form-cantidad input::-webkit-inner-spin-button {	       
			display: none;
		}
	   .form-cantidad button{
	       display: flex;
            width: 32px;
            height: 32px;
            padding: 4px;
            justify-content: center;
            align-items: center;
            flex-shrink: 0;
            border:none;
            border-radius: 4px;
            background: #F0FAFB;
	   }	
	/* terminos */
	.terminos .titulo h1{
	    color: #202020;
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 2rem;
        margin-top:1.5rem;
        margin-bottom:1.5rem;
	}
	.terminos ul{
		color: #202020;
	    list-style-type: initial;
	    padding-left: 2rem;
	    text-align: start;
	}
	.terminos li{
		color :#202020;
	}
	.terminos .titulo h2{
	    text-align:start;
	    margin-top:2rem;
	}
	.terminos .titulo p{
	    text-align: justify;
	}
	/* fin terminos */   
	@media screen and (max-width: 767px) {
	.video{
		/*padding-top: 56.25%;*/
		width:100%;
		
	}
	dialog .btn-cerrar2{
            position: absolute;
            bottom: 0;
            right: 0;
            width: fit-content;
            margin: 0;
            padding: 16px !important;
            border-top-left-radius:1rem;
            border-top-right-radius:0rem;
            border-bottom-left-radius:0rem;
            color: #8c8c8c !important;
        }
	.btn-1{
                flex: 1 0 0;
            }
            .btn-2{
                flex: 1 0 0;
            }
		dialog{
            width:auto;
        }
        .dialog{
            width:auto !important;
        }
        .dialog-full{
            width: 100dvw !important;
            height: 100dvh;
            border-radius: unset !important;
            max-width: 100dvw;
            max-height: 100dvh;
            padding:0px;
            border:none;
        }
		main .container{
    	   padding:0;
    	   margin:0;
    	}
    	main .row{
    	   padding:0;
    	   margin:0;
    	}
    	main .col-12{
    	   padding:0;
    	   margin:0;
    	}
		#home{
			max-height: 600px;
			min-height: auto;
		}
		#home #overlay{
			max-height: 600px;
			background-image: url(../images/bg-mobile.webp);
			background-size: auto 100%;
		}
		#dialogVideo{
			width: 90vw;
			height: fit-content;
		}
		#video{
			height: auto;
			width: 100%;
		}
		#crear .flecha1{
			background-position: 50% 0%;
		}
		#crear .flecha2{
			background-position: 25% 50%;
		    transform: scale(-1);
		    rotate: 270deg;
		}
		#crear .flecha3{
			background-position: 50% 100%;
			
			rotate: 180deg;
		}
		.titulo h2{
			text-align: left;
		}
		.titulo p{
			text-align: left;
		}
		header .navbar-nav{
			gap:0px;
		}
		header .navbar-nav .dropdown{
			margin:0;
			background-color: transparent;
			padding:0px 24px;
			border-bottom: 1px solid #3594A5;
			
		}
		header .navbar-nav .dropdown .dropdown-menu{
			margin-left: -24px;
		    margin-right: -24px;
		    background-color: #daf1f3;
		    border-radius: 0;
		    margin-top:16px;
		}
		header .dropdown .dropdown-menu .dropdown-item {
			padding:20px 24px;
		}
		header .navbar-nav .dropdown .nav-link figure{
			display: flex;
			width: 56px;
			height: 56px;
			padding: 16px;
			justify-content: center;
			align-items: center;
			border-radius: 96px;
			background: #56B3C2;
			margin:0;
			}
		header .dropdown .dropdown-menu .dropdown-item {
			gap:8px;
						
		}	
		header .dropdown .dropdown-menu .dropdown-item span {
			color:#2B535F;
			
			font-family: Poppins;
			font-size: 1rem;
			font-weight: 400;
			line-height: 1.5rem;
			letter-spacing: 0em;
			text-align: left;
		}
		header .navbar-nav .dropdown .nav-link span{	
			color: #202020;
			font-family: Poppins;
			font-size: 1rem;
			font-style: normal;
			font-weight: 700;
			line-height: 1.5rem;	
			margin-right:auto;
		}
		header .navbar-nav .dropdown .nav-link figure img{
			width: 24px;
			height: 24px;
			flex-shrink: 0;
			margin:auto;
		}	
		header .navbar-nav .nav-item{
			padding:20px 24px !important;
		}
		header .navbar-nav .nav-link{
			font-size:1rem;
			font-style: normal;
			font-weight: 400;
			line-height: 1.5rem;
			
			gap:8px;
		}
		header .dropdown .dropdown-menu{
			width:auto;
		}
		header .navbar-nav .dropdown{
			padding: 16px 24px !important;
		}
		header .navbar-nav .dropdown .nav-link{
			display:flex;
			align-items: center;
			gap: 8px;
			flex: 1 0 0;
			
		}
		.menuAbierto .navbar-toggler-icon{
			background-image: url(../images/iconos/x2.svg);
    	}
    	.menuAbierto .active{
			color: #274652;
		}
    	.menuAbierto .navbar-toggler{
			color:#56B3C2;
			min-height: 60px;
		}
		.menuAbierto .navbar-brand{
			color:#56B3C2;
			margin-left:12px;
		}
		.menuAbierto .nav-link{
			color:#274652 ;
			padding:1.25rem 1.5rem;
		}
		.menuAbierto {
	    	background-color:#fff !important; 
	    	color: #56B3C2 !important;
	    	padding-top: 0;
	    }
	    .menuAbierto .container{
			padding-left: 0;
			padding-right: 0;
		}
	    .menuAbierto #navbarNav{
			background-color: rgb(240, 250, 251);
		    height:calc(100vh - 60px);
		    border-top: 1px solid;
		    z-index:3;
		    padding-bottom:1.5rem;
		}
		header .navbar{
			background-color: #56B3C2;
			color:#fff;
			border-bottom: 1px solid #56B3C2;
			height: 64px;
		}
		header .nav-link{
			color:#fff;
			font-size: 1rem;
		}
		header .navbar img{
			vertical-align: sub;
			height: 1.5rem;
			margin-right:0.5rem;
		}
		footer section{
			min-height: 10vh;
		}
		
		/* editar lista */
		#lista{
			padding-left:0px;
			padding-right:0px;
		}
		/* */
		/* login md*/
		#login{
			padding-left:0px;
			padding-right:0px;
		}
		.loginCuadro{
			padding: 0rem 0px;
		}
		.loginCuadro hr{
			color:#F2F2F2;
			border-top: 4px solid #f2f2f2;
		}
		/* fin login md */
		/* registro md */
		#registro{
			padding-left:0;
			padding-right:0;
		}
		.registroCuadro{
			padding: 0rem 0px;
		}
		.registroCuadro hr{
			color:#F2F2F2;
			border-top: 4px solid #f2f2f2;
		}
		.link{
		border-bottom: 1px solid #3594A5;
		}
		/* fin registro md*/
		/* perfil css*/
		#perfil{
			padding-left:0px;
			padding-right:0px;
		}
		/* fin perfil css*/
		/* listas css*/
		#listas{
			padding-left:0px;
			padding-right:0px;
		}
		/* fin listas css*/
		/* listas css*/
		#crearLista{
			padding-left:0px;
			padding-right:0px;
		}
		/* fin listas css*/
		/* listas css */
		.listado{
	       background-color:#F9F9F9;
	   }
	   .listado .d-grid{
	       display: grid !important;
	       margin-left: unset;
            margin-right: unset;
	   }
	   .lista{
	       display: flex;
           flex-direction: column;
           gap: 20px;
	   }
	   .lista_cuadro{
	       width: 100%;
	   }
		/* fin listas css */
		
		/* menu nuevo*/
		.menu-movil{
	       width: 100%;
            padding: 16px 24px;
	   }
		    .navbar>.container{
    	       padding:0px;
    	    }
            .navbar{
                height:64px;
            }
            .navbar-toggler{
                height:32px;
                padding:0;
            }
            .navbar-collapse {
                flex-basis: 100%;
               	background-color: #f0fafb;
                color: #999;
                z-index:10;
                height:calc(100dvh - 60px);
                
            }
            header .navbar {
                background-color: #56B3C2;
                color: #fff;
                transition: all 0.5s ease-in;
            }
            .navbar:has(.show) {
                transition: all 0.5s ease-in;
                background-color: #fff;
                color: #56B3C2;
            }
            .navbar:has(.show) .nav-link {
                color: #000;
            }
            .navbar:has(.show) .navbar-brand{
                color: #56B3C2;
            }
            .navbar:has(.show) .nav-span{
                background-color:#56B3C2;
            }
            .navbar:has(.show) .nav-span:nth-child(1) {
              top: 18px;
              width: 0%;
              left: 50%;
            }
            
            .navbar:has(.show) .nav-span:nth-child(2) {
              -webkit-transform: rotate(45deg);
              -moz-transform: rotate(45deg);
              -o-transform: rotate(45deg);
              transform: rotate(45deg);
            }
            
            .navbar:has(.show) .nav-span:nth-child(3) {
              -webkit-transform: rotate(-45deg);
              -moz-transform: rotate(-45deg);
              -o-transform: rotate(-45deg);
              transform: rotate(-45deg);
            }
            
            .navbar:has(.show) .nav-span:nth-child(4) {
              top: 18px;
              width: 0%;
              left: 50%;
            } 
            .navbar:has(.show) .nav-path{
    	       fill: #56B3C2;
    	   }
    	   
		/* fin menu nuevo*/
		
	}