:root {

	--font-size: 20;
	--line-height: calc( 24 / 20 );
    --color-reicaz:   var(--color-reicaz-template, #DFC94C);
    --color-coapi:   var(--color-coapi-template, #d63637);
	
}

body{
    overflow-x: hidden;
    
}

.backgroudFooter{
	width: 100%;
	  background-color: #000;
	  background-size: cover;
	
	
	} 

    .backgroudFooter a:hover{
		color: #D8DBC1 !important;
	}

	.backgroudFooter a:focus{
		color: #D8DBC1 !important;
	}

	#fedis__movil{
		display:none;
	}
	@media (max-width: 500px){
		#fedis__movil{
			display:block;
		}
	
		#fedis__desktop{
			display: none;
		}
	}

/*escalera*/

div.imagen-escalera {
    max-height: 450px;
    overflow: hidden;
  }

  div.video-coapi {
    max-height: 450px;
    overflow: hidden;
    position: relative;
 
  }
  

  .overlay-text {
    position: absolute;
    top: 50%; /* Ajusta según sea necesario */
    left: 20%; /* Ajusta según sea necesario */
    transform: translate(-50%, -50%);
    z-index: 10; /* Asegura que el texto esté sobre el video */
    
    
  }

  img { max-width : 100%; }
  video{width: 100%;}

  /*enlaces*/
  a:hover {
	color: var(--color-accent);
}

a {
	color: var(--color-accent);
}
	 a:hover,
	 a:focus {
		color: black;
	}




/*Molecules*/

/* *** Molecules *** */

.c-eidas-advise {
	width: min( 100%, 300px );
	line-height: var(--space-20);
}
	.c-eidas-advise__logo {
		display: block;
		width: 32px;
		height: auto;
	}

    .iconos-coloriuris{
        height: 60px;
        width: auto;
    }
ol.c-list-numbered {
	--bullet-width: clamp( 40px, 4vw, 60px );
	--list-numbered-padding: clamp( 60px, 6vw, 100px );
	--line-width: 4px;

	list-style: none;
	padding-left: var(--list-numbered-padding);
	counter-reset: my-counter;

}
	.c-list-numbered li {
		counter-increment: my-counter;
		position: relative;
		margin-top: clamp( 10px, 2vw, 20px );
		max-width: 40ch;
	}
	.c-list-numbered li::before {
		content: counter(my-counter);
		position: absolute;
		width: var(--bullet-width);
		height: var(--bullet-width);
		background-color: var(--color-white);
		color: var(--color-accent);
		margin-left: calc( -1 * var(--list-numbered-padding) );
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 100%;
		font-size: clamp( 1rem, 2vw, 2rem );
		font-weight: bold;
		top: calc( -1 * clamp( 10px, 2vw, 20px ) );
		z-index: 20;

	}
	.c-list-numbered li:not(:last-child)::after {
		content: "";
		position: absolute;
		width: 4px;
		height: 100%;
		background-color: var(--color-white);
		top: clamp( 20px, 2vw, 30px );
		margin-left: calc( -1 * var(--list-numbered-padding) + ( var(--bullet-width) / 2 ) - ( var(--line-width) / 2 ) );
		z-index: 10;
	}

/**/


/*Header*/
.c-header_convenios {
	display: grid;
	padding-top: var(--space-20);
	padding-bottom: var(--space-20);
	grid-template-columns: 1fr 1fr;
}

    .c-header__logo_reicaz,
    .c-header__logo_coitt,
    .c-header__logo_coapi{
        height: 90px;
        margin-left: 15px;
    }
  
	.c-header__nav {
		justify-self: right;
		display: flex;
		justify-content: space-between;
		align-items: center;
		justify-content: flex-end;
		gap: 28px;
	}


	@media ( min-width: 500px ) {
		.c-header__nav {
			gap: 40px;
		}
	}
	@media ( min-width: 500px ) {
		.c-header__nav__user {
			display: none;
		}
	}

	.c-header__menu-button {
		display: inline-block;
		border: 0;
		padding: 0;
		margin: 0;
		background-color: transparent;
	}
	.c-header__nav > ul {
		display: none;
	}

	.js-menu-toggle[aria-expanded=true] + .js-menu-modal{
		display: flex;
	}
	.js-menu-toggle[aria-expanded=false] + .js-menu-modal {
		opacity: 0;
	}
	.js-menu-toggle[aria-expanded=true] > .js-menu-close,
	.js-menu-toggle[aria-expanded=false] > .js-menu-hamburguer {
		display: flex;
	}
	.js-menu-toggle[aria-expanded=false] > .js-menu-close,
	.js-menu-toggle[aria-expanded=true] > .js-menu-hamburguer {
		display:none;
	}
	

	.c-header__nav--open > ul {
		display: flex;
	}
	
	@media ( max-width: 500px ) {
		.c-header__nav__login {
			display: none;
		}
	}
	@media ( max-width: 800px ) {
		.c-header__nav__language {
			display: none;
		}
	}
	@media ( max-width: 1000px ) {
		.c-header__nav__contact {
			display: none;
		}
	}

    .c-menu-modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: #cccccc;
        display: flex;
        list-style: none;
        padding: 10vh 0;
        margin: 0;
        z-index: 50;
        overflow: hidden;
        justify-content:space-evenly;
        flex-direction: column;
    }
        .c-menu-modal li {
            margin-inline: auto;
            align-content: space-around;
        }
    .c-header__menu-button {
        z-index: 60;
        display: fixed;
        position: relative;
        cursor: pointer;
    }
        .c-header__menu-button__close {
            position: fixed;
            right: 40px;
        }
    .js-body--modal {
        /*height: 100vw;*/
        overflow: hidden;
    }
    
    
    
    
    
    .c-hero {
        display: grid;
        grid-template-columns: 1fr;
    }
        .c-hero__logo img {
            height: clamp( 50px, 6vw, 60px );
        }
    
        .c-hero__subproduct {
            background-color: transparent;
            color: var(--color-accent);
            font-weight: normal;
            padding: 4px 8px;
            width: fit-content;
            font-size: calc(1rem * 12 / 16);
            border: 1px solid var(--color-accent);
        }
    @media ( min-width: 600px ) {
        .c-hero__subproduct {
            font-size: 1rem;
            padding: 6px 12px;
        }
    }
    
        .c-hero__eidas {
            max-height: 80px;
            order: 1;
            justify-self: center;
        }
    
        .c-hero__intro {
            align-self: center;
        }
            .c-hero__intro__title {
                max-width: 25ch;
            }
    
            .c-hero__intro__appstoreslogo {
                height: clamp( 36px, 8vw, 50px);
            }
    
        .c-hero__clients {
            --gap-clients-logos: clamp( 30px, 8vw, 100px );
            gap: var(--gap-clients-logos);
            display: grid;
            list-style: none;
            padding-left: 0;
            grid-template-columns: repeat(auto-fit, minmax(90px,1fr));
        }
            .c-hero__clients > li > img {
                width: 100%;
            }
    
        @media ( min-width: 600px ) {
            .c-hero {
                grid-template-columns: repeat( auto-fit, minmax(min(50vw,580px), 1fr) );
            }
                .c-hero__eidas {
                    order: initial;
                    justify-self: end;
                }
                .c-hero__clients {
                    grid-column-start: 1;
                    grid-column-end: 3;
                }
        }
    
    
    
    
    
    .c-steps {
        display: grid;
        gap: var(--space-20);
        grid-template-columns: repeat( auto-fit, minmax(min(50vw,580px), 1fr) );
    }
        .c-steps__image {
            width: clamp( 300px, 80vw, 700px );
            margin-top: max( calc( -4vw + 20px), -40px );
            justify-self: end;	
            margin-right: max( -5vw, -40px );	
        }
    
        .c-steps__video {
            max-width: 100%;
            width: 100%;
            margin-top: 40px;
        }
    
    @media ( min-width: 1000px ) {
        .c-steps  { 
            grid-template-columns: minmax(40%, 1fr) fit-content(700px);
        }
    }
    @media ( min-width: 1500px ) {
        .c-steps__video {
            margin-left: 40px;
        }
    }
    
    
    
    
    
    
    
    .c-table-compare {
        width: 100%;
        border-spacing: 0;
        padding-left: clamp( calc( 1rem * 10 / var(--font-size) ),  5vw ,calc( 1rem *  60 / var(--font-size) ) );
        padding-right: clamp( calc( 1rem * 10 / var(--font-size) ),  5vw ,calc( 1rem *  60 / var(--font-size) ) );
        table-layout: fixed;
        display: block;
        overflow-x: auto;
        font-size: clamp( calc( 1rem * 12 / var(--font-size) ), 3vw, calc( 1rem * 20 / var(--font-size) ) );
    }
    @media ( max-width: 800px ) {
        .c-table-compare {
            width: calc( 100vw - 20px );
            border-top-right-radius: 0 !important;
            border-bottom-right-radius: 0 !important;
        }
    }
    
    
    
    .c-table-compare thead,
    .c-table-compare tbody {
        display: table;
        width: 100%;
        min-width: 480px;
    }
    
        .c-table-compare td, 
        .c-table-compare th{
            text-align: center;
            vertical-align: center;
            height: 80px;
            word-wrap: break-word;
            white-space: normal;
            padding: 8px;
        
        }
        .c-table-compare th[scope="row"] {
            padding-left: 0;
        }
    
        .c-table-compare img {
            display: inline-block;
        }
    
        .c-table-compare > thead > tr > th:not(:empty),
        .c-table-compare > tbody > tr > :not(th) {
            width: clamp( 120px, 16vw, 240px );
        }
    
        .c-table-compare thead th {
            height: 120px;
        }
    
        .c-table-compare tbody th {
            text-align: left;
        }
    
        .c-table-compare > * > tr > *:first-child {
            width: clamp( 130px, 35vw ,100% );
    
        }
    
        .c-table-compare tbody > tr > * {
            border-top: 1px solid var(--color-grey-600);
        }
    
        .c-table-compare tbody > tr:last-child > * {
            padding-bottom: 80px;
            height: 160px;
        }
    
        .c-table-compare__logo {
            width: clamp( 80px, 20vw, 193px );
        }
    
        .c-table-compare img[src$="ok.svg"] {
            filter: grayscale(100%) brightness(0);
        }
        .c-table-compare img[src$="no.svg"] {
            filter: grayscale(100%) brightness(1.5);
        }
    
        /*.c-table-compare th[scope="col"]:first-child,
        .c-table-compare th[scope="row"] {
            max-width: 30vw !important;
        }*/
    
    
    
    
    .c-eidas {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: var(--gap-20);
    }
    @media ( min-width: 600px ) {
        .c-eidas {
            grid-template-columns: 
                calc( 100% * 3 / 8 - 10px ) 
                calc( 100% * 5 / 8 - 10px );
        }
    }
    
    .c-eidas__logo {
        display: inline-block;
        justify-self: start;
        width: clamp( 80px, 26vw, 260px );
        aspect-ratio: 260/300;
        position: relative;
    }
        .c-eidas__logo::before,
        
        .c-eidas__logo::before {
            width: calc( 100% * 180 / 260 );
            top: 0;
            left: 0;
        }
    
       
        .c-eidas__logo img {
            position: absolute;
            width: calc( 100% * 120 / 260 );
            bottom: clamp( 20px, 4vw, 40px );
            right: clamp( 15px, 3vw, 30px );
        }
    
    .c-eidas__content {
        align-self: center;
    }
    
    .c-products__item {
        border-width: 2px 8px 8px 2px;
        border-style: solid;
    }
        .c-products__description {
            max-width: 24ch;
        }
    
    
    
    @media ( min-width: 760px ) {
        .c-description {
            columns: 2;
            column-gap: 40px;
        }
        .c-description > * {
            break-inside: avoid;
        }
    }
    
    
    
    
    
    
    .c-about {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
        .c-about__img { display: none;
            width: clamp(0px, 80%, 820px);
        }
            .c-about__img img {
                height: 100%;
                object-fit: cover;
            }
        .c-about__video {
            margin: 0;
            position: relative;
            align-self: center;
            z-index: 60;
            width: min( 100%, 400px );
        }
            .c-about__video__play {
                position: absolute;
                right: 10px;
                bottom: 10px;
                width: 60px;
                height: 60px;
                border: 0;
                background-color: transparent;
                cursor: pointer;
            }
            .c-about__video__play svg .play-button {
                fill: #FFFFFF;
            }
            .c-about__video:hover .c-about__video__play svg .play-button {
                fill: var(--color-accent);
            }
        .c-about__cite {
    
            height: auto;
            align-self: center;
            font-style: normal;
        }
        .c-about__clients ul {
            --gap-clients-logos: clamp( 50px, 6vw, 100px );
            grid-column-gap: var(--gap-clients-logos);
            grid-row-gap: 20px;
            display: grid;
            list-style: none;
            padding-left: 0;
            grid-template-columns: repeat(auto-fit, minmax(80px,1fr));
        }
            .c-about__clients > li > img {
                width: 100%;
            }
    
        @media ( min-width: 600px ) {
            .c-about {
                grid-template-columns: 1fr 1fr;
            }
            .c-about__clients {
                grid-column: 1 / -1;
                margin-top: 80px;
                margin-inline: auto;
                max-width: 640px;
            }
        }
        
        @media (min-width: 1000px ) {
            .c-about {
                grid-template-columns: 1fr 1fr 1fr;
            }
            .c-about__img {
                display: block;
                grid-column: 1 / 3;
                grid-row: 2 / 3;
            }
            .c-about__video {
                grid-column: 2 / 3;
                grid-row: 2 / 3;
                width: min( 100%, 340px );
                border: 4px solid var(--color-grey-800);
                justify-self: end;
            }
            .c-about__cite {
                grid-column: 3 / 4;
                grid-row: 2 / 3;
            }
        }
    
    
    .c-modal-video {
        width: 100vw;
        height: 100vh;
        background-color: black;
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
    }
        .c-modal-video__close-button {
            position: absolute;
            top: clamp( 8px, 2vw, 20px);
            right: clamp( 8px, 2vw, 20px);
            z-index: 10;
            padding: 0;
            background-color: transparent;
            border: 0;
        }
            .c-modal-video__close-button img {
                background-color: white;
                padding: clamp( 4px, 2vw, 10px);;
                border-radius: 50%;		
            }
        .c-modal-video__close-button:hover img {
            background-color: var(--color-accent);
            cursor: pointer;
        }
        .c-modal-video__video {
            width: 100%;
            height: 100%;
            aspect-ratio: 16/9;
        }
    
    
    
    
    
    .js-video-open[aria-expanded=true] ~ .js-video-modal {
        display: flex;
    }
    .js-video-modal,
    .js-video-open[aria-expanded=false] ~ .js-video-modal {
        display: none;
    }
    
    
    
    
        
    .c-footer {
        position: relative;
        margin-top: 100px;
    }
    .c-footer::before {
        content: "";
        display: block;
        position: absolute;
        width: 100vw;
        height: 100%;
        background-color: var(--color-white);
        left: calc( -50vw + 50% );
        top: 0;
        z-index: -1;
    }
    
        
        .c-footer__servicios ul {
            display: grid;
            grid-template-columns: repeat( auto-fit, minmax( 220px, 1fr ) );
            grid-gap: var(--gap-40);
        }
        .c-footer__servicios img {
            height: 50px;
        }
        .c-footer__logos {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            /*grid-template-columns: repeat( auto-fit, minmax( 120px, 1fr ) );*/
            grid-gap: var(--gap-10);
            width: 100%;
            max-width: 500px;
            margin-inline: auto;
        }
            .c-footer__logos li {
                margin: 0;
                text-align: center;
            }
            .c-footer__logos img {
                width: 90%;
                filter: grayscale(1);
            }
                .c-footer__logos img:hover {
                    filter: initial;
                }
    
    @media ( min-width: 500px ) {
        .c-footer {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: var(--gap-20);
        }
        .c-footer__servicios {
            grid-column: span 2;
        }
            .c-footer__servicios img {
                height: 26px;
            }
        .c-footer__logos {
            grid-column: 1/-1;
        }
    }
    
    @media ( min-width: 992px ) {
        .c-footer {
            grid-template-columns: repeat( 12, 1fr );
        }
        .c-footer__servicios {
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        }
        .c-footer__sobre-coloriuris,
        .c-footer__contactar {
            grid-column: span 3;
        }
        .c-footer__logos {
            align-self: start;
            grid-column: span 6;
            max-width: initial;
            grid-gap: var(--gap-40);
            margin-top: 0;
        }
    }
    
    
    .u-wrapper_convenios {
        /* width: clamp( 280px, 88%, 1420px ); */
        /*width: min( 100% - 2 * 20px, var(--width-12col) );*/
        /*width: min( 100% * 280 / 320, var(--width-12col) );*/
        margin-inline: auto;
        width: 95%;
    }

   
    
    @media ( max-width: 600px ) {
        .u-hide--mobile  { display: none; }
    }
    @media ( min-width: 600px ) {
        .u-hide--desktop { display: none; }
    }
    
    .u-grid-expand-all {
        grid-column: 1/-1;
    }
    
    
    .u-visually-hidden {
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
    
    
    .u-border-top {
        border-top: 1px solid black;
    }
    
    
    
    
    
    .u-decoration--left,
    .u-decoration--right {
        position: relative;
    }
        .u-decoration--left::after,
        .u-decoration--right::after {
            content: "";
            display: block;
            position: absolute;
            height: var(--space-20);
            background-color: var(--color-accent);
            width: clamp( 200px, 34vw, var(--width-3col) );
            bottom: calc( -1 * var(--space-20) );
            border-radius: 0px 0px var(--space-20) var(--space-20);
        }
    
        .u-decoration--left::after {
            left: clamp( 40px, 12vw, 120px );
        }
    
        .u-decoration--right::after {
            right: clamp( 40px, 12vw, 120px );
        }
    
    .u-wrapper_convenios--background { position: relative; z-index: 0; }
    .u-wrapper_convenios--background::before {
        display: block;
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        left: calc( -1 * ( 50vw - 50% ) );
        background-color: inherit;
        width: 100vw;
        z-index: -1;
    }
    
    
    .u-title-line::after {
        content: "";
        display: block;
        width: 40px;
        height: 2px;
        background-color: var(--color-accent);
        margin-top: 12px;
    }
        .u-title-line--grey::after {
            background-color: var(--color-grey-600);
        }
    
    
    .u-2-columns,
    .u-3-columns,
    .u-4-columns {
        display: grid;
        grid-template-columns: 1fr;
    }
    
    @media ( min-width: 600px ) {
        .u-2-columns,
        .u-3-columns,
        .u-4-columns {
            grid-template-columns: 1fr 1fr;
        }
    }
    @media ( min-width: 1400px ) {
        .u-3-columns {	grid-template-columns: 1fr 1fr 1fr; }
        .u-4-columns {	grid-template-columns: 1fr 1fr 1fr 1fr; }
    }

    .t-display\:none { display: none; }
.t-display\:inline { display: inline; }
.t-display\:block { display: block; }
.t-display\:inline-block { display: inline-block; }
.t-display\:flex { display: flex; }
.t-display\:grid { display: grid; }
.t-display\:fixed { display: fixed; }
.t-display\:sticky { display: sticky; }


.t-color\:color-accent 		{ 	color: var(--color-accent); }
.t-color\:color-reicaz      {   color: var(--color-reicaz); }
.t-color\:color-white 		{ 	color: var(--color-white); }
.t-color\:color-black 		{ 	color: var(--color-black); }
.t-color\:color-grey-200 	{ 	color: var(--color-grey-200); }
.t-color\:color-grey-400 	{ 	color: var(--color-grey-400); }
.t-color\:color-grey-600 	{ 	color: var(--color-grey-600); }
.t-color\:color-grey-800 	{ 	color: var(--color-grey-800); }

.t-background-color\:transparent	{ 	background-color: transparent; }
.t-background-color\:color-accent 	{ 	background-color: var(--color-accent); }
.t-background-color\:color-reicaz 	{ 	background-color: var(--color-reicaz); }
.t-background-color\:color-white 	{ 	background-color: var(--color-white); }
.t-background-color\:color-black 	{ 	background-color: var(--color-black); }
.t-background-color\:color-grey-200 { 	background-color: var(--color-grey-200); }
.t-background-color\:color-grey-400 { 	background-color: var(--color-grey-400); }
.t-background-color\:color-grey-600 { 	background-color: var(--color-grey-600); }
.t-background-color\:color-grey-800 { 	background-color: var(--color-grey-800); }
.t-background-color\:color-grey-900 { 	background-color: var(--color-grey-900); }

.t-border-style\:solid { 			border-style: solid; }
.t-border-width\:1 { 				border-width: 1px; }
.t-border-width\:4 { 				border-width: 4px; }
.t-border-color\:color-accent { 	border-color: var(--color-accent); }
.t-border-color\:color-reicaz { 	border-color: var(--color-reicaz); }
.t-border-color\:color-grey-600 { 	border-color: var(--color-grey-600); }
.t-border-color\:color-grey-800 { 	border-color: var(--color-grey-800); }
.t-border-radius\:20 { 				border-radius: var(--space-20); }
.t-border-radius\:8 { 				border-radius: 8px; }


.t-gap\:0 {  				gap: 0; }
.t-gap\:10 { 				gap: var(--space-10); }
.t-gap\:20 { 				gap: var(--space-20); }
.t-gap\:40 { 				gap: var(--space-40); }
.t-grid-gap\:0 {  			grid-gap: 0; }
.t-grid-gap\:10 { 			grid-gap: var(--space-10); }
.t-grid-gap\:20 { 			grid-gap: var(--space-20); }
.t-grid-gap\:40 { 			grid-gap: var(--space-40); }
.t-grid-row-gap\:0 {  		grid-row-gap: 0; }
.t-grid-row-gap\:10 { 		grid-row-gap: var(--space-10); }
.t-grid-row-gap\:20 { 		grid-row-gap: var(--space-20); }
.t-grid-row-gap\:40 { 		grid-row-gap: var(--space-40); }
.t-grid-column-gap\:0 {  	grid-column-gap: 0; }
.t-grid-column-gap\:10 { 	grid-column-gap: var(--space-10); }
.t-grid-column-gap\:20 { 	grid-column-gap: var(--space-20); }
.t-grid-column-gap\:40 { 	grid-column-gap: var(--space-40); }
.t-grid-column\:1\/3 {		grid-column: 1 / 3; }

.t-margin\:0 {  			margin: 0; }
.t-margin\:10 { 			margin: var(--space-10); }
.t-margin\:20 { 			margin: var(--space-20); }
.t-margin\:40 { 			margin: var(--space-40); }
.t-margin-inline\:auto { 	margin-inline: auto; }
.t-margin-inline\:0 { 		margin-inline: 0; }
.t-margin-inline\:10 { 		margin-inline: var(--space-10); }
.t-margin-inline\:20 { 		margin-inline: var(--space-20); }
.t-margin-inline\:40 { 		margin-inline: var(--space-40); }
.t-margin-top\:0 {  		margin-top: 0; }
.t-margin-top\:10 { 		margin-top: var(--space-10); }
.t-margin-top\:20 { 		margin-top: var(--space-20); }
.t-margin-top\:40 { 		margin-top: var(--space-40); }
.t-margin-top\:80 { 		margin-top: var(--space-80); }
.t-margin-top\:120 { 		margin-top: var(--space-120); }
.t-margin-top\:160 { 		margin-top: var(--space-160); }
.t-margin-bottom\:0 { 		margin-bottom: 0; }
.t-margin-bottom\:10 { 		margin-bottom: var(--space-10); }
.t-margin-bottom\:20 { 		margin-bottom: var(--space-20); }
.t-margin-bottom\:40 { 		margin-bottom: var(--space-40); }
.t-margin-bottom\:80 { 		margin-bottom: var(--space-80); }
.t-margin-left\:0 {  		margin-left: 0; }
.t-margin-left\:10 { 		margin-left: var(--space-10); }
.t-margin-left\:20 { 		margin-left: var(--space-20); }
.t-margin-left\:40 { 		margin-left: var(--space-40); }
.t-margin-right\:0 { 		margin-right: 0; }
.t-margin-right\:10 { 		margin-right: var(--space-10); }
.t-margin-right\:20 { 		margin-right: var(--space-20); }
.t-margin-right\:40 { 		margin-right: var(--space-40); }

@media ( min-width: 1024px ) {
	.t-laptop\:margin-top\:0 { margin-top: 0; }
}


.t-padding\:0 {  			padding: 0; }
.t-padding\:10 { 			padding: var(--space-10); }
.t-padding\:20 { 			padding: var(--space-20); }
.t-padding\:40 { 			padding: var(--space-40); }
.t-padding-inline\:0 { 		padding-inline: 0; }
.t-padding-inline\:10 { 	padding-inline: var(--space-10); }
.t-padding-inline\:20 { 	padding-inline: var(--space-20); }
.t-padding-inline\:40 { 	padding-inline: var(--space-40); }
.t-padding-top\:0 {  		padding-top: 0; }
.t-padding-top\:10 { 		padding-top: var(--space-10); }
.t-padding-top\:20 { 		padding-top: var(--space-20); }
.t-padding-top\:40 { 		padding-top: var(--space-40); }
.t-padding-top\:80 { 		padding-top: var(--space-80); }
.t-padding-top\:120 { 		padding-top: var(--space-120); }
.t-padding-top\:160 { 		padding-top: var(--space-160); }
.t-padding-bottom\:0 { 		padding-bottom: 0; }
.t-padding-bottom\:10 { 	padding-bottom: var(--space-10); }
.t-padding-bottom\:20 { 	padding-bottom: var(--space-20); }
.t-padding-bottom\:40 { 	padding-bottom: var(--space-40); }
.t-padding-bottom\:80 { 	padding-bottom: var(--space-80); }
.t-padding-bottom\:120 { 	padding-bottom: var(--space-120); }
.t-padding-bottom\:160 { 	padding-bottom: var(--space-160); }
.t-padding-left\:0 {  		padding-left: 0; }
.t-padding-left\:10 { 		padding-left: var(--space-10); }
.t-padding-left\:20 { 		padding-left: var(--space-20); }
.t-padding-left\:40 { 		padding-left: var(--space-40); }
.t-padding-right\:0 { 		padding-right: 0; }
.t-padding-right\:10 { 		padding-right: var(--space-10); }
.t-padding-right\:20 { 		padding-right: var(--space-20); }
.t-padding-right\:40 { 		padding-right: var(--space-40); }

.t-text-decoration\:none { text-decoration: none; }
.t-text-decoration\:underline { text-decoration: underline; }
.t-hover\:text-decoration\:underline:hover { text-decoration: underline; }
.t-font-style\:normal { font-style: normal; }

.t-max-width\:1col { max-width: var(--width-1col); }
.t-max-width\:2col { max-width: var(--width-2col); }
.t-max-width\:3col { max-width: var(--width-3col); }
.t-max-width\:4col { max-width: var(--width-4col); }
.t-max-width\:5col { max-width: var(--width-5col); }
.t-max-width\:6col { max-width: var(--width-6col); }
.t-max-width\:8col { max-width: var(--width-8col); }
.t-max-width\:10col { max-width: var(--width-10col); }
.t-max-width\:12col { max-width: var(--width-12col); }
.t-max-width\:60\% { max-width: 60%; }
.t-max-width\:80\% { max-width: 80%; }
.t-max-width\:100\% { max-width: 100%; }



.t-min-height\:100 { min-height: 100px; }


.t-font-weight\:bold { font-weight: bold; }
.t-font-weight\:regular { font-weight: normal; }

.t-font-family\:font-serif { font-family: var(--font-serif); }
.t-font-family\:font-sans-serif { font-family: var(--font-sans-serif); }

.t-font-size\:h1 { font-size: var(--text-h1); }
.t-font-size\:h2 { font-size: var(--text-h2); }
.t-font-size\:xl { font-size: var(--text-xl); }
.t-font-size\:default { font-size: var(--text-default); }
.t-font-size\:s { font-size: var(--text-s); }
.t-font-size\:xs { font-size: var(--text-xs); }

.t-font-weight\:100 { font-weight: 100; }
.t-font-weight\:200 { font-weight: 200; }
.t-font-weight\:300 { font-weight: 300; }
.t-font-weight\:400 { font-weight: 400; }
.t-font-weight\:500 { font-weight: 500; }
.t-font-weight\:600 { font-weight: 600; }
.t-font-weight\:700 { font-weight: 700; }
.t-font-weight\:800 { font-weight: 800; }
.t-font-weight\:900 { font-weight: 900; }

.t-justify-self\:center { justify-self: center; }

.t-text-align\:center { text-align: center; }

.t-align-self\:start { align-self: start; }
.t-align-self\:center { align-self: center; }
.t-align-self\:end { align-self: end; }

.t-columns\:1 { columns: 1; }
.t-columns\:2 { columns: 2; }


.t-list-style\:none { list-style:none; }

.t-mix-blend-mode\:multiply { mix-blend-mode: multiply; }

.t-opacity\:0 { 	opacity: 0; }
.t-opacity\:10\% { 	opacity: 10%; }
.t-opacity\:25\% { 	opacity: 25%; }
.t-opacity\:50\% { 	opacity: 50%; }
.t-opacity\:75\% { 	opacity: 75%; }
.t-opacity\:90\% { 	opacity: 90%; }
.t-opacity\:1 { 	opacity: 1; }

.t-filter\:grayscale { filter: grayscale(100%); }

.t-width\:100\% { width: 100%; } 

.t-height\:100\% { height: 100%; }

.t-height\:40 { height: 40px; }

/*tokens*/

.t-display\:none { display: none; }
.t-display\:inline { display: inline; }
.t-display\:block { display: block; }
.t-display\:inline-block { display: inline-block; }
.t-display\:flex { display: flex; }
.t-display\:grid { display: grid; }
.t-display\:fixed { display: fixed; }
.t-display\:sticky { display: sticky; }


.t-color\:color-accent 		{ 	color: var(--color-accent); }
.t-color\:color-reicaz 		{ 	color: var(--color-reicaz); }
.t-color\:color-white 		{ 	color: var(--color-white); }
.t-color\:color-black 		{ 	color: var(--color-black); }
.t-color\:color-grey-200 	{ 	color: var(--color-grey-200); }
.t-color\:color-grey-400 	{ 	color: var(--color-grey-400); }
.t-color\:color-grey-600 	{ 	color: var(--color-grey-600); }
.t-color\:color-grey-800 	{ 	color: var(--color-grey-800); }

.t-background-color\:transparent	{ 	background-color: transparent; }
.t-background-color\:color-accent 	{ 	background-color: var(--color-accent); }
.t-background-color\:color-reicaz 	{ 	background-color: var(--color-reicaz); }
.t-background-color\:color-white 	{ 	background-color: var(--color-white); }
.t-background-color\:color-black 	{ 	background-color: var(--color-black); }
.t-background-color\:color-grey-200 { 	background-color: var(--color-grey-200); }
.t-background-color\:color-grey-400 { 	background-color: var(--color-grey-400); }
.t-background-color\:color-grey-600 { 	background-color: var(--color-grey-600); }
.t-background-color\:color-grey-800 { 	background-color: var(--color-grey-800); }
.t-background-color\:color-grey-900 { 	background-color: var(--color-grey-900); }

.t-border-style\:solid { 			border-style: solid; }
.t-border-width\:1 { 				border-width: 1px; }
.t-border-width\:4 { 				border-width: 4px; }
.t-border-color\:color-accent { 	border-color: var(--color-accent); }
.t-border-color\:color-reicaz { 	border-color: var(--color-reicaz); }
.t-border-color\:color-grey-600 { 	border-color: var(--color-grey-600); }
.t-border-color\:color-grey-800 { 	border-color: var(--color-grey-800); }
.t-border-radius\:20 { 				border-radius: var(--space-20); }
.t-border-radius\:8 { 				border-radius: 8px; }


.t-gap\:0 {  				gap: 0; }
.t-gap\:10 { 				gap: var(--space-10); }
.t-gap\:20 { 				gap: var(--space-20); }
.t-gap\:40 { 				gap: var(--space-40); }
.t-grid-gap\:0 {  			grid-gap: 0; }
.t-grid-gap\:10 { 			grid-gap: var(--space-10); }
.t-grid-gap\:20 { 			grid-gap: var(--space-20); }
.t-grid-gap\:40 { 			grid-gap: var(--space-40); }
.t-grid-row-gap\:0 {  		grid-row-gap: 0; }
.t-grid-row-gap\:10 { 		grid-row-gap: var(--space-10); }
.t-grid-row-gap\:20 { 		grid-row-gap: var(--space-20); }
.t-grid-row-gap\:40 { 		grid-row-gap: var(--space-40); }
.t-grid-column-gap\:0 {  	grid-column-gap: 0; }
.t-grid-column-gap\:10 { 	grid-column-gap: var(--space-10); }
.t-grid-column-gap\:20 { 	grid-column-gap: var(--space-20); }
.t-grid-column-gap\:40 { 	grid-column-gap: var(--space-40); }
.t-grid-column\:1\/3 {		grid-column: 1 / 3; }

.t-margin\:0 {  			margin: 0; }
.t-margin\:10 { 			margin: var(--space-10); }
.t-margin\:20 { 			margin: var(--space-20); }
.t-margin\:40 { 			margin: var(--space-40); }
.t-margin-inline\:auto { 	margin-inline: auto; }
.t-margin-inline\:0 { 		margin-inline: 0; }
.t-margin-inline\:10 { 		margin-inline: var(--space-10); }
.t-margin-inline\:20 { 		margin-inline: var(--space-20); }
.t-margin-inline\:40 { 		margin-inline: var(--space-40); }
.t-margin-top\:0 {  		margin-top: 0; }
.t-margin-top\:10 { 		margin-top: var(--space-10); }
.t-margin-top\:20 { 		margin-top: var(--space-20); }
.t-margin-top\:40 { 		margin-top: var(--space-40); }
.t-margin-top\:80 { 		margin-top: var(--space-80); }
.t-margin-top\:120 { 		margin-top: var(--space-120); }
.t-margin-top\:160 { 		margin-top: var(--space-160); }
.t-margin-bottom\:0 { 		margin-bottom: 0; }
.t-margin-bottom\:10 { 		margin-bottom: var(--space-10); }
.t-margin-bottom\:20 { 		margin-bottom: var(--space-20); }
.t-margin-bottom\:40 { 		margin-bottom: var(--space-40); }
.t-margin-bottom\:80 { 		margin-bottom: var(--space-80); }
.t-margin-left\:0 {  		margin-left: 0; }
.t-margin-left\:10 { 		margin-left: var(--space-10); }
.t-margin-left\:20 { 		margin-left: var(--space-20); }
.t-margin-left\:40 { 		margin-left: var(--space-40); }
.t-margin-right\:0 { 		margin-right: 0; }
.t-margin-right\:10 { 		margin-right: var(--space-10); }
.t-margin-right\:20 { 		margin-right: var(--space-20); }
.t-margin-right\:40 { 		margin-right: var(--space-40); }

@media ( min-width: 1024px ) {
	.t-laptop\:margin-top\:0 { margin-top: 0; }
}


.t-padding\:0 {  			padding: 0; }
.t-padding\:10 { 			padding: var(--space-10); }
.t-padding\:20 { 			padding: var(--space-20); }
.t-padding\:40 { 			padding: var(--space-40); }
.t-padding-inline\:0 { 		padding-inline: 0; }
.t-padding-inline\:10 { 	padding-inline: var(--space-10); }
.t-padding-inline\:20 { 	padding-inline: var(--space-20); }
.t-padding-inline\:40 { 	padding-inline: var(--space-40); }
.t-padding-top\:0 {  		padding-top: 0; }
.t-padding-top\:10 { 		padding-top: var(--space-10); }
.t-padding-top\:20 { 		padding-top: var(--space-20); }
.t-padding-top\:40 { 		padding-top: var(--space-40); }
.t-padding-top\:80 { 		padding-top: var(--space-80); }
.t-padding-top\:120 { 		padding-top: var(--space-120); }
.t-padding-top\:160 { 		padding-top: var(--space-160); }
.t-padding-bottom\:0 { 		padding-bottom: 0; }
.t-padding-bottom\:10 { 	padding-bottom: var(--space-10); }
.t-padding-bottom\:20 { 	padding-bottom: var(--space-20); }
.t-padding-bottom\:40 { 	padding-bottom: var(--space-40); }
.t-padding-bottom\:80 { 	padding-bottom: var(--space-80); }
.t-padding-bottom\:120 { 	padding-bottom: var(--space-120); }
.t-padding-bottom\:160 { 	padding-bottom: var(--space-160); }
.t-padding-left\:0 {  		padding-left: 0; }
.t-padding-left\:10 { 		padding-left: var(--space-10); }
.t-padding-left\:20 { 		padding-left: var(--space-20); }
.t-padding-left\:40 { 		padding-left: var(--space-40); }
.t-padding-right\:0 { 		padding-right: 0; }
.t-padding-right\:10 { 		padding-right: var(--space-10); }
.t-padding-right\:20 { 		padding-right: var(--space-20); }
.t-padding-right\:40 { 		padding-right: var(--space-40); }

.t-text-decoration\:none { text-decoration: none; }
.t-text-decoration\:underline { text-decoration: underline; }
.t-hover\:text-decoration\:underline:hover { text-decoration: underline; }
.t-font-style\:normal { font-style: normal; }

.t-max-width\:1col { max-width: var(--width-1col); }
.t-max-width\:2col { max-width: var(--width-2col); }
.t-max-width\:3col { max-width: var(--width-3col); }
.t-max-width\:4col { max-width: var(--width-4col); }
.t-max-width\:5col { max-width: var(--width-5col); }
.t-max-width\:6col { max-width: var(--width-6col); }
.t-max-width\:8col { max-width: var(--width-8col); }
.t-max-width\:10col { max-width: var(--width-10col); }
.t-max-width\:12col { max-width: var(--width-12col); }
.t-max-width\:60\% { max-width: 60%; }
.t-max-width\:80\% { max-width: 80%; }
.t-max-width\:100\% { max-width: 100%; }



.t-min-height\:100 { min-height: 100px; }


.t-font-weight\:bold { font-weight: bold; }
.t-font-weight\:regular { font-weight: normal; }

.t-font-family\:font-serif { font-family: var(--font-serif); }
.t-font-family\:font-sans-serif { font-family: var(--font-sans-serif); }

.t-font-size\:h1 { font-size: var(--text-h1); }
.t-font-size\:h2 { font-size: var(--text-h2); }
.t-font-size\:xl { font-size: var(--text-xl); }
.t-font-size\:default { font-size: var(--text-default); }
.t-font-size\:s { font-size: var(--text-s); }
.t-font-size\:xs { font-size: var(--text-xs); }

.t-font-weight\:100 { font-weight: 100; }
.t-font-weight\:200 { font-weight: 200; }
.t-font-weight\:300 { font-weight: 300; }
.t-font-weight\:400 { font-weight: 400; }
.t-font-weight\:500 { font-weight: 500; }
.t-font-weight\:600 { font-weight: 600; }
.t-font-weight\:700 { font-weight: 700; }
.t-font-weight\:800 { font-weight: 800; }
.t-font-weight\:900 { font-weight: 900; }

.t-justify-self\:center { justify-self: center; }

.t-text-align\:center { text-align: center; }

.t-align-self\:start { align-self: start; }
.t-align-self\:center { align-self: center; }
.t-align-self\:end { align-self: end; }

.t-columns\:1 { columns: 1; }
.t-columns\:2 { columns: 2; }


.t-list-style\:none { list-style:none; }

.t-mix-blend-mode\:multiply { mix-blend-mode: multiply; }

.t-opacity\:0 { 	opacity: 0; }
.t-opacity\:10\% { 	opacity: 10%; }
.t-opacity\:25\% { 	opacity: 25%; }
.t-opacity\:50\% { 	opacity: 50%; }
.t-opacity\:75\% { 	opacity: 75%; }
.t-opacity\:90\% { 	opacity: 90%; }
.t-opacity\:1 { 	opacity: 1; }

.t-filter\:grayscale { filter: grayscale(100%); }

.t-width\:100\% { width: 100%; } 

.t-height\:100\% { height: 100%; }

.t-height\:40 { height: 40px; }

.service-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 columnas */
    gap: 20px; /* Espacio entre los servicios */
    background-color: #f9f9f9; /* Color de fondo */
    padding: 20px; /* Espaciado interno */
}

.service {
    border: 2px solid #E5E0D0; /* Borde verde */
    padding: 20px; /* Espaciado interno */
    text-align: left; /* Centrar el contenido */
}

.service img {
    max-width: 100%; /* Ajustar el tamaño de la imagen */
}

.service h2 {
    font-size: 1.5rem; /* Tamaño del título */
    margin-bottom: 10px; /* Espaciado inferior */
}

.service p {
    font-size: 1rem; /* Tamaño del texto */
    font-family: var(--font-sans-serif);
}

.service a {
    display: inline-block;
    margin-top: 10px; /* Espaciado superior */
    background-color: var(--color-accent); /* Color de fondo del botón */
    color: #fff; /* Color del texto del botón */
    padding: 5px 10px; /* Espaciado interno del botón */
    text-decoration: none; /* Sin subrayado */
    border-radius: 5px; /* Bordes redondeados */
}

.parrafo{
    background-color: #f9f9f9;
    margin-inline: auto;
    text-align: center !important;
    font-size: 1rem !important;
    font-family: var(--font-sans-serif);
    padding:10px;
}


/* Atoms */

.c-btn_convenios {
	display: inline-block;
	color: var(--color-white);
	border: 1px solid var(--color-accent);
	background-color:  var(--color-accent);
	padding: 0.5rem 1rem;
	border-radius: 15px;
	text-decoration: none;
	text-align: center;
}

@media ( max-width: 400px ) {
    .c-btn_convenios {
        display: none;
    }
}

	.c-btn_convenios:hover {
		background-color: var(--color-accent);
		color: var(--color-white);
		border-color: var(--color-accent);
	}
	.c-btn_convenios--arrow::after {
		content: url('../img/icons/arrow.svg');
		display: inline-block;
		margin-left: 15px;
		line-height: 1;
		transform: translate(0, 3px);
	}
	.c-btn_convenios--arrow:hover::after {
		content: url('../img/icons/arrow-white.svg');
	}

.c-h1 {
	font-size: var(--text-h2);
	line-height: calc( 100% * 58 / 54 );
	font-weight: bold;
	letter-spacing: -2px;
}
.c-h2 {
	letter-spacing: -2%;
}
.c-h3 {
	font-size: var(--text-h3);
	font-weight: bold;
}


.c-icon {
	display: inline-block;
	vertical-align: middle;
}
	.c-icon--small {
		width: 17px;
		height: 17px;
	}



.c-image--decorated {

	position: relative;
	padding-top: var(--space-20);
	padding-bottom: var(--space-20);
}
.c-image--decorated img{
	border-radius: 20px;
    object-fit: cover;
}
.c-image--decorated::before,
.c-image--decorated::after {
	content: "";
	display: block;
	position: absolute;
	height: var(--space-20);
	background-color: var(--color-accent);
}
.c-image--decorated::before {
    width: calc( 100% * 240 / 700 );
    top: 0;
    left: calc( 100% * 40 / 700 );
    border-radius: var(--space-20) var(--space-20) 0 0;
}
.c-image--decorated::after {
	width: calc( 100% * 340 / 700 );
    bottom: 0;
    right: calc( 100% * 100 / 700 );
    border-radius: 0px 0px var(--space-20) var(--space-20);
}

@media (max-width: 600px) {
    .service-grid {
        grid-template-columns: 1fr; /* Una sola columna */
    }
}