:root {
    --black: #000;
    --white: #fff;
    --brilliantPrimary: rgb(21, 213, 204);/*#15d5cc*/
    --primaryLight: rgb(230, 247, 246);/*#e6f7f6*/
    --darkGray:rgb(75, 79, 84);/*#4b4f54*/
    --mediumGray: rgb(202, 202, 202);/*#cacaca*/
    --lightGray: rgb(246, 246, 246);/*#f6f6f6*/
    --primary: rgb(0, 132, 136);/*008488*/
    --primaryHover: #073536;/*#073536*/
    --primaryText: rgb(0, 0, 0);/*#000*/
    --primaryTextHover: var(--darkGray);
    --disabled: var(--mediumGray);
    --redAccesibility: rgb(160, 29, 45);/*#A01D2D*/
    --redAccesibilityHover: rgb(97, 14, 25);/*#610E19*/
    --redMedium: rgb(255, 209, 214);/*#ffd1d6*/
    --redLight: rgb(252, 235, 237);/*#fcebed*/
    --primaryFont: OpenSansRegular, sans-serif;
    --primaryFontBold: OpenSansBold, sans-serif;
    --secondaryFont: Exo, sans-serif;
    --secondaryFontBold: ExoBold, sans-serif;
    --borderRadius: 50px;
    --borderRadiusActive: var(--borderRadius);
    --loadingColorPrimary: rgb(116, 188, 192);/*#74BCC0*/ 
    --blackMediumGray: var(--primaryText);
    --primaryHoverPrimaryText: var(--primaryHover);
    --primaryHoverprimaryTextHover: var(--primaryHover);
    --whiteDarkGray: var(--white);
    --darkGrayWhite: var(--darkGray);
}

html .temahospitalPublico:not(.portal-paciente-fjd),
:root html .temahospitalPublico:not(.portal-paciente-fjd),
html .publicoAbierto:not(.portal-paciente-fjd),
:root html .publicoAbierto:not(.portal-paciente-fjd),
.kioskoTemaPublico,
.kioskoTemaPublico:not(.portal-paciente-fjd) {
    --black: rgb(51, 51, 51);/*#333*/
    --brilliantPrimary: rgb(97, 212, 255);/*#61d4ff*/
    --darkGray:rgb(74, 74, 74);/*#4a4a4a*/
    --mediumGray: rgb(179, 179, 179);/*#b3b3b3*/
    --lightGray: rgb(240, 240, 240);/*#f0f0f0*/
    --primary: rgb(0, 116, 163);/*#0074A3*/
    --primaryHover: rgb(0, 89, 117);/*#005975*/
    --primaryText: rgb(51, 51, 51);/*#333*/
    --primaryTextHover: var(--darkGray);
    --disabled: var(--lightGray);
    --primaryLight: rgb(233, 244, 249);/*#e9f4f9*/
    --secondaryFont: Montserrat, sans-serif;
    --secondaryFontBold: MontserratBold, sans-serif;
    --borderRadius: 8px;
    --borderRadiusActive: 5px;
    --loadingColorPrimary: rgb(116, 180, 206);/*#74B4CE*/
    --blackMediumGray: var(--mediumGray);
    --primaryHoverPrimaryText: var(--primaryText);
    --primaryHoverprimaryTextHover: var(--primaryTextHover);
    --whiteDarkGray: var(--darkGray);
    --darkGrayWhite: var(--white);
}

.centrospublicos .qs-section-nuevo-email .contentText {
	color: #000;
}

.qs-section-nuevo-email .contentHeader,
.qs-section-nuevo-email .contentText > p.cmParagraph {
  display: none;
}

.contenido-nuevo-email-ok,
.contenido-nuevo-email-ko {
	display: grid;
}

.contenido-nuevo-email {
	display: grid;
	justify-content: center;
	text-align: center;
	max-width: 550px;
    margin: 0 auto;
}

.contenido-nuevo-email__logo {
	justify-self: center;
	margin-top: 38px;
	max-width: 220px;
}

.qs-section-nuevo-email i {
	font-size: 48px;
	margin: 40px 0 24px 0;
}

.contenido-nuevo-email-ko {
	margin-bottom: 90px;
}

.contenido-nuevo-email-ok i {
	color: var(--primary);
}

.contenido-nuevo-email-ko i {
	color:  #A01D2D;
}

.contenido-nuevo-email__titulo {
	font-size: 22px;
    font-family: "openSansBold", Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 30px;
	margin-bottom: 34px;
}

.contenido-nuevo-email__descripcion {
	font-size: 14px;
    font-family: "openSansRegular", Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 22px;
}

.quironsalud a.contenido-nuevo-email__boton,
.centrospublicos a.contenido-nuevo-email__boton,
.centrosprivados.quironsalud .templateHtml a.contenido-nuevo-email__boton {
	margin-top: 40px;
    width: 100%;
    min-width: 200px;
    max-width: 380px;
    height: 48px;
    border-radius: var(--borderRadius);
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    position: relative;
    padding: 0 24px;
    gap: 8px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    font-family: OpenSansBold, sans-serif;
    font-weight: 700;
    line-height: 20px;
    background-color: var(--primary);
    color: var(--white);
    border: none; 
}

.quironsalud a.contenido-nuevo-email__boton:hover:not(:disabled),
.centrospublicos a.contenido-nuevo-email__boton:hover:not(:disabled),
.centrosprivados.quironsalud .templateHtml a.contenido-nuevo-email__boton:hover:not(:disabled) {
    background-color: var(--primaryHover);
    color: var(--white);
    border-color: var(--white);
    text-decoration: none;
    border: none;
}

.quironsalud a.contenido-nuevo-email__boton:focus:not(:disabled),
.centrospublicos a.contenido-nuevo-email__boton:focus:not(:disabled),
.centrosprivados.quironsalud .templateHtml a.contenido-nuevo-email__boton:focus:not(:disabled) {
    outline: 0;
    text-decoration: none;
}

.quironsalud a.contenido-nuevo-email__boton:active:not(:disabled):not(.loadingLoop),
.centrospublicos a.contenido-nuevo-email__boton:active:not(:disabled):not(.loadingLoop),
.centrosprivados.quironsalud .templateHtml a.contenido-nuevo-email__boton:active:not(:disabled):not(.loadingLoop) {
    background-color: var(--primaryHover);
    color: var(--white);
    border-color: var(--white);
    position: relative;
}

.quironsalud a.contenido-nuevo-email__boton:active:not(:disabled):not(.loadingLoop):before,
.centrospublicos a.contenido-nuevo-email__boton:active:not(:disabled):not(.loadingLoop):before,
.centrosprivados.quironsalud .templateHtml a.contenido-nuevo-email__boton:active:not(:disabled):not(.loadingLoop):before {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border-radius: var(--borderRadiusActive);
    border: 2px solid var(--white) !important;
}

.contenido-nuevo-email__legal {
	margin-top: 128px;
    border-top: 1px solid #cacaca;
    padding-top: 24px;
    font-size: 14px;
    font-family: "openSansBold", Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: 22px;
}

.btn-appointment-blue {
    color: #FFFFFF;
    text-align: center;
    margin-top: 15px;
}

.btn-appointment-blue a {
    text-decoration: none;
    background-color: #0074A3;
    padding: 20px 30px;
    border-radius: 8px;
    transition: all .3s;
}

.btn-appointment-blue .cmMenuTitle {
    color: #FFFFFF;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.form-multiple-col-3 .control-field { 
    display: grid; 
    grid-template-columns: 33% 33% 33%; 
} 

@media (max-width: 1024px) { 
  .form-multiple-col-3 .control-field { 
    grid-template-columns: 1fr; 
  }
}