@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Quicksand:wght@300;400;500;600;700&display=swap');
*, ::after, ::before {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: 0;}
:root {
  --color1: rgba(244, 206, 44, 1); /*HEX: #F4CE2C */
  --color2: rgba(209, 181, 146, 1); /*HEX: #D1B592 */
  --titulo: rgba(8, 77, 132, 1); /*HEX: #084D84 */
  --color4: rgba(82, 131, 170, 1); /*HEX: #5283AA */
  --color5: rgba(183, 195, 211, 1); /*HEX: #B7C3D3 */
  --white: rgba(255, 255, 255, 1);
}

html {font-size: 100%;scroll-behavior: smooth;}

body {
    /* background-image: url(../src/background-portrait/34378636-3572x5001.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    font-size: 100%;
}

h1, h2, h3, h4, h5, h6 {line-height: 1.3;font-family: 'Quicksand', sans-serif;color: rgba(0,0,0,0.87);}
p, a, label, textarea, ul {font-family: 'Inter', sans-serif;text-decoration: none;}

.contenedor {
    display: grid;
    max-width: 1366px;
    min-width: 454.5px;
    margin: 0 auto;
    grid-template-areas:    "pag-nav pag-nav pag-nav pag-nav pag-nav pag-nav"
                            "pag-inicio pag-inicio pag-inicio pag-inicio pag-inicio pag-inicio"
                            "pag-qsomos pag-qsomos pag-qsomos pag-qsomos pag-qsomos pag-qsomos"
                            "pag-servicio pag-servicio pag-servicio pag-servicio pag-servicio pag-servicio"
                            "pag-contacto pag-contacto pag-contacto pag-contacto pag-contacto pag-contacto"
                            "footer footer footer footer footer footer";
    grid-template-rows: repeat(6, auto);
    grid-template-columns: repeat(6, 1fr);
}
  
nav {grid-area: pag-nav;}
.inicio {grid-area: pag-inicio;}
.nosotros {grid-area: pag-qsomos;}
.servicio {grid-area: pag-servicio;}
.contacto {grid-area: pag-contacto;}
footer {grid-area: footer;}

/***********NAV************/
.nav-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-flow: wrap;
	    flex-flow: wrap;
	width: 100%;
	padding: .25rem 2rem;
	.logo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		font-family: Inter;
		& h1 {color: var(--titulo);}
		.logo-text {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	}
	& buttom {display: none;font-size: 1.5em;}
	& ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
		list-style: none;
		& li {
			margin: 0 .5rem;
			& a {color: #000;text-decoration: none;}
		}
	}
}
.inicio-content {display: -webkit-box;display: -ms-flexbox;display: flex;}
.nosotros-content {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 2rem;}
.servicio-content {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 2rem;}
.contacto-content {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 2rem;}
.footer-content {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 2rem;}

@media screen and (width <= 480px) {
    nav {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 20;
		background-color: rgba(255 255 255 / .95);
		border-bottom: 1px solid rgba(0  0 0 / 0.2);
		.nav-content {
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
			position: relative;
            padding: .5rem 0rem;
			.logo {
                gap: .25rem;
                padding-left: 2rem;
				& h1 {font-size: 2em;}
			}
			.logo-text {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				& span {font-size: .75em;letter-spacing: 1px;font-weight: 500;}
			}
			& buttom {
				display: grid;
				place-items: center;
				cursor: pointer;
				width: 2.5rem;
				height: 2.5rem;
				border-radius: 100%;
                margin-right: 0.5rem;
				&:hover {background-color: rgba(0 0 0 / .15);}
			}
			& ul {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-flow: column nowrap;
				        flex-flow: column nowrap;
				width: 100%;
				height: 0;
				overflow: hidden;
				background-color: rgba(255 255 255 / .95);
				/* transition: all 1s ease; */
				pointer-events: none;
				& li {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					    -ms-flex-align: center;
					        align-items: center;
					-webkit-box-pack: center;
					    -ms-flex-pack: center;
					        justify-content: center;
					width: 100%;
					height: 4.5rem;
					& a {color: #000;font-weight: 500;}
					&:hover {display: flex;background-color:#4c9e9e;-webkit-transition: 0.3s ease;-o-transition: 0.3s ease;transition: 0.3s ease;}
				}
				&.activo {height: 280px;pointer-events: auto;}
			}
		}
	}
    .inicio-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: 100%;
        background-color: rgba(240 249 255 / 1);
        .banner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            & img {width: 100%;height: 400px;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
            .eslogan {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                text-align: center;
                height: 150px;
                & p:nth-child(1) {font-size: 1.2em;}
                & p:nth-child(2) {font-size: 2.6em;}
            }
        }
        .caracteristicas {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            .caract {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                height: 200px;
                & i {
                    display: grid;
                    place-items: center;
                    font-size: 2.5em;
                    height: 7rem;
                    width: 7rem;
                    outline: 1px solid rgba(0 0 0 / .25);
                    border-radius: 100%;
                }
                & p {margin-top: 1.5rem;text-align: center;}
            }
        }
    }
    .nosotros-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 800px;
        .qsomos-text {
            & h1 {font-size: 2em;text-align: center;margin-bottom: 1.5rem;}
        }
        .qsomos-mv {
            margin-top: 4rem;
            & h2 {font-size: 1.5em;text-align: center;margin-bottom: .5rem;}
            .qsomos-vision {margin-top: 1.5rem;}
        }
    }
    .servicio-content {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 850px;
        .izquierda, .derecha {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            width: calc(50% - 1rem);
            height: 80%;
            .card-service {
                .titulo {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    margin-bottom: 1rem;
                    & h3 {font-size: 1.25em;}
                    & i:nth-child(1), .sunat > i {display: none;}
                    & i:nth-child(2) {font-size: 1.5em;margin-right: 1rem;}
                }
                & p {font-size: .9em;}
            }
        }
        .centro {display: none;}
    }
    .contacto {
        background-image: url(../src/img/bg_contacto_home.webp);
        background-position: center right;
        background-repeat: no-repeat;
        .contacto-content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: end;
            height: 950px;
            .alerta {
                .mensaje {
                    display: grid;
                    place-items: center;
                    margin-bottom: 2rem;
                    font-size: 1.5em;
                    height: 3rem;
                    & span i:nth-child(1) {display: none;}
                }
                .tema-asesoria {
                    display: grid;
                    grid-template-columns: repeat(2, 1fr);
                    grid-template-rows: repeat(3, 1fr);
                    gap: .5rem;
                    margin-bottom: 3rem;
                    .tooltip {
                        border: 1px solid red;
                        height: 70px;
                        &:nth-child(1) {background-image: url(../src/img/asesoria/indecopi.webp);}
                        &:nth-child(2) {background-image: url(../src/img/asesoria/sunafil.webp);}
                        &:nth-child(3) {background-image: url(../src/img/asesoria/ministerio-de-trabajo.webp);}
                        &:nth-child(4) {background-image: url(../src/img/asesoria/sunat.webp);}
                        &:nth-child(5) {background-image: url(../src/img/asesoria/sunarp.webp);}
                        &:nth-child(n) {background-repeat: no-repeat;background-size: cover;background-position: center;}
                        .tooltip-text {display: none;}
                    }
                }
            }
            .formulario {
                .row {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                        -ms-flex-direction: column;
                            flex-direction: column;
                    -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                            justify-content: space-between;
                    width: 100%;
                    .cajatexto {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: normal;
                            -ms-flex-direction: column;
                                flex-direction: column;
                        width: 100%;
                        height: 5rem;
                        & input {
                            padding: 0rem 1.2rem;
                            height: 2.5rem;
                            border-radius: 5px;
                            font-size: 1.1em;
                            background-color: transparent;
                            outline: 1px solid rgba(0 0 0 / 0.5);
                        }
                        & #nombre-error.error, #correo-error.error {
                            color: red;
                            font-weight: 600;
                            font-size: 0.85em;
                            padding: 5px 0 0 0;
                        }
                    }
                    .cajaconsulta {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: normal;
                            -ms-flex-direction: column;
                                flex-direction: column;
                        width: 100%;
                        height: 16.5rem;
                        & textarea {
                            padding: 1rem 1.2rem;
                            outline: 1px solid rgba(0  0 0 / 0.5);
                            border-radius: 5px;
                            font-size: 1em;
                            height: 14rem;
                            background-color: transparent;
                        }
                        & #consulta-error.error {
                            color: red;
                            font-weight: 600;
                            font-size: 0.85em;
                            padding: 5px 0 0 0;
                        }
                    }
                }
                .row-btn {
                    margin-top: .5rem;
                    & input {
                        width: calc(100% / 2 - .25rem);
                        padding: .75rem 0;
                        border: 1px solid rgba(0, 0, 0, 0.25);
                        border-radius: 5px;
                        font-size: 1.1em;
                        font-weight: 500;
                        &:hover {cursor: pointer;background-color: rgba(129 206 232 / 1);}
                    }
                }
            }
        }
    }
    .footer {
        height: 300px;
        background-color: rgba(9 48 78 / 1);
        .footer-content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            height: 100%;
            color: #fff;
            .datos-contacto {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                width: 100%;
                .col-1, .col-2, .enlace-qr {
                    list-style: none;
                    & h3 {font-size: 1.1em;margin-bottom: 1rem;}
                }
                .col-1, .col-2 {
                    & h3 {margin-left: 2.5rem;color: #fff;}
                    & li:nth-child(n+3) {margin-top: .25rem;}
                    & li {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                            -ms-flex-align: center;
                                align-items: center;
                        & i {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-pack: center;
                                -ms-flex-pack: center;
                                    justify-content: center;
                            -webkit-box-align: center;
                                -ms-flex-align: center;
                                    align-items: center;
                            font-size: 1.25em;
                            width: 2rem;
                            height: 2rem;
                        }
                        & p {font-size: 0.6em;font-weight: 300;margin-left: .5rem;color: #fff;}
                        & a {color: #fff;}
                    }
                }
                .enlace-qr {
                    display: none;
                    & h3 {text-align: center;color: #fff;}
                    .qr {width: 200px;height: 200px;background-image: url(../src/img/qr_200px.png);}
                }
            }
            .copyright {font-size: 0.65em;font-weight: 300;-ms-flex-item-align: end;align-self: end;}
        }
    }
}
@media screen and (480px < width <= 768px) {
    nav {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 20;
        background-color: rgba(255 255 255 / .95);
        border-bottom: 1px solid rgba(0 0 0 / .25);
        .nav-content {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            padding: .5rem 2rem;
            .logo, ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 3rem;}
            .logo {
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                width: 100%;
                height: 2.5rem;
                & h1 {font-size: 1.5em;margin-right: 5px;}
                .logo-text {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                        -ms-flex-direction: column;
                            flex-direction: column;
                    & span {font-size: .6em;letter-spacing: 1px;font-weight: 600;}
                }
            }
            & ul {
                -webkit-box-pack: space-evenly;
                    -ms-flex-pack: space-evenly;
                        justify-content: space-evenly;
                -webkit-box-flex: 1;
                    -ms-flex-positive: 1;
                        flex-grow: 1;
                height: 1.75rem;
                & li {
                    & a {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                            -ms-flex-align: center;
                                align-items: center;
                        position: relative;
                        padding: 0 .5rem;
                        height: 2rem;
                        font-size: 0.9em;
                        font-weight: 500;
                        &:before {
                            content: '';
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            width: 100%;
                            height: 2px;
                            background: -webkit-gradient(linear, left top, right top, from(#b47dcd), color-stop(#e878a2), to(#eb85ab));
                            background: -o-linear-gradient(left, #b47dcd, #e878a2, #eb85ab);
                            background: linear-gradient(to right, #b47dcd, #e878a2, #eb85ab);
                            z-index: 31;
                            -webkit-transform: scaleX(0);
                                -ms-transform: scaleX(0);
                                    transform: scaleX(0);
                            -webkit-transform-origin: left;
                                -ms-transform-origin: left;
                                    transform-origin: left;
                            -webkit-transition: -webkit-transform 0.5s ease-in-out;
                            transition: -webkit-transform 0.5s ease-in-out;
                            -o-transition: transform 0.5s ease-in-out;
                            transition: transform 0.5s ease-in-out;
                            transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
                            -webkit-transform-origin: right;
                                -ms-transform-origin: right;
                                    transform-origin: right;
                        }
                        &:hover::before {
                            -webkit-transform: scaleX(1);
                                -ms-transform: scaleX(1);
                                    transform: scaleX(1);
                            -webkit-transform-origin: left;
                                -ms-transform-origin: left;
                                    transform-origin: left;
                            transform: scaleX(1);
                            -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.82, 0.94);
                                 -o-transition-timing-function: cubic-bezier(0.2, 1, 0.82, 0.94);
                                    transition-timing-function: cubic-bezier(0.2, 1, 0.82, 0.94);
                        }
                    }
                }
            }
        }
    }
    .inicio-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: 100%;
        background-color: rgba(240 249 255 / 1);
        .eslogan, .caracteristicas {padding: 2rem;}
        .banner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            & img {width: 100%;height: 450px;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
            .eslogan {
                background-color: #fff;
                color: var(--titulo);
                padding: 3rem 0;
                text-align: center;
                & p:nth-child(1) {font-size: 1.5em;}
                & p:nth-child(2) {font-size: 3.25em;}
            }
        }
        .caracteristicas {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            .caract {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                width: 100%;
                height: 200px;
                & i {
                    display: grid;
                    position: relative;
                    place-items: center;
                    font-size: 3.5em;
                    outline: 1px solid rgba(0 0 0 / 0.25);
                    border-radius: 100%;
                    width: 7.5rem;
                    height: 7.5rem;
                    margin-right: 2rem;
                    -webkit-transition: width 1s, height 1s;
                    -o-transition: width 1s, height 1s;
                    transition: width 1s, height 1s;
                }
                & p {font-size: 1.1em;width: 250px;}
            }
        }
    }
    .nosotros {
        background-image: url(../src/img/18246003-5001x3334.webp);
        background-repeat: no-repeat;
        background-size: cover;
        .nosotros-content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: end;
            height: 700px;
            .qsomos-text {
                & h1 {font-size: 2.5em;margin-bottom: 2rem;text-align: center;}
            }
            .qsomos-mv {
                margin-top: 1rem;
                .qsomos-mision, .qsomos-vision {
                    & h2 {font-size: 1.75em;text-align: center;margin-bottom: 1rem;}
                }
                .qsomos-vision {margin-top: 1.5rem;}
            }
        }
    }
    .servicio {
        background-color: rgba(248 253 255 / 1);
        .servicio-content {
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: end;
                -ms-flex-align: end;
                    align-items: end;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            height: 850px;
            .izquierda, .derecha {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                -ms-flex-pack: distribute;
                    justify-content: space-around;
                width: calc(50% - 1rem);
                height: 80%;
                .card-service {
                    .titulo {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                            -ms-flex-align: center;
                                align-items: center;
                        margin-bottom: 1rem;
                        & h3 {font-size: 1.25em;}
                        & i:nth-child(1), .sunat > i {display: none;}
                        & i:nth-child(2) {font-size: 1.5em;margin-right: 1rem;}
                    }
                    & p {font-size: .9em;}
                }
            }
            .centro {display: none;}
        }
    }
    .contacto {
        background-image: url(../src/img/bg_contacto_home.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        .contacto-content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            height: 1000px;
            .alerta {
                .mensaje {
                    display: grid;
                    place-items: center;
                    font-size: 1.5em;
                    height: 3rem;
                    margin-bottom: 3rem;
                    & span i:nth-child(1) {display: none;}
                }
                .tema-asesoria {
                    display: grid;
                    grid-template-columns: repeat(3, 1fr);
                    grid-template-rows: repeat(2, fr);
                    gap: 1rem;
                    margin-bottom: 3rem;
                    .tooltip {
                        height: 75px;
                        border: 1px solid red;
                        &:nth-child(1) {background-image: url(../src/img/asesoria/indecopi.webp);}
                        &:nth-child(2) {background-image: url(../src/img/asesoria/sunafil.webp);}
                        &:nth-child(3) {background-image: url(../src/img/asesoria/ministerio-de-trabajo.webp);}
                        &:nth-child(4) {background-image: url(../src/img/asesoria/sunat.webp);}
                        &:nth-child(5) {background-image: url(../src/img/asesoria/sunarp.webp);}
                        &:nth-child(n) {background-repeat: no-repeat;background-size: cover;background-position: center;}
                        .tooltip-text {display: none;}
                    }
                }
            }
            .formulario {
                .row {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                        -ms-flex-direction: column;
                            flex-direction: column;
                    -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                            justify-content: space-between;
                    width: 100%;
                    .cajatexto {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: normal;
                            -ms-flex-direction: column;
                                flex-direction: column;
                        width: 100%;
                        height: 5rem;
                        & input {
                            padding: 0rem 1.2rem;
                            height: 2.5rem;
                            border-radius: 5px;
                            font-size: 1.1em;
                            background-color: transparent;
                            outline: 1px solid rgba(0 0 0 / 0.5);
                        }
                        & #nombre-error.error, #correo-error.error {
                            color: red;
                            font-weight: 600;
                            font-size: 0.85em;
                            padding: 5px 0 0 0;
                        }
                    }
                    .cajaconsulta {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: normal;
                            -ms-flex-direction: column;
                                flex-direction: column;
                        width: 100%;
                        height: 16.5rem;
                        & textarea {
                            padding: 1rem 1.2rem;
                            outline: 1px solid rgba(0  0 0 / 0.5);
                            border-radius: 5px;
                            font-size: 1em;
                            height: 14rem;
                            background-color: transparent;
                        }
                        & #consulta-error.error {
                            color: red;
                            font-weight: 600;
                            font-size: 0.85em;
                            padding: 5px 0 0 0;
                        }
                    }
                }
                .row-btn {
                    margin-top: .5rem;
                    & input {
                        width: calc(100% / 2 - .25rem);
                        padding: .75rem 0;
                        border: 1px solid rgba(0, 0, 0, 0.25);
                        border-radius: 5px;
                        font-size: 1.1em;
                        font-weight: 500;
                        &:hover {cursor: pointer;background-color: rgba(129 206 232 / 1);}
                    }
                }
            }
        }
    }
    .footer {
        height: 300px;
        background-color: rgba(9 48 78 / 1);
        .footer-content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            color: #fff;
            height: 100%;
            .datos-contacto {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                width: 100%;
                .col-1, .col-2, .enlace-qr {
                    list-style: none;
                    & h3 {font-size: 1.25em;margin-bottom: 1rem;}
                }
                .col-1, .col-2 {
                    & h3 {margin-left: 2.5rem;color: #fff;}
                    & li:nth-child(n+3) {margin-top: .25rem;}
                    & li {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                            -ms-flex-align: center;
                                align-items: center;
                        & i {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-pack: center;
                                -ms-flex-pack: center;
                                    justify-content: center;
                            -webkit-box-align: center;
                                -ms-flex-align: center;
                                    align-items: center;
                            font-size: 1.5em;
                            width: 2rem;
                            height: 2rem;
                        }
                        & p {font-size: 0.75em;margin-left: .5rem;color: #fff;}
                        & a {color: #fff;}
                    }
                }
                .enlace-qr {
                    display: none;
                    & h3 {text-align: center;color: #fff;}
                    .qr {width: 200px;height: 200px;background-image: url(../src/img/qr_200px.png);}
                }
            }
            .copyright {font-size: 0.75em;-ms-flex-item-align: end;align-self: end;}
        }
    }
}
@media screen and (768px < width <= 1024px) {
    nav {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 20;
        background-color: rgba(255 255 255 / .95);
        border-bottom: 1px solid rgba(0  0 0 / 0.2);
        .nav-content {
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            & h1 {font-size: 2.15em;margin-right: 5px;}
            .logo-text {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                & span {font-size: .8em;letter-spacing: 1px;font-weight: 500;}
            }
            & ul {
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                gap: 2rem;
                & li {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    height: 100%;
                    & a {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                            -ms-flex-align: center;
                                align-items: center;
                        position: relative;
                        font-weight: 500;
                        padding: 0 .5rem;
                        height: 2.75rem;
                        &:before {
                            content: '';
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            width: 100%;
                            height: 2px;
                            background: -webkit-gradient(linear, left top, right top, from(#b47dcd), color-stop(#e878a2), to(#eb85ab));
                            background: -o-linear-gradient(left, #b47dcd, #e878a2, #eb85ab);
                            background: linear-gradient(to right, #b47dcd, #e878a2, #eb85ab);
                            z-index: 31;
                            -webkit-transform: scaleX(0);
                                -ms-transform: scaleX(0);
                                    transform: scaleX(0);
                            -webkit-transform-origin: left;
                                -ms-transform-origin: left;
                                    transform-origin: left;
                            -webkit-transition: -webkit-transform 0.5s ease-in-out;
                            transition: -webkit-transform 0.5s ease-in-out;
                            -o-transition: transform 0.5s ease-in-out;
                            transition: transform 0.5s ease-in-out;
                            transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
                            -webkit-transform-origin: right;
                                -ms-transform-origin: right;
                                    transform-origin: right;
                        }
                        &:hover::before {
                            -webkit-transform: scaleX(1);
                                -ms-transform: scaleX(1);
                                    transform: scaleX(1);
                            -webkit-transform-origin: left;
                                -ms-transform-origin: left;
                                    transform-origin: left;
                            transform: scaleX(1);
                            -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.82, 0.94);
                                 -o-transition-timing-function: cubic-bezier(0.2, 1, 0.82, 0.94);
                                    transition-timing-function: cubic-bezier(0.2, 1, 0.82, 0.94);
                        }
                    }
                }
            }
        }
    }
    .inicio-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: 100%;
        background-color: rgba(240 249 255 / 1);
        .eslogan, .caracteristicas {padding: 2rem;}
        .banner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            & img {width: 100%;height: 550px;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
            .eslogan {
                background-color: #fff;
                color: var(--titulo);
                padding: 3rem 0;
                text-align: center;
                & p:nth-child(1) {font-size: 1.5em;}
                & p:nth-child(2) {font-size: 3.25em;}
            }
        }
        .caracteristicas {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            .caract {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                -webkit-box-pack: space-evenly;
                    -ms-flex-pack: space-evenly;
                        justify-content: space-evenly;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                height: 250px;
                min-width: 200px;
                width: 30%;
                & i {
                    display: grid;
                    place-items: center;
                    font-size: 3.5em;
                    outline: 1px solid rgba(0 0 0 / 0.25);
                    border-radius: 100%;
                    width: 8rem;
                    height: 8rem;
                }
                & p {text-align: center;font-size: 1.1em;width: 225px;}
            }
        }
    }
    .nosotros {
        background-image: url(../src/img/18246003-5001x3334.webp);
        background-repeat: no-repeat;
        background-size: cover;
        .nosotros-content {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            height: 600px;
            .qsomos-text, .qsomos-mv {display: -webkit-box;display: -ms-flexbox;display: flex;height: 75%;}
            .qsomos-text {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                -webkit-box-pack: space-evenly;
                    -ms-flex-pack: space-evenly;
                        justify-content: space-evenly;
                padding: 0 1rem 0 0;
                & h1 {font-size: 3em;color: var(--titulo);}
                & p {font-size: 1.1em;}
            }
            .qsomos-mv {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                -webkit-box-pack: space-evenly;
                    -ms-flex-pack: space-evenly;
                        justify-content: space-evenly;
                padding: 0 0 0 1rem;
                .qsomos-mision, .qsomos-vision {
                    & h2 {font-size: 1.5em;margin-bottom: 1.5rem;color: var(--titulo);}
                }
            }
        }
    }
    .servicio {
        background-color: rgba(160 221 240 / 1);
        -webkit-transition: background-color 1.5s;
        -o-transition: background-color 1.5s;
        transition: background-color 1.5s;
        .servicio-content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: space-evenly;
                -ms-flex-pack: space-evenly;
                    justify-content: space-evenly;
            .izquierda, .centro, .derecha {display: -webkit-box;display: -ms-flexbox;display: flex;}
            .izquierda, .derecha {
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                .card-service {
                    width: calc(100% / 3);
                    .titulo {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                            -ms-flex-align: center;
                                align-items: center;
                        margin-bottom: 1rem;
                        & i {font-size: 2em;}
                        & h3 {margin-left: 20px;}
                        .sunat {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            border: 1px solid black;
                            padding: 5px;
                            & i {font-size: 1em;}
                        }
                    }
                    .titulo > i:nth-child(2) {display: none;}
                    & p {
                        margin-bottom: 0.25rem;
                    }
                }
            }
            .izquierda .card-service {padding: 4rem 5px 2rem 5px;}
            .derecha .card-service {padding: 2rem 5px 4rem 5px;}
            .centro {
                & picture {
                    width: 100%;
                    & img {
                        width: 100%;
                        height: 400px;
                        -o-object-fit: cover;
                           object-fit: cover;
                        -o-object-position: center;
                           object-position: center;
                        border-radius: 12px;
                        padding: 5px;
                        border: 1px solid rgba(0, 0, 0, 0.25);
                    }
                }
            }
        }
    }
    .contacto {
        background-image: url(../src/img/bg_contacto_home.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        .contacto-content {
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            height: 800px;
            .alerta {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                width: 40%;
                .mensaje {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                        -ms-flex-direction: column;
                            flex-direction: column;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    -webkit-box-pack: center;
                        -ms-flex-pack: center;
                            justify-content: center;
                    font-size: 1.75em;
                    margin-bottom: 1rem;
                    & span i {font-size: 1.5em;}
                    & span i:nth-child(1) {display: none;}
                }
                .tema-asesoria {
                    display: grid;
                    grid-template-columns: repeat(1, 1fr);
                    grid-template-rows: repeat(5, 1fr);
                    gap: 1rem;
                    margin: 0 auto;
                    margin-bottom: 3rem;
                    .tooltip {
                        width: 200px;
                        height: 80px;
                        border: 1px solid red;
                        &:nth-child(1) {background-image: url(../src/img/asesoria/indecopi.webp);}
                        &:nth-child(2) {background-image: url(../src/img/asesoria/sunafil.webp);}
                        &:nth-child(3) {background-image: url(../src/img/asesoria/ministerio-de-trabajo.webp);}
                        &:nth-child(4) {background-image: url(../src/img/asesoria/sunat.webp);}
                        &:nth-child(5) {background-image: url(../src/img/asesoria/sunarp.webp);}
                        &:nth-child(n) {background-repeat: no-repeat;background-size: cover;background-position: center;}
                        .tooltip-text {display: none;}
                    }
                }
            }
            .formulario {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                padding: 0 0 0 1rem;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                .row {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                            justify-content: space-between;
                    .cajatexto {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: normal;
                            -ms-flex-direction: column;
                                flex-direction: column;
                        width: calc(50% - 1.25rem);
                        height: 5rem;
                        & input {
                            padding: 0rem 1.2rem;
                            height: 2.5rem;
                            border-radius: 5px;
                            font-size: 1.1em;
                            background-color: transparent;
                            outline: 1px solid rgba(0 0 0 / 0.5);
                        }
                        & #nombre-error.error, #correo-error.error {
                            color: red;
                            font-weight: 600;
                            font-size: 0.85em;
                            padding: 5px 0 0 0;
                        }
                    }
                    .cajaconsulta {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: normal;
                            -ms-flex-direction: column;
                                flex-direction: column;
                        width: 100%;
                        height: 16.5rem;
                        & textarea {
                            padding: 1rem 1.2rem;
                            outline: 1px solid rgba(0  0 0 / 0.5);
                            border-radius: 5px;
                            font-size: 1em;
                            height: 14rem;
                            background-color: transparent;
                        }
                        & #consulta-error.error {
                            color: red;
                            font-weight: 600;
                            font-size: 0.85em;
                            padding: 5px 0 0 0;
                        }
                    }
                }
                .row-btn {
                    margin-top: .5rem;
                    & input {
                        width: calc(100% / 2 - .25rem);
                        padding: .75rem 0;
                        border: 1px solid rgba(0, 0, 0, 0.25);
                        border-radius: 5px;
                        font-size: 1.1em;
                        font-weight: 500;
                        &:hover {cursor: pointer;background-color: rgba(129 206 232 / 1);}
                    }
                }
            }
        }
    }
    .footer {
        height: 400px;
        background-color: rgba(9 48 78 / 1);
        .footer-content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            height: 100%;
            color: #fff;
            .datos-contacto {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                width: 100%;
                .col-1, .col-2, .enlace-qr {
                    list-style: none;
                    & h3 {font-size: 1.25em;margin-bottom: 1rem;}
                }
                .col-1, .col-2 {
                    & h3 {margin-left: 3rem;color: #fff;}
                    & li:nth-child(n+3) {margin-top: .25rem;}
                    & li {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                            -ms-flex-align: center;
                                align-items: center;
                        & i {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-pack: center;
                                -ms-flex-pack: center;
                                    justify-content: center;
                            -webkit-box-align: center;
                                -ms-flex-align: center;
                                    align-items: center;
                            font-size: 1.75em;
                            width: 2rem;
                            height: 2rem;
                        }
                        & p {font-size: 0.75em;margin-left: 1rem;color: #fff;}
                        & a {color: #fff;}
                    }
                }
                .enlace-qr {
                    & h3 {text-align: center;color: #fff;}
                    .qr {
                        width: 200px;
                        height: 200px;
                        background-image: url(../src/img/qr-rmca_347x347.png);
                        background-size: cover;
                        background-position: center;
                        background-repeat: no-repeat;
                    }
                }
            }
            .copyright {font-size: 0.75em;-ms-flex-item-align: end;align-self: end;}
        }
    }
}
@media screen and (width > 1024px) {
    nav {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 20;
        background-color: rgba(255 255 255 / .95);
        border-bottom: 1px solid rgba(0  0 0 / 0.2);
        .nav-content {
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            .logo {
                & h1 {font-size: 2.15em;margin-right: 5px;}
            }
            .logo-text {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                & span {font-size: .8em;letter-spacing: 1px;font-weight: 500;}
            }
            & ul {
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                gap: 3rem;
                & li {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    height: 100%;
                    & a {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                            -ms-flex-align: center;
                                align-items: center;
                        position: relative;
                        font-weight: 500;
                        padding: 0 1.5rem;
                        height: 2.75rem;
                        &:before {
                            content: '';
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            width: 100%;
                            height: 2px;
                            background: -webkit-gradient(linear, left top, right top, from(#b47dcd), color-stop(#e878a2), to(#eb85ab));
                            background: -o-linear-gradient(left, #b47dcd, #e878a2, #eb85ab);
                            background: linear-gradient(to right, #b47dcd, #e878a2, #eb85ab);
                            z-index: 31;
                            -webkit-transform: scaleX(0);
                                -ms-transform: scaleX(0);
                                    transform: scaleX(0);
                            -webkit-transform-origin: left;
                                -ms-transform-origin: left;
                                    transform-origin: left;
                            -webkit-transition: -webkit-transform 0.5s ease-in-out;
                            transition: -webkit-transform 0.5s ease-in-out;
                            -o-transition: transform 0.5s ease-in-out;
                            transition: transform 0.5s ease-in-out;
                            transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
                            -webkit-transform-origin: right;
                                -ms-transform-origin: right;
                                    transform-origin: right;
                        }
                        &:hover::before {
                            -webkit-transform: scaleX(1);
                                -ms-transform: scaleX(1);
                                    transform: scaleX(1);
                            -webkit-transform-origin: left;
                                -ms-transform-origin: left;
                                    transform-origin: left;
                            transform: scaleX(1);
                            -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.82, 0.94);
                                 -o-transition-timing-function: cubic-bezier(0.2, 1, 0.82, 0.94);
                                    transition-timing-function: cubic-bezier(0.2, 1, 0.82, 0.94);
                        }
                    }
                }
            }
        }
    }
    .inicio-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: 100%;
        background-color: rgba(240 249 255 / 1);
        .banner {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            position: relative;
            & img {height: 550px;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
        }
        .eslogan, .caracteristicas {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0 2rem;}
        .eslogan {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            -ms-flex-line-pack: center;
                align-content: center;
            width: 100%;
            position: absolute;
            background-color: rgba(0 0 0 / 0.75);
            height: 165px;
            bottom: 0;
            & p {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%;color: var(--white);font-weight: 200;}
            & p:nth-child(1) {font-size: 2.21em;}
            & p:nth-child(2) {font-size: 4.75em;}
        }
        .caracteristicas {
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            .caract {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                width: calc(100% / 3);
                height: 375px;
                & i {
                    display: grid;
                    place-items: center;
                    font-size: 4em;
                    width: 9rem;
                    height: 9rem;
                    outline: 1px solid rgba(0 0 0 / 0.25);
                    border-radius: 100%;
                    margin-bottom: 40px;
                    -webkit-transition: width 1s, height 1s;
                    -o-transition: width 1s, height 1s;
                    transition: width 1s, height 1s;
                }
                & p {width: 250px;text-align: center;font-size: 1.1em;font-weight: 500;}
            }
        }
    }
    .nosotros {
        background-image: url(../src/img/18246003-5001x3334.webp);
        background-repeat: no-repeat;
        background-size: cover;
        .nosotros-content {
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            height: 600px;
            .qsomos-text, .qsomos-mv {height: 85%;}
            .qsomos-text {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                -webkit-box-pack: space-evenly;
                    -ms-flex-pack: space-evenly;
                        justify-content: space-evenly;
                width: 30%;
                padding: 0 1rem 0 0;
                & h1 {font-size: 2.25em;color: var(--titulo);}
                & p:nth-child(2) {margin-top: 2.5rem;font-size: 1em;}
                & p:nth-child(3) {margin-top: 1.5rem;font-size: 1em;}
            }
            .qsomos-mv {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                -webkit-box-pack: space-evenly;
                    -ms-flex-pack: space-evenly;
                        justify-content: space-evenly;
                width: 25%;
                padding: 0 0 0 1rem;
                .qsomos-mision, .qsomos-vision {
                    & h2 {font-size: 1.5em;color: var(--titulo);}
                    & p {margin-top: 1rem;}
                }
                .qsomos-vision {margin-top: 2.5rem;}
            }
        }
    }
    .servicio {
        background-color: rgba(72 187 216 / 1);
        -webkit-transition: background-color 1.5s;
        -o-transition: background-color 1.5s;
        transition: background-color 1.5s;
        .servicio-content {
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            height: 900px;
            .izquierda, .centro, .derecha {display: -webkit-box;display: -ms-flexbox;display: flex;width: calc(96% / 3);height: 80%;}
            .izquierda, .derecha {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                .card-service {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                        -ms-flex-direction: column;
                            flex-direction: column;
                    max-width: 350px;
                    width: 100%;
                    .titulo {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                            -ms-flex-align: center;
                                align-items: center;
                        margin-bottom: 1rem;
                        .sunat {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                                -ms-flex-align: center;
                                    align-items: center;
                            width: 2.75rem;
                            border: 1px solid black;
                            margin-right: .25rem;
                            padding: 5px;
                            & i {
                                font-size: .5em;
                                &:nth-child(n+1) {margin-left: 1px;}
                            }
                        }
                        & > i {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-pack: center;
                                -ms-flex-pack: center;
                                    justify-content: center;
                            -webkit-box-align: center;
                                -ms-flex-align: center;
                                    align-items: center;
                            width: 2.5rem;
                            height: 2.5rem;
                            font-size: 2em;
                            margin-right: .5rem;
                        }
                    }
                    .titulo > i:nth-child(2) {display: none;}
                }
                & p {
                    margin-left: 3rem;
                    &:nth-child(3),&:nth-child(4),&:nth-child(5),&:nth-child(6) {margin-top: 0.5rem;}
                }
            }
            .centro {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                & img {
                    width: 100%;
                    max-width: 400px;
                    height: 600px;
                    border-radius: 25px;
                    -o-object-fit: cover;
                       object-fit: cover;
                    -o-object-position: center;
                       object-position: center;
                    padding: 5px;
                    border: 1px solid rgba(0, 0, 0, 0.25);
                }
            }
        }
    }
    .contacto {
        background-image: url(../src/img/bg_contacto_home.webp);
        .contacto-content {
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            height: 650px;
            padding-left: 0;
            .alerta, .formulario {display: -webkit-box;display: -ms-flexbox;display: flex;width: calc(100% / 2);}
            .alerta {
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                .mensaje {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    gap: .5rem;
                    width: 250px;
                    height: 500px;
                    font-size: 1.3em;
                    font-weight: 600;
                    shape-outside: circle(50% at 30%);
                    -webkit-clip-path: circle(50% at 0%);
                            clip-path: circle(50% at 0%);
                    background: rgba(160 221 240 / 1);
                    color: rgba(9 48 78 / 1);
                    z-index: 15;
                    border: 2px solid rgba(160 221 240 / .25);
                    margin: 10px solid red;
                    & p {padding-left: .5rem;}
                    & span i {font-size: 1.5em;}
                    & span i:nth-child(2) {display: none;}
                }
                .tema-asesoria {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                        -ms-flex-direction: column;
                            flex-direction: column;
                    -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                            justify-content: space-between;
                    -webkit-box-align: start;
                        -ms-flex-align: start;
                            align-items: start;
                    height: 450px;
                    .tooltip {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: center;
                            -ms-flex-pack: center;
                                justify-content: center;
                        -webkit-box-align: center;
                            -ms-flex-align: center;
                                align-items: center;
                        position: relative;
                        width: 200px;
                        height: 80px;
                        border-radius: 6px;
                        outline: 1px solid red;
                        &:nth-child(1) {margin-left: -75px;background-image: url(../src/img/asesoria/indecopi.webp);}
                        &:nth-child(2) {margin-left: -30px;background-image: url(../src/img/asesoria/sunafil.webp);}
                        &:nth-child(3) {margin-left: 0px;background-image: url(../src/img/asesoria/ministerio-de-trabajo.webp);}
                        &:nth-child(4) {margin-left: -30px;background-image: url(../src/img/asesoria/sunat.webp);}
                        &:nth-child(5) {margin-left: -75px;background-image: url(../src/img/asesoria/sunarp.webp);}
                        &:nth-child(n) {background-repeat: no-repeat;background-size: cover;background-position: center;}
                    }
                    .tooltip .tooltip-text {
                        display: grid;
                        place-items: center;
                        font-size: .85em;
                        font-family: Inter;
                        visibility: hidden;
                        width: 200px;
                        height: 75px;
                        background-color: rgba(160 221 240 / 1);
                        color: #000;
                        text-align: center;
                        border-radius: 6px;
                        padding: 5px;
                        position: absolute;
                        z-index: 1;
                        left: 105%;
                        opacity: 0;
                        font-weight: 600;
                        -webkit-transition: opacity 1s;
                        -o-transition: opacity 1s;
                        transition: opacity 1s;
                    }
                    .tooltip .tooltip-text::after {
                        content: "";
                        position: absolute;
                        top: 50%;
                        right: 100%;
                        margin-top: -5px;
                        border-width: 5px;
                        border-style: solid;
                        border-color: transparent rgba(160 221 240 / 1) transparent transparent;
                    }
                    .tooltip:hover .tooltip-text {visibility: visible;opacity: 1;}
                }
            }
            .formulario {
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                & form {
                    width: 90%;
                    .row {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-pack: justify;
                            -ms-flex-pack: justify;
                                justify-content: space-between;
                        .cajatexto {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-orient: vertical;
                            -webkit-box-direction: normal;
                                -ms-flex-direction: column;
                                    flex-direction: column;
                            width: calc(50% - 1.25rem);
                            height: 5rem;
                            & input {
                                padding: 0rem 1.2rem;
                                height: 2.5rem;
                                border-radius: 5px;
                                font-size: 1em;
                                background-color: transparent;
                                outline: 1px solid rgba(0 0 0 / 0.5);
                            }
                            & #nombre-error.error, #correo-error.error {
                                color: red;
                                font-weight: 600;
                                font-size: 0.75em;
                                padding: 5px 0 0 0;
                            }
                        }
                        .cajaconsulta {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-orient: vertical;
                            -webkit-box-direction: normal;
                                -ms-flex-direction: column;
                                    flex-direction: column;
                            width: 100%;
                            height: 16.25rem;
                            & textarea {
                                padding: 1rem 1.2rem;
                                outline: 1px solid rgba(0  0 0 / 0.5);
                                border-radius: 5px;
                                font-size: 1.1em;
                                height: 14rem;
                                background-color: transparent;
                                resize: none;
                            }
                            & #consulta-error.error {
                                color: red;
                                font-weight: 600;
                                font-size: 0.75em;
                                padding: 5px 0 0 0;
                            }
                        }
                    }
                    .row-btn {
                        margin-top: .5rem;
                        & input {
                            width: calc(100% / 2 - .25rem);
                            padding: .75rem 0;
                            border: 1px solid rgba(0 0 0 / 0.25);
                            border-radius: 5px;
                            font-size: 1.1em;
                            font-weight: 500;
                            background: rgba(129 206 232 / 0.35);
                            &:hover {cursor: pointer;background-color: rgba(129 206 232 / 1);}
                        }
                    }
                }
            }
        }
    }
    .footer {
        height: 400px;
        background-color: rgba(9 48 78 / 1);
        .footer-content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            height: 100%;
            color: #fff;
            .datos-contacto {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                width: 100%;
                .col-1, .col-2, .enlace-qr {
                    list-style: none;
                    & h3 {font-size: 1.25em;margin-bottom: 1rem;}
                }
                .col-1, .col-2 {
                    & h3 {margin-left: 3rem;color: #fff;}
                    & li:nth-child(n+3) {margin-top: .25rem;}
                    & li {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-align: center;
                            -ms-flex-align: center;
                                align-items: center;
                        & i {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-pack: center;
                                -ms-flex-pack: center;
                                    justify-content: center;
                            -webkit-box-align: center;
                                -ms-flex-align: center;
                                    align-items: center;
                            width: 2rem;
                            height: 2rem;
                            font-size: 1.75em;
                        }
                        & p {font-size: 0.75em;margin-left: 1rem;color: #fff;}
                        & a {color: #fff;}
                    }
                }
                .enlace-qr {
                    & h3 {text-align: center;color: #fff;}
                    .qr {
                        width: 200px;
                        height: 200px;
                        background-image: url(../src/img/qr-rmca_347x347.png);
                        background-size: cover;
                        background-position: center;
                        background-repeat: no-repeat;
                    }
                }
            }
            .copyright {font-size: 0.75em;-ms-flex-item-align: end;align-self: end;}
        }
    }
}

.ajs-success {
    color: black !important;
    background-color: rgba(160 221 240 / .9) !important;
    font-weight: 500;
    text-shadow: 0 0 black !important;
    outline: 1px solid rgba(0 0 0 / .25);
}
.ajs-error {
    color: black !important;
    background-color: rgba(206, 89, 91 / .85) !important;
    font-weight: 500;
    text-shadow: 0 0 black !important;
    outline: 1px solid rgba(0 0 0 / .25);
}