@charset "iso-8859-1";
/*RESET*/
*{box-sizing:border-box}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

/*CUSTOM*/
body{background-color:#022358;background-image:url(https://www.palermo.edu/Archivos_content/2024/bg-form.jpg)!important;background-position:center top;background-repeat:no-repeat;background-color:#FFF;background-size:cover;font-family:'Hind',Arial,Helvetica,sans-serif;line-height:1.3;font-weight:400;color:#FFF}
.container{width:1275px;margin:50px auto;overflow:hidden;padding:0 15px}
.subcontainer{width:100%;overflow:hidden;margin-bottom:15px;padding:18px}
.subcontainer h2{width:100%;margin-bottom:10px;font-size:35px;font-weight:600}
.subcontainer h3{width:100%;margin-bottom:18px;font-size:16px;font-weight:600}
.subcontainer.nopadding h1{width:100%;margin-bottom:10px;font-size:35px;font-weight:600}
.subcontainer.bgrgba h2{width:100%;margin-bottom:18px;font-size:16px;font-weight:600}
.subcontainer p{margin-bottom:10px;font-size:16px}
.subcontainer p.nomobile{display:none!important}
.subcontainer .listado-charlas p{margin-bottom:0;font-size:13px;margin:0 6px;padding:2px 0;text-transform:lowercase;display:flex;flex-direction:column-reverse;justify-content:flex-end}
.subcontainer .listado-charlas p strong{font-weight:600;font-size:13px;text-transform:uppercase}
.subcontainer .camposcontuno .campocont p {font-size:16px;margin-bottom:0}
.subcontainer span{margin-bottom:0;font-size:12px; text-align: right}
.subcontainer span.nomobile{display:block!important}
.bgrgba{background-color:rgba(44,90,210,1); border-radius:5px}
.camposcontuno{/*display:-webkit-flex;display:-moz-box;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;*/display:flex;flex-wrap:wrap}
.campocont{margin:0 2% 12px 0;flex-basis:32%;display:flex;align-items:center}
.campocont strong{font-weight:600}
.campocont input, .campocont select{background-color:#FFF;font-family:'Hind',Arial,Helvetica,sans-serif;font-size:15px;width:100%;border:1px solid #2c5ad2;padding:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#333; border-radius: 5px}
.campocont select{background-image:url(https://www.palermo.edu/arquitectura/images/img/flechita-select2.png)!important;background-position:97% center;background-repeat:no-repeat}
.campocont:nth-child(3){margin-right:0}
.telefono{display:flex}
.telefono .columna{margin-right:2%}
.telefono .columna:nth-child(3){margin-right:0}
.telefono .uno{flex-basis:6%;display:flex;align-items:center}
.telefono .dos{flex-basis:30%}
.telefono .dos select{background-position:90% center}
.telefono .tres{flex-basis:60%}
.listado-charlas{width:100%;background-color:#FFF;border:1px solid #0066b1;padding:20px 20px 10px;overflow:auto;-webkit-overflow-scrolling:touch;max-height:160px;color:#333;/*display:-webkit-flex;display:-moz-box;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;*/display:flex;flex-wrap:wrap; border-radius: 5px}
.listado-charlas .item{display:flex;flex-basis:32%; margin:0 2% 10px 0}
.listado-charlas .item:nth-child(3n+0){margin:0 0 10px 0}
.listado-charlas .item input{width:auto;display:flex;align-self:self-start}
.boton{text-align:right}
.boton input{text-align:center;padding:10px 25px; color:#ffffff;font-family:'Hind',Arial,Helvetica,sans-serif;font-weight:600;border:none;background-color:#ff4747;border-radius:5px;font-size:14px;text-transform:uppercase;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor: pointer}
.nomargin{margin:0}
.nopadding{padding:0}
.nomobile{display:block}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0 !important;-webkit-box-shadow: 0 0 0px 1000px white inset !important}
select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus,select:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0 !important;-webkit-box-shadow: 0 0 0px 1000px white inset !important}
::-webkit-input-placeholder{color:#4d7ab0}
:-moz-placeholder{color:#4d7ab0}
::-moz-placeholder{color:#4d7ab0}
:-ms-input-placeholder{color:#4d7ab0}
@media (max-width: 1358px) {
.container{width:1111px}
.subcontainer h2{font-size:34px}
.subcontainer.nopadding h1{font-size:34px}
}
@media (max-width: 1199px) {
.container{width:900px}
.subcontainer h2{font-size:27px}
.subcontainer.nopadding h1{font-size:27px}
}
@media (max-width: 991px) {
body{background-size:auto}
.container{width:600px}
.subcontainer h2{font-size:30px}
.subcontainer.nopadding h1{font-size:30px}
.campocont{margin:0 0 12px;flex-basis:100%}
.listado-charlas .item, .listado-charlas .item:nth-child(3n+0){flex-basis: 47%; margin:0 2% 5px 0}
}
@media (max-width: 767px) {
.container{width:470px}
.subcontainer h2{font-size:20px}
.subcontainer.nopadding h1{font-size:20px}
.subcontainer p{font-size:16px}
.nomobile{display:none!important}
.listado-charlas .item, .listado-charlas .item:nth-child(3n+0){flex-basis: 100%; margin:0 0 5px 0}
.boton{text-align:center}
.boton input{padding:10px 9px}
}
@media (max-width: 479px) {
.container{width:310px}
.boton input{width:100%}
.listado-charlas{padding:20px 10px 10px}
}