.contact-expert{background:#f5f5f5;padding-top:20px;padding-bottom:40px}
@media(min-width:768px){.contact-expert{padding-top:25px;padding-bottom:125px}
}
.contact-expert .titulo{color:#333f48;font-family:'N27 Bold';font-weight:700;font-style:normal;font-size:22px;line-height:30px;margin-bottom:24px}
@media(min-width:1024px){.contact-expert .titulo{font-size:24px;line-height:28px}
}
@media(min-width:1600px){.contact-expert .titulo{font-size:24px;line-height:32px}
}
@media(min-width:768px){.contact-expert .titulo{margin-bottom:32px}
}
.contact-expert .contents{display:flex;flex-direction:column;gap:30px}
@media(min-width:1024px){.contact-expert .contents{flex-flow:row}
}
.contact-expert .contents .component-expert,.contact-expert .contents .component-office{flex-basis:calc(100% /  1 - ((30px * (1 - 1)) / 1));max-width:calc(100% /  1 - ((30px * (1 - 1)) / 1))}
@media(min-width:1024px){.contact-expert .contents .component-expert,.contact-expert .contents .component-office{flex-basis:calc(100% /  2 - ((30px * (2 - 1)) / 2));max-width:calc(100% /  2 - ((30px * (2 - 1)) / 2))}
}
.contact-expert .component-expert .content-expert{display:flex;flex-flow:row;justify-content:center}
.contact-expert .component-expert .contenedor{position:relative;width:100%;height:226px;background-color:#fff;display:flex;overflow-x:scroll}
.contact-expert .component-expert .contenedor::-webkit-scrollbar{display:none}
.contact-expert .component-expert .contenedor .link-mobile{display:none}
@media(max-width:768px){.contact-expert .component-expert .contenedor{height:255px}
.contact-expert .component-expert .contenedor .link{display:none}
.contact-expert .component-expert .contenedor .link-mobile{display:block;position:relative;right:0;margin-top:27px}
.contact-expert .component-expert .contenedor .link-mobile a{font-size:18px;line-height:26px;font-family:'N27 Bold';font-weight:700;font-style:normal;color:#d52b1e;cursor:pointer;text-wrap:balance;padding-bottom:3px;font-size:16px;line-height:24px}
.contact-expert .component-expert .contenedor .link-mobile a:after{transition:all .3s ease-in-out;font-family:"icomoon" !important;content:"\ee935";font-weight:400;position:relative;top:2px;display:inline-block;width:30px;height:30px;border:1px solid #d52b1e;border-radius:50%;font-size:20px;margin-left:16px;display:inline-grid;place-items:center;transform:rotate(0)}
.contact-expert .component-expert .contenedor .link-mobile a:hover:after{background-color:#d52b1e;color:#fff;transform:rotate(45deg)}
.contact-expert .component-expert .contenedor .link-mobile a:after{width:24px;height:24px;font-size:16px;margin-left:8px}
}
@media(max-width:400px){.contact-expert .component-expert .contenedor .link-mobile{margin-top:10px}
}
.contact-expert .component-expert .contenedor:first-of-type{margin-right:10px}
@media(max-width:430px){.contact-expert .component-expert .contenedor:first-of-type{margin-right:0}
}
.contact-expert .component-expert .divide{display:flex;flex-flow:row;align-items:flex-start}
@media(min-width:768px){.contact-expert .component-expert .divide{align-items:center}
}
.contact-expert .component-expert .top{display:flex;flex-direction:row;align-items:center;position:relative}
.contact-expert .component-expert .content{position:relative}
.contact-expert .component-expert .content .expert{margin-top:32px;margin-left:32px;margin-bottom:26px;font-size:24px;font-family:'N27 Bold';font-weight:700;font-style:normal;color:#333f48}
@media(max-width:768px){.contact-expert .component-expert .content .expert{margin-left:unset;margin-top:unset}
}
@media(max-width:430px){.contact-expert .component-expert .content .expert{font-size:22px}
}
.contact-expert .component-expert .photography{width:100%;height:100%;display:none}
.contact-expert .component-expert .picture{width:100%;height:100%;display:block;flex:0 0 auto}
@media(max-width:768px){.contact-expert .component-expert .picture{padding:24px 16px}
}
.contact-expert .component-expert .picture img{width:93px;height:93px;border-radius:93px;margin-left:32px}
@media(max-width:767px){.contact-expert .component-expert .picture img{margin-left:unset}
}
@media(max-width:430px){.contact-expert .component-expert .picture img{width:72px;height:72px;margin-left:0}
}
.contact-expert .component-expert .texto{color:#fff;margin-left:32px;display:flex;flex-direction:column;gap:8px}
@media(max-width:500px){.contact-expert .component-expert .texto{margin-left:24px}
}
.contact-expert .component-expert .texto p{margin:0 0 8px 0}
.contact-expert .component-expert .texto p:last-child{margin:0}
.contact-expert .component-expert .name{font-size:20px;font-family:'N27 Bold';font-weight:700;font-style:normal;color:#333}
@media(max-width:430px){.contact-expert .component-expert .name{font-size:18px}
}
.contact-expert .component-expert .direccion{font-size:18px;font-family:'N27 Regular';font-weight:400;font-style:normal;color:#333}
@media(max-width:430px){.contact-expert .component-expert .direccion{font-size:16px}
}
.contact-expert .component-expert .link{position:absolute;right:40px;cursor:pointer}
.contact-expert .component-expert .link a{font-size:18px;line-height:26px;font-family:'N27 Bold';font-weight:700;font-style:normal;color:#d52b1e;cursor:pointer;text-wrap:balance;padding-bottom:3px}
.contact-expert .component-expert .link a:after{transition:all .3s ease-in-out;font-family:"icomoon" !important;content:"\ee935";font-weight:400;position:relative;top:2px;display:inline-block;width:30px;height:30px;border:1px solid #d52b1e;border-radius:50%;font-size:20px;margin-left:16px;display:inline-grid;place-items:center;transform:rotate(0)}
.contact-expert .component-expert .link a:hover:after{background-color:#d52b1e;color:#fff;transform:rotate(45deg)}
@media(max-width:430px){.contact-expert .component-expert .link a{font-size:16px}
.contact-expert .component-expert .link .link-mobile{display:block;position:relative;right:0;margin-top:25px}
.contact-expert .component-expert .link .link-mobile a{font-size:18px;line-height:26px;font-family:'N27 Bold';font-weight:700;font-style:normal;color:#d52b1e;cursor:pointer;text-wrap:balance;padding-bottom:3px;font-size:16px;line-height:24px}
.contact-expert .component-expert .link .link-mobile a:after{transition:all .3s ease-in-out;font-family:"icomoon" !important;content:"\ee935";font-weight:400;position:relative;top:2px;display:inline-block;width:30px;height:30px;border:1px solid #d52b1e;border-radius:50%;font-size:20px;margin-left:16px;display:inline-grid;place-items:center;transform:rotate(0)}
.contact-expert .component-expert .link .link-mobile a:hover:after{background-color:#d52b1e;color:#fff;transform:rotate(45deg)}
.contact-expert .component-expert .link .link-mobile a:after{width:24px;height:24px;font-size:16px;margin-left:8px}
}
.contact-expert .component-expert .mobile{margin-bottom:40px;font-size:18px;font-family:'N27 Regular';font-weight:400;font-style:normal;color:#333}
@media(max-width:430px){.contact-expert .component-expert .mobile{font-size:16px}
}
.contact-expert .component-expert .call{display:flex;cursor:pointer;align-items:center}
.contact-expert .component-expert .call a{display:flex;align-items:center}
.contact-expert .component-expert .icon--call{margin-right:5px;font-size:24px;color:#d52b1e}
.contact-expert .component-expert .arrow-up{margin-left:16px;padding:8px;border:1px solid #d52b1e;border-radius:40px}
.contact-expert .component-expert .boton{position:absolute;top:5%;left:95%}
.contact-expert .component-expert .points{position:absolute;top:100%;width:100%;text-align:center}
.contact-expert .component-expert .point,.contact-expert .component-expert .line{display:inline-block;width:32px;height:4px;background:#646468}
.contact-expert .component-expert .point:hover{cursor:pointer;background-color:#333f48}
.contact-expert .component-expert .line:hover{cursor:pointer;background-color:#333f48}
.contact-expert .component-expert .contenedor a:hover{color:#333f48}
.contact-expert .component-expert .selected{background:#d52b1e !important;width:56px}
.contact-expert .component-office .contenedor{position:relative;width:100%;height:226px;background-color:#fff;overflow-x:scroll;display:flex}
.contact-expert .component-office .contenedor::-webkit-scrollbar{display:none}
@media(max-width:768px){.contact-expert .component-office .contenedor .link{display:none}
.contact-expert .component-office .contenedor .link-mobile{display:block;position:relative;right:0;font-size:18px;line-height:26px;font-family:'N27 Bold';font-weight:700;font-style:normal;color:#d52b1e;cursor:pointer;text-wrap:balance;padding-bottom:3px;font-size:16px;line-height:24px;margin-top:27px}
.contact-expert .component-office .contenedor .link-mobile:after{transition:all .3s ease-in-out;font-family:"icomoon" !important;content:"\ee935";font-weight:400;position:relative;top:2px;display:inline-block;width:30px;height:30px;border:1px solid #d52b1e;border-radius:50%;font-size:20px;margin-left:16px;display:inline-grid;place-items:center;transform:rotate(0)}
.contact-expert .component-office .contenedor .link-mobile:hover:after{background-color:#d52b1e;color:#fff;transform:rotate(45deg)}
.contact-expert .component-office .contenedor .link-mobile:after{width:24px;height:24px;font-size:16px;margin-left:8px}
}
.contact-expert .component-office .content{position:relative}
.contact-expert .component-office .contenedor:first-of-type{margin-right:10px}
@media(max-width:430px){.contact-expert .component-office .contenedor:first-of-type{margin-right:0}
}
.contact-expert .component-office .call{display:flex}
.contact-expert .component-office .divide{display:flex;flex-flow:row;align-items:flex-start}
@media(min-width:768px){.contact-expert .component-office .divide{align-items:center}
}
.contact-expert .component-office .icon--black{position:relative;font-size:20px;left:8px;cursor:pointer}
.contact-expert .component-office .modal{display:none;position:absolute;border-radius:4px;background:#fff;box-shadow:0 3px 8px 0 rgba(0,0,0,0.25);max-width:380px;height:auto;text-align:justify;z-index:99;top:60px;left:220px;flex-flow:row;overflow:hidden}
@media(max-width:769px){.contact-expert .component-office .modal{top:29px;left:190px}
}
@media(max-width:550px){.contact-expert .component-office .modal{top:30px;left:0}
}
.contact-expert .component-office .gobierno-logo{margin-bottom:16px;width:100%}
.contact-expert .component-office .divParrafo{flex-flow:column nowrap;width:90%;padding:10px 16px;display:flex;align-items:center}
.contact-expert .component-office .divParrafo p{font-size:14px;line-height:22px;font-family:'N27 Regular';font-weight:400;font-style:normal}
.contact-expert .component-office .black{width:10%;background:#333f48;z-index:999;padding:0 16px 0 0}
.contact-expert .component-office .svg{position:absolute;top:79px;left:216px;display:none}
.contact-expert .component-office .black-icon{position:relative;top:5px;left:50%;transform:translate(0,-50%)}
.contact-expert .component-office .black-icon .icon--white{color:#fff}
.contact-expert .component-office .top{display:flex;flex-direction:row;align-items:center;position:relative}
@media(max-width:768px){.contact-expert .component-office .top{align-items:start}
}
.contact-expert .component-office .content .office{margin-top:32px;margin-left:32px;margin-bottom:26px;font-size:24px;font-family:'N27 Bold';font-weight:700;font-style:normal;color:#333f48}
@media(max-width:768px){.contact-expert .component-office .content .office{margin-left:unset;margin-top:unset}
}
@media(max-width:430px){.contact-expert .component-office .content .office{font-size:22px}
}
.contact-expert .component-office .picture,.contact-expert .component-office .photography{width:100%;height:100%;display:block;position:relative;flex:0 0 auto}
@media(max-width:768px){.contact-expert .component-office .picture,.contact-expert .component-office .photography{padding:24px 16px}
}
.contact-expert .component-office .image{width:93px;height:93px;border-radius:93px;margin-left:32px}
@media(max-width:768px){.contact-expert .component-office .image{margin-left:unset}
}
@media(max-width:430px){.contact-expert .component-office .image{width:72px;height:72px}
}
.contact-expert .component-office .texto{color:white;margin-left:32px}
@media(max-width:500px){.contact-expert .component-office .texto{margin-left:24px}
}
.contact-expert .component-office p{margin:0 0 8px 0}
.contact-expert .component-office .name{font-size:20px;font-family:'N27 Bold';font-weight:700;font-style:normal;color:#333}
.contact-expert .component-office .link{position:absolute;right:40px;font-size:18px;line-height:26px;font-family:'N27 Bold';font-weight:700;font-style:normal;color:#d52b1e;cursor:pointer;text-wrap:balance;padding-bottom:3px}
.contact-expert .component-office .link:after{transition:all .3s ease-in-out;font-family:"icomoon" !important;content:"\ee935";font-weight:400;position:relative;top:2px;display:inline-block;width:30px;height:30px;border:1px solid #d52b1e;border-radius:50%;font-size:20px;margin-left:16px;display:inline-grid;place-items:center;transform:rotate(0)}
.contact-expert .component-office .link:hover:after{background-color:#d52b1e;color:#fff;transform:rotate(45deg)}
.contact-expert .component-office .link-mobile{display:none}
.contact-expert .component-office .arrow-up{margin-left:16px;padding:8px;border:1px solid #d52b1e;border-radius:40px}
.contact-expert .component-office .perfil{font-size:18px;font-family:'N27 Regular';font-weight:400;font-style:normal;color:#333;margin-left:16px;cursor:pointer}
.contact-expert .component-office .perfiles{display:flex;align-items:center}
.contact-expert .component-office .icon--perfiles{display:flex;padding:4px;border-radius:40px;border:1px solid #0077b7;background:#0077b7;font-size:16px}
@media(max-width:430px){.contact-expert .component-office .icon--perfiles{height:25px;margin-right:16px}
}
.contact-expert .component-office .boton{position:absolute;top:5%;left:95%}
.contact-expert .component-office .points{position:absolute;top:100%;width:100%;text-align:center}
.contact-expert .component-office .point,.contact-expert .component-office .line{display:inline-block;width:32px;height:4px;background:#646468}
.contact-expert .component-office .point:hover{cursor:pointer;background-color:#333f48}
.contact-expert .component-office .line:hover{cursor:pointer;background-color:#333f48}
.contact-expert .component-office .contenedor a:hover{color:#333f48}
.contact-expert .component-office .current{display:block}
.contact-expert .component-office .active{background:#d52b1e !important;width:56px}
.contact-expert .component-office .currentD{display:block}
.contact-expert .component-office .selected{background:#d52b1e !important;width:56px}