@charset "UTF-8";

   html, body {
border: 0;
font-family: sans-serif;
line-height: 1.7em;
margin: 0;
padding: 0;
}
div, span, object, iframe, img, table, caption, thead, tbody,
tfoot, tr, tr, td, article, aside, canvas, details, figure, hgroup, menu,
nav, footer, header, section, summary, mark, audio, video {
border: 0;
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cit, code,
del, dfn, em, ins, q, samp, small, strong, sub, sup, b, i, hr, dl, dt, dd,
ol, li, fieldset, legend, label {
border: 0; vertical-align: baseline;
margin: 0;
padding: 0;
}
article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
display: block;
}
table {
border-collapse: separate;
border-spacing: 0;
}
table caption, table th, table td {
text-align: left;
vertical-align: middle;
}
a img {
border: 0;
}
:focus {
outline: 0;
}           @font-face {
font-family: "Nexa";
src: url(//panacea-coop.com/wp-content/themes/panacea/assets/fonts/Nexa-Light.otf) format("opentype");
}
@font-face {
font-family: "NexaBold";
font-weight: bold;
src: url(//panacea-coop.com/wp-content/themes/panacea/assets/fonts/Nexa-Bold.otf) format("opentype");
} html,
body {
overflow-x: clip;
}
body {
font-family: "Roboto", Helvetica;
font-style: normal;
font-weight: 400;
color: #55569F;
font-size: 1em;
line-height: 1.6rem;
}
body h1,
body h2 {
font-family: "NexaBold";
color: #ffffff;
}
body h3,
body h4 {
font-family: "NexaBold";
color: #2B2577;
}
body h5,
body h6 {
color: #2C2D70;
}
body h1 {
color: #ffffff;
font-size: 2.5rem;
}
body h2,
body h3 {
font-size: 2rem;
}
body h4 {
font-size: 1.5rem;
}
body .h-blue {
color: #2B2577;
}
body .h-blue a:hover {
text-decoration: none;
}
body .wp-block-separator {
border-top: 1px solid #A6A6A6;
border-bottom: 0;
}
body .white-text {
color: #ffffff;
}
body .grey-text {
color: #A6A6A6;
}
body .grey-text > a {
color: #A6A6A6;
text-decoration: underline;
}
body .grey-text > a:hover {
text-decoration: none;
color: #555192;
}
body .small-text {
font-size: 1em;
}
body .content {
max-width: 860px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
body .content {
padding: 0em 1em;
}
}
p > a {
color: #2C2D70;
text-decoration: none;
}
p > a:hover {
text-decoration: underline;
}
a {
color: #2C2D70;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #2B2577;
}
.bt-blue a,
.bt-pink a,
.bt-blue-10 a {
width: auto !important;
border-radius: 7px !important;
color: #ffffff !important;
text-transform: uppercase;
font-family: "Roboto", Helvetica;
font-size: 1rem;
text-decoration: none !important;
padding: 0.5em 2.5em;
white-space: nowrap;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media screen and (max-width: 500px) {
.bt-blue a,
.bt-pink a,
.bt-blue-10 a {
padding: 0.5em 0.5em;
}
}
.bt-blue-10 a {
background: #E6E4F2;
color: #2B2577 !important;
}
.bt-blue-10 a:hover {
background: #9F98C5;
}
.bt-blue a {
background: #003663;
}
.bt-blue a:hover {
background: #c30058;
}
.bt-pink a {
background: #c30058;
}
.bt-pink a:hover {
background: #555192;
}
.bt-transparent-blue-10,
.bt-transparent-dark-blue,
.bt-transparent-white {
font-size: 12px;
font-family: "Roboto", Helvetica;
border-radius: 40px;
text-decoration: none;
}
.bt-transparent-blue-10 .wp-block-button__link,
.bt-transparent-dark-blue .wp-block-button__link,
.bt-transparent-white .wp-block-button__link {
text-decoration: none;
}
.bt-transparent-blue-10 {
color: #E6E4F2;
}
.bt-transparent-dark-blue {
color: #151F6D;
}
.bt-transparent-dark-blue .wp-block-button__link {
cursor: default;
}
.bt-transparent-white {
color: #ffffff;
}
.bt-transparent-white .wp-block-button__link {
cursor: default;
}
.bt-transparent-white .wp-block-button__link:hover {
color: #ffffff;
}
button {
width: auto !important;
color: #ffffff;
text-transform: uppercase;
font-family: "Roboto", Helvetica;
font-size: 1rem;
text-decoration: none;
white-space: nowrap;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
outline: none;
border: 0;
padding: 10px 22px;
border-radius: 7px;
}
@media screen and (max-width: 500px) {
button {
padding: 0.5em 0.5em;
}
}
button.bt-pink {
color: #ffffff;
gap: 10px;
background: #c30058;
}
button.bt-pink:hover {
background: #555192;
}
button.bt-blue {
color: #ffffff;
background-color: #2B2577;
gap: 10px;
}
button.bt-blue:hover {
background-color: #c30058;
}
button.bt-reset {
padding: 10px 22px;
border-radius: 7px;
border: 1px solid #9F98C5;
color: #9F98C5;
background-color: #E6E4F2;
gap: 10px;
}
button.bt-reset:hover {
background-color: #9F98C5;
color: #E6E4F2;
}
button.form-submit-button {
background: #003663;
}
button.form-submit-button:hover {
background: #7a4183;
}
hr.wp-block-separator.blue-70 {
border-top: 1px solid #2B2577;
}
hr.wp-block-separator.purple-hover {
border-top: 1px solid #555192;
}
hr.wp-block-separator.grey-text {
border-top: 1px solid #A6A6A6;
}
hr.wp-block-separator.pink {
border-top: 1px solid #c30058;
}
.bg-gradiente-tb {
background: linear-gradient(180deg, #E72B68 0%, #2C2D70 62.5%);
height: 600px;
color: #ffffff;
}
.bg-blue {
background: #F2F7FC;
}
.bg-blue-70 {
background: #2C2D70;
color: #ffffff !important;
}
.wp-block-columns {
margin: 0;
}
.wp-block-image {
margin: 0;
}
.wp-block-image img {
max-width: none;
width: 100%;
}
.row {
margin: 0 !important;
}
.no-padding {
padding-right: 0;
padding-left: 0;
}
.top-float {
position: relative;
top: -237px;
}
@media screen and (max-width: 576px) {
.top-float {
top: -100px;
}
}
.note {
color: #4D428B;
font-family: "Roboto", Helvetica;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 13px;
text-transform: uppercase;
}
.text-references {
font-size: 0.8em;
}
.grecaptcha-badge {
opacity: 0;
}
.custom-container {
display: flex;
justify-content: center;
max-width: 75%;
padding: 4em 0 5em;
margin-right: auto;
margin-left: auto;
}
@media screen and (max-width: 1280px) {
.custom-container {
max-width: 90%;
}
}
@media screen and (max-width: 576px) {
.custom-container {
padding: 2em 1em;
max-width: 100%;
}
.custom-container .container {
padding: 0;
}
} .main-header {
border-bottom: 0.1em solid #dee2e6;
width: 100%;
background-color: #ffffff;
}
.main-header .row {
margin: 0 !important;
}
.main-header .nav-languages {
display: block;
color: white;
background-color: #2C2D70;
font-size: 0.813em;
padding-right: 3.4em;
height: 1.9em;
list-style: none;
}
@media screen and (max-width: 992px) {
.main-header .nav-languages {
padding-right: 0.4em;
}
}
.main-header .nav-languages .wpml-ls-sidebars-drop-language-sidebar {
background-color: #2B2577;
margin-right: 1em;
}
.main-header .nav-languages .wpml-ls-legacy-dropdown-click .wpml-ls-item {
width: 7em;
position: relative;
z-index: 1000;
}
.main-header .nav-languages .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
border: none;
box-shadow: 2px -2px 10px 1px rgba(0, 0, 0, 0.2);
}
.main-header .nav-languages .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:hover {
background: #ffffff;
}
.main-header .nav-languages .wpml-ls-legacy-dropdown-click > ul {
float: right;
}
.main-header .nav-languages .wpml-ls-legacy-dropdown-click > ul li {
text-transform: uppercase;
}
.main-header .nav-languages .wpml-ls-legacy-dropdown-click a {
border: none;
text-decoration: none;
}
.main-header .sticky {
position: fixed;
top: 0;
z-index: 999;
width: 100%;
background-color: rgb(255, 255, 255);
border-bottom: 0.1em solid #dee2e6;
padding: 0em 3em 0em 0em;
}
.main-header .nav-header {
padding: 1em 1em;
}
@media screen and (max-width: 992px) {
.main-header .nav-header {
display: flex;
flex-direction: row-reverse;
padding: 0.5em 1em !important;
}
.main-header .nav-header .row {
padding: 0;
margin-left: 0 !important;
}
}
.main-header .nav-header .header-logo a {
display: block;
width: 13.5em;
}
.main-header .nav-header .header-logo a img {
vertical-align: middle;
width: 80%;
}
@media screen and (max-width: 992px) {
.main-header .nav-header .header-logo a img {
width: 100%;
}
}
@media screen and (max-width: 992px) {
.main-header .nav-header .header-logo {
padding: 0em 13em 0.5em 3em;
z-index: 1009;
position: absolute;
}
.main-header .nav-header .header-logo a {
display: block;
width: 12.5em;
}
.main-header .nav-header .header-logo a img {
vertical-align: middle;
}
}
@media screen and (max-width: 576px) {
.main-header .nav-header .header-logo {
padding: 0em 8.5em 0.5em 0em;
z-index: 998;
}
.main-header .nav-header .header-logo a {
display: block;
width: 8.5em;
}
.main-header .nav-header .header-logo a img {
vertical-align: middle;
padding-top: 0.5em;
}
}
.main-header .nav-header .header-menu {
display: flex;
justify-content: end;
align-items: center;
}
@media screen and (max-width: 992px) {
.main-header .nav-header .header-menu {
display: none;
}
}
.main-header .nav-header .header-menu ul {
display: flex;
flex-direction: row;
margin: 0;
}
.main-header .nav-header .header-menu ul li {
display: flex;
align-items: center;
margin-left: 1em;
text-transform: uppercase;
white-space: nowrap;
padding: 0 0.5em;
}
@media screen and (max-width: 1280px) {
.main-header .nav-header .header-menu ul li {
padding: 0 0.1em;
}
}
.main-header .nav-header .header-menu ul li:last-child {
display: flex;
padding: 6px 15px;
align-items: flex-start;
gap: 10px;
border: 2px solid #c30058;
border-radius: 0.2rem;
}
.main-header .nav-header .header-menu ul li:last-child a {
color: #c30058;
font-family: "Roboto", Helvetica;
font-weight: 550;
font-size: 0.9rem;
line-height: 1.6rem;
text-decoration: none;
text-align: center;
}
.main-header .nav-header .header-menu ul li:last-child a:hover {
font-weight: 600;
color: #c30058;
}
.main-header .nav-header .header-menu ul li:last-child a:active {
color: #000000;
text-decoration: underline;
}
.main-header .nav-header .header-menu ul li a {
color: #2C2D70;
font-family: "Roboto", Helvetica;
font-weight: 550;
font-size: 0.9rem;
line-height: 1.6rem;
text-decoration: none;
}
.main-header .nav-header .header-menu ul li a:hover {
color: #555192;
}
.main-header .nav-header .header-menu ul li a:active {
color: #000000;
text-decoration: underline;
}
.main-header .nav-header .menu-hamburger {
display: none;
}
.main-header .nav-header .menu-hamburger.navbar {
padding: 0.5rem 0rem;
}
@media screen and (max-width: 992px) {
.main-header .nav-header .menu-hamburger {
display: block;
width: 100%;
margin: 0;
height: -moz-max-content;
height: -o-max-content;
}
}
.main-header .nav-header .menu-hamburger ul {
margin-top: 0.9em;
width: 100%;
list-style: none;
padding-left: 0;
}
.main-header .nav-header .menu-hamburger ul li {
display: flex;
align-items: center;
text-transform: uppercase;
padding-left: 0.5em;
margin-top: 0.9em;
padding: 0 0 0 0.4em;
}
.main-header .nav-header .menu-hamburger ul li:last-child {
display: flex;
padding: 6px 15px;
align-items: flex-start;
gap: 10px;
border: 2px solid #c30058;
border-radius: 0.2rem;
width: fit-content;
}
.main-header .nav-header .menu-hamburger ul li:last-child > a {
color: #c30058;
}
.main-header .nav-header .menu-hamburger ul li:last-child > a:hover {
font-weight: 600;
color: #c30058;
}
.main-header .nav-header .menu-hamburger ul li a {
color: #2C2D70;
font-family: "Roboto", Helvetica;
font-weight: bold;
font-size: 0.9em;
text-decoration: none;
}
.main-header .nav-header .menu-hamburger ul li a:hover {
color: #555192;
} .block-home-objectives > .custom-container {
gap: 0em !important;
}
@media screen and (max-width: 992px) {
.block-home-objectives > .custom-container .cards-container {
margin-top: 2em;
}
}
.block-home-objectives > .custom-container .cards-container .row-cards {
justify-content: center;
}
@media screen and (max-width: 1280px) {
.block-home-objectives > .custom-container .cards-container .row-cards {
display: flex;
flex-flow: row nowrap;
}
}
@media screen and (max-width: 992px) {
.block-home-objectives > .custom-container .cards-container .row-cards {
display: flex;
flex-flow: column wrap;
}
}
@media screen and (max-width: 1280px) {
.block-home-objectives > .custom-container .cards-container .row-cards > div {
display: flex;
flex-flow: column nowrap;
min-width: 0 !important;
}
}
@media screen and (max-width: 992px) {
.block-home-objectives > .custom-container .cards-container .row-cards > div {
display: flex;
flex-flow: column wrap;
}
}
.block-home-objectives > .custom-container .cards-container .row-cards > div:nth-child(1) {
background-color: #E6E4F2;
}
.block-home-objectives > .custom-container .cards-container .row-cards > div:nth-child(2) {
background-color: #fcedf2;
}
.block-home-objectives > .custom-container .cards-container .row-cards > div:nth-child(2) .card-content {
display: flex;
flex-direction: column;
gap: 2em;
}
.block-home-objectives > .custom-container .cards-container .row-cards > div:nth-child(2) .card-content h2, .block-home-objectives > .custom-container .cards-container .row-cards > div:nth-child(2) .card-content p {
color: #c30058;
}
.block-home-objectives > .custom-container .cards-container .row-cards > div:nth-child(3) {
background-color: #EDEDED;
}
.block-home-objectives > .custom-container .cards-container .row-cards > div:nth-child(1) .card-content, .block-home-objectives > .custom-container .cards-container .row-cards > div:nth-child(3) .card-content {
display: flex;
flex-direction: column;
gap: 2em;
}
.block-home-objectives > .custom-container .cards-container .row-cards > div:nth-child(1) .card-content h2, .block-home-objectives > .custom-container .cards-container .row-cards > div:nth-child(1) .card-content p, .block-home-objectives > .custom-container .cards-container .row-cards > div:nth-child(3) .card-content h2, .block-home-objectives > .custom-container .cards-container .row-cards > div:nth-child(3) .card-content p {
color: #151F6D;
}
@media screen and (max-width: 992px) {
.block-home-objectives > .custom-container .cards-container .row-cards > div:nth-child(1), .block-home-objectives > .custom-container .cards-container .row-cards > div:nth-child(2), .block-home-objectives > .custom-container .cards-container .row-cards > div:nth-child(3) {
width: 100%;
}
.block-home-objectives > .custom-container .cards-container .row-cards > div:nth-child(1) a, .block-home-objectives > .custom-container .cards-container .row-cards > div:nth-child(2) a, .block-home-objectives > .custom-container .cards-container .row-cards > div:nth-child(3) a {
min-height: auto;
gap: 1em;
}
}
.no-gap {
gap: 0 !important;
}
@media screen and (max-width: 781px) {
.block-objectives {
gap: 1.5em;
}
}
.block-objectives > div h3 {
font-family: "Roboto", Helvetica;
font-weight: 700;
color: #151F6D;
padding-bottom: 1em;
}
.block-objectives > div:nth-child(1) {
max-width: 46%;
border-right: 1px dotted #575756;
padding-right: 1.5em;
}
.block-objectives > div:nth-child(1) .products-lists {
display: flex;
flex-flow: row nowrap;
gap: 1em;
}
.block-objectives > div:nth-child(1) .products-lists .products-list1, .block-objectives > div:nth-child(1) .products-lists .products-list2 {
display: flex;
flex-flow: column nowrap;
gap: 1em;
}
.block-objectives > div:nth-child(1) .products-lists .products-list1 > p {
font-family: "Roboto", Helvetica;
font-size: 16px;
}
.block-objectives > div:nth-child(1) .products-lists .products-list1 > p:nth-child(1) {
font-weight: 700;
color: #151F6D;
}
.block-objectives > div:nth-child(1) .products-lists .products-list1 > p:nth-child(n+2):nth-child(-n+7) {
color: #151F6D;
border-radius: 8px;
padding: 10px;
background-color: #E6E4F2;
}
.block-objectives > div:nth-child(1) .products-lists .products-list2 > p:nth-child(1), .block-objectives > div:nth-child(1) .products-lists .products-list2 > p:nth-child(4) {
font-family: "Roboto", Helvetica;
font-weight: 700;
font-size: 16px;
color: #151F6D;
}
.block-objectives > div:nth-child(1) .products-lists .products-list2 > p:not(:nth-child(1)):not(:nth-child(4)) {
color: #151F6D;
border-radius: 8px;
padding: 10px;
background-color: #E6E4F2;
}
.block-objectives > div:nth-child(2) {
max-width: 27%;
border-right: 1px dotted #575756;
padding: 0 1.5em;
}
.block-objectives > div:nth-child(2) .services-content {
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
min-height: 376px;
margin-top: 2.2em;
}
.block-objectives > div:nth-child(2) .services-content p {
padding: 1em 0.5em;
border-radius: 8px;
background-color: #fcedf2;
color: #c30058;
min-height: 218px;
display: flex;
align-items: center;
}
.block-objectives > div:nth-child(2) .services-content p a {
text-decoration: none;
}
@media screen and (max-width: 781px) {
.block-objectives > div:nth-child(2) .services-content {
min-height: auto;
margin-top: 0;
justify-content: normal;
gap: 1em;
}
.block-objectives > div:nth-child(2) .services-content p {
display: flex;
align-items: center;
}
}
.block-objectives > div:nth-child(3) {
max-width: 27%;
padding-left: 1.5em;
}
.block-objectives > div:nth-child(3) .projects-content {
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
min-height: 376px;
}
.block-objectives > div:nth-child(3) .projects-content p {
padding: 1em 0.5em;
border-radius: 8px;
background-color: #EDEDED;
color: #151F6D;
min-height: 218px;
display: flex;
align-items: center;
}
.block-objectives > div:nth-child(3) .projects-content p a {
text-decoration: none;
}
@media screen and (max-width: 781px) {
.block-objectives > div:nth-child(3) .projects-content {
min-height: auto;
margin-top: 0;
justify-content: normal;
gap: 1em;
}
}
.block-objectives > div:nth-child(2) a, .block-objectives > div:nth-child(3) a {
text-decoration: none;
}
.block-objectives > div:nth-child(2) a img, .block-objectives > div:nth-child(3) a img {
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.block-objectives > div:nth-child(2) a:hover img, .block-objectives > div:nth-child(3) a:hover img {
transform: scale(1.2);
}
@media screen and (max-width: 992px) {
.block-objectives > div {
display: flex;
flex-flow: column wrap;
}
.block-objectives > div:nth-child(1), .block-objectives > div:nth-child(2), .block-objectives > div:nth-child(3) {
max-width: 100%;
}
}
@media screen and (max-width: 781px) {
.block-objectives > div {
display: flex;
flex-flow: column wrap;
gap: 1em;
}
.block-objectives > div:nth-child(1), .block-objectives > div:nth-child(2), .block-objectives > div:nth-child(3) {
max-width: 100%;
padding: 0;
border-right: 0;
padding: 0 1em 1.5em;
}
}
.block-products-image {
height: 100%;
}
.block-products-image img {
object-fit: cover;
height: 100%;
}
.block-products-title {
background-color: #E6E4F2;
display: flex;
flex-flow: column nowrap;
justify-content: end;
padding: 0 2em 1.5em;
gap: 1.5em;
}
@media screen and (max-width: 768px) {
.block-products-title {
padding: 1em;
}
}
.block-products-title p {
font-family: "Roboto", Helvetica;
font-weight: 400;
font-size: 12px;
color: #4D428B;
}
.block-products-title h1 {
color: #151F6D;
font-family: "NexaBold";
font-weight: 700;
font-size: 4em;
}
@media screen and (max-width: 992px) {
.block-products-title h1 {
font-size: 2.5em;
}
}
.single-post .post-products {
padding: 2em 0em 8em;
}
@media screen and (max-width: 1440px) {
.single-post .post-products {
padding: 2em;
}
}
@media screen and (max-width: 1024px) {
.single-post .post-products {
padding: 2em 1em;
}
}
.single-post .post-products > div:first-child {
max-width: 30%;
}
@media screen and (max-width: 768px) {
.single-post .post-products > div:first-child {
display: none;
}
}
.single-post .post-products > div:last-child {
max-width: 70%;
}
@media screen and (max-width: 768px) {
.single-post .post-products > div:last-child {
max-width: 100%;
}
}
@media screen and (max-width: 768px) {
.single-post .post-products .width-column-right figure {
display: flex;
justify-content: center;
}
.single-post .post-products .width-column-right figure img {
width: 60%;
}
}
@media screen and (max-width: 576px) {
.single-post .post-products .width-column-right figure img {
width: 80%;
}
}
@media screen and (max-width: 400px) {
.single-post .post-products .width-column-right figure img {
width: 100%;
}
}
.single-post .post-products .block-products-content p > a {
text-decoration: underline;
}
.single-post .post-products .block-products-content p > a:hover {
text-decoration: none;
color: #55569F;
}
.single-post .post-products .block-products-content .block-video {
display: flex;
gap: 1em;
}
@media screen and (max-width: 768px) {
.single-post .post-products .block-products-content .block-video {
gap: 1.5em;
}
}
.single-post .post-products .block-products-content .block-video > div {
display: flex;
justify-content: center;
}
@media screen and (max-width: 768px) {
.single-post .post-products .block-products-content .block-video figure {
display: flex;
justify-content: center;
}
}
.single-post .post-products .block-products-content .block-video iframe {
border-radius: 10px;
}
.single-post .post-products .block-products-content .block-video p {
color: #000000;
font-weight: 700;
}
.single-post .post-products .block-products-content ul {
list-style: disc;
}
.single-post .post-products .block-products-content ul li a {
font-family: "Roboto", Helvetica;
font-weight: 700;
font-size: 16px;
line-height: 34px;
letter-spacing: 0%;
text-decoration: underline;
text-decoration-style: solid;
color: #4D428B;
}
.single-post .post-products .block-products-content ul li a:hover {
color: #2B2577;
text-decoration: none;
}
.single-post .post-products .block-products-content .block-download a p {
color: red;
}
.single-post .post-products .block-products-content .block-download a.active p {
color: #2B2577;
}
.single-post .post-products .block-products-content .block-product-form {
display: flex;
gap: 1.5em;
padding-bottom: 2em;
}
.single-post .post-products .block-products-content .block-product-form > div:first-child {
max-width: 30%;
}
@media screen and (max-width: 768px) {
.single-post .post-products .block-products-content .block-product-form > div:first-child {
max-width: 100%;
}
}
.single-post .post-products .block-products-content .block-product-form > div:last-child {
min-width: 70%;
}
.single-post .post-products .block-products-content .block-product-form > div:last-child form {
background-color: #E6E4F2;
}
.single-post .post-products .block-products-content .block-product-form > div:last-child form .form-row .form-control {
border: 1px solid #151F6D !important;
}
.single-post .post-products .block-products-content .block-blue-cards {
display: flex;
flex-flow: row wrap;
padding: 1em 1.5em;
gap: 1.5em;
border-radius: 10px;
background-color: #E8EEFA;
border: 1px solid #2B2577;
}
@media screen and (max-width: 1400px) {
.single-post .post-products .block-products-content .block-blue-cards {
display: flex;
flex-flow: column wrap;
}
}
@media screen and (max-width: 576px) {
.single-post .post-products .block-products-content .block-blue-cards {
padding: 1em 0.5em;
}
}
.single-post .post-products .block-products-content .block-blue-cards > div:first-child {
max-width: 30%;
}
@media screen and (max-width: 1400px) {
.single-post .post-products .block-products-content .block-blue-cards > div:first-child {
max-width: 100%;
}
.single-post .post-products .block-products-content .block-blue-cards > div:first-child figure {
display: flex;
justify-content: center;
}
}
.single-post .post-products .block-products-content .block-blue-cards > div:first-child img {
border-radius: 4px;
width: 286.95px;
height: 178.72px;
object-fit: cover;
}
.single-post .post-products .block-products-content .block-blue-cards > div:last-child {
max-width: 70%;
display: flex;
align-items: center;
}
@media screen and (max-width: 1400px) {
.single-post .post-products .block-products-content .block-blue-cards > div:last-child {
max-width: 100%;
}
}
.single-post .post-products .block-products-content .block-blue-cards > div:last-child p {
font-family: "Roboto", Helvetica;
font-weight: 400;
font-size: 16px;
line-height: 22px;
padding: 0 1em;
}
.single-post .post-products .custom-container {
max-width: 100%;
padding: 2em;
}
.custom-columns {
gap: 2em;
}
@media screen and (max-width: 576px) {
.custom-columns {
gap: 0em;
}
}
.custom-columns > div {
flex-basis: auto !important;
}
.custom-columns > div:nth-child(1) {
width: 40%;
}
@media screen and (max-width: 768px) {
.custom-columns > div:nth-child(1) {
width: 100%;
}
}
.custom-columns > div:nth-child(2) {
width: 60%;
}
@media screen and (max-width: 768px) {
.custom-columns > div:nth-child(2) {
width: 100%;
}
}
.cards-container {
display: flex;
flex-direction: column;
gap: 30px;
}
@media screen and (max-width: 768px) {
.cards-container {
width: 100%;
margin-top: 2em;
}
}
.cards-container .row-cards {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: 30px;
flex-wrap: wrap;
}
.cards-container .row-cards:nth-child(1) > .card-loop {
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
min-height: 459px;
}
@media screen and (max-width: 1280px) {
.cards-container .row-cards:nth-child(1) > .card-loop {
min-height: auto;
}
}
.cards-container .row-cards:nth-child(1) > .card-loop:nth-child(1), .cards-container .row-cards:nth-child(1) > .card-loop:nth-child(2) {
width: 45%;
}
.cards-container .row-cards:nth-child(1) > .card-loop:nth-child(1) .card-content, .cards-container .row-cards:nth-child(1) > .card-loop:nth-child(2) .card-content {
color: #ffffff;
}
.cards-container .row-cards:nth-child(1) > .card-loop:nth-child(1) a, .cards-container .row-cards:nth-child(1) > .card-loop:nth-child(2) a {
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 459px;
}
@media screen and (max-width: 1280px) {
.cards-container .row-cards:nth-child(1) > .card-loop:nth-child(1), .cards-container .row-cards:nth-child(1) > .card-loop:nth-child(2) {
min-width: 100%;
gap: 3em;
}
}
.cards-container .row-cards:nth-child(1) > .card-loop:nth-child(1) {
background-color: #2B2577;
}
.cards-container .row-cards:nth-child(1) > .card-loop:nth-child(2) {
background-color: #c30058;
}
.cards-container .row-cards:nth-child(1) > .card-loop:nth-child(3) {
background-color: #E6E4F2;
color: #2B2577;
}
.cards-container .row-cards:nth-child(1) > .card-loop:nth-child(3) a {
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 459px;
}
.cards-container .row-cards:nth-child(1) > .card-loop:nth-child(3) h2 {
color: #2B2577;
}
.cards-container .row-cards:nth-child(2) > a {
text-decoration: none;
}
.cards-container .row-cards:nth-child(2) .card-loop {
display: flex;
flex-flow: column nowrap;
gap: 3em;
background-color: #E6E4F2;
color: #2B2577;
}
.cards-container .row-cards:nth-child(2) .card-loop h2 {
color: #2B2577;
}
.cards-container .row-cards .card-loop {
border-radius: 50px;
padding: 50px;
flex: 1;
}
.cards-container .row-cards .card-loop h2 {
margin-bottom: 0.2em;
}
.cards-container .row-cards .card-loop.zoom {
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.cards-container .row-cards .card-loop.zoom:hover {
transform: scale(1.07);
}
@media screen and (max-width: 576px) {
.cards-container .row-cards .card-loop.zoom:hover {
transform: scale(1);
}
}
.cards-container .row-cards .card-loop .arrow-container {
display: flex;
justify-content: flex-end;
align-items: center;
}
.cards-container .row-cards .card-loop .arrow-container img {
width: 40px;
}
.container-column > div.custom-container {
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
padding: 2em 0 1.5em;
gap: 5em;
}
@media screen and (max-width: 576px) {
.container-column > div.custom-container {
padding: 2em 1em 1.5em;
}
}
.note-blue-50 {
color: #9F98C5;
}
.block-animation {
display: flex;
flex-flow: column;
justify-content: center;
}
.block-animation > p {
align-self: center;
width: 70%;
}
@media screen and (max-width: 576px) {
.block-animation > p {
width: 100%;
}
}
.animated-title {
display: flex;
justify-content: center;
align-items: center;
height: 90px;
font-size: 80px;
margin: auto;
overflow: hidden;
gap: 30px;
white-space: nowrap;
}
.animated-title h1 {
font-size: 80px;
}
.animated-title ul {
list-style: none;
padding-left: 10px;
font-family: "NexaBold";
animation: cambiar 15s infinite;
}
.animated-title ul, .animated-title p {
margin: 0;
}
.animated-title ul li {
line-height: 1.5; }
@keyframes cambiar {
0% {
margin-top: 720px;
}
25% {
margin-top: 480px;
}
37.5% {
margin-top: 240px;
}
50% {
margin-top: 0px;
}
62.5% {
margin-top: -240px;
}
75% {
margin-top: -480px;
}
87.5% {
margin-top: -480px;
} 100% {
margin-top: -720px;
}
}
@media screen and (max-width: 1000px) {
.animated-title {
font-size: 60px;
}
.animated-title h1 {
font-size: 60px;
}
@keyframes cambiar {
0% {
margin-top: 540px;
}
25% {
margin-top: 360px;
}
37.5% {
margin-top: 180px;
}
50% {
margin-top: 0px;
}
62.5% {
margin-top: -180px;
}
75% {
margin-top: -360px;
}
87.5% {
margin-top: -360px;
} 100% {
margin-top: -540px;
}
}
}
@media screen and (max-width: 700px) {
.animated-title {
font-size: 40px;
height: 40px;
gap: 20px;
}
.animated-title h1 {
font-size: 40px;
}
@keyframes cambiar {
0% {
margin-top: 360px;
}
25% {
margin-top: 240px;
}
37.5% {
margin-top: 120px;
}
50% {
margin-top: 0px;
}
62.5% {
margin-top: -120px;
}
75% {
margin-top: -240px;
}
87.5% {
margin-top: -240px;
} 100% {
margin-top: -360px;
}
}
}
@media screen and (max-width: 480px) {
.animated-title {
font-size: 30px;
gap: 15px;
}
.animated-title h1 {
font-size: 30px;
}
@keyframes cambiar {
0% {
margin-top: 270px;
}
25% {
margin-top: 180px;
}
37.5% {
margin-top: 90px;
}
50% {
margin-top: 0px;
}
62.5% {
margin-top: -90px;
}
75% {
margin-top: -180px;
}
87.5% {
margin-top: -180px;
} 100% {
margin-top: -270px;
}
}
}
@media screen and (max-width: 370px) {
.animated-title {
font-size: 25px;
gap: 10px;
}
.animated-title h1 {
font-size: 25px;
}
@keyframes cambiar {
0% {
margin-top: 225px;
}
25% {
margin-top: 150px;
}
37.5% {
margin-top: 75px;
}
50% {
margin-top: 0px;
}
62.5% {
margin-top: -75px;
}
75% {
margin-top: -150px;
}
87.5% {
margin-top: -150px;
} 100% {
margin-top: -225px;
}
}
}
.bg-image-wave {
background-image: url(//panacea-coop.com/wp-content/uploads/2024/05/milad-fakurian-Oi_oaJk3qlo-unsplash.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.bg-image-wave > div.custom-container {
display: flex;
flex-flow: column wrap;
color: #ffffff;
font-size: 40px;
font-family: "NexaBold";
padding: 2em 0 1.5em;
gap: 1em;
}
@media screen and (max-width: 576px) {
.bg-image-wave > div.custom-container {
padding: 2em 0.5em 1.5em;
}
}
.bg-image-wave > div.custom-container > div:last-child > div {
display: flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
display: flex;
flex-flow: column nowrap;
gap: 1em;
}
.bg-image-wave > div.custom-container > div:last-child > div p {
font-size: 16px;
font-family: "Roboto", Helvetica;
max-width: 44em;
}
.bg-image-wave .bt-transparent-blue-10 > a {
pointer-events: none;
cursor: default;
}
.bg-image-wave .bt-layout {
display: flex;
justify-content: start;
}
@media screen and (max-width: 576px) {
.bg-image-wave .bt-layout {
justify-content: center;
}
}
.background-color-white-blue {
background-color: #FAF9FF;
}
.bg-pink-10 {
background-color: #fcedf2;
}
.bg-pink-80 {
background-color: #E65184;
}
.bg-blue-80 {
background-color: #4D428B;
}
.pillar-container {
display: flex;
justify-content: center;
align-items: center;
}
.pillar-container > div {
display: flex;
flex-direction: column;
max-width: 60em;
gap: 3em;
}
.pillar-container > div > div {
flex-direction: row;
justify-content: space-between;
}
.pillar-container > div > div:nth-child(even) {
flex-wrap: wrap-reverse !important; }
@media (max-width: 1630px) {
.pillar-container > div > div:nth-child(even) {
gap: 5em;
}
}
@media (max-width: 1510px) {
.pillar-container > div > div:nth-child(even) {
gap: 1em;
}
}
@media (min-width: 782px) {
.pillar-container > div > div:nth-child(even) {
flex-wrap: nowrap !important; }
}
.pillar-container > div .pillar-info {
display: flex;
flex-direction: column;
gap: 1.5em;
max-width: 30em;
}
.bg-blue-10 {
background-color: #E6E4F2;
}
.spin-off-banner {
width: 100%;
}
.spin-off-banner h4 {
width: 80%;
}
@media screen and (max-width: 768px) {
.spin-off-banner h4 {
padding-top: 1em;
width: 100%;
}
}
.bg-image-blue {
background-image: url(//panacea-coop.com/wp-content/uploads/2024/05/codioful-formerly-gradienta-OzfD79w8ptA-unsplash.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.bg-image-blue > div.custom-container > div {
gap: 2em;
}
.bg-image-blue > div.custom-container > div > div {
display: flex;
flex-flow: column wrap;
justify-content: center;
gap: 2em;
font-family: "NexaBold";
}
@media screen and (max-width: 576px) {
.bg-image-blue > div.custom-container > div > div {
text-align: center;
}
}
.bg-image-blue > div.custom-container > div > div > p {
color: #ffffff;
font-family: "Roboto", Helvetica;
font-size: 16px;
}
.bg-image-blue > div.custom-container > div > div img {
width: 394px;
}
@media screen and (max-width: 1280px) {
.bg-image-blue > div.custom-container > div > div img {
width: 100%;
}
}
@media screen and (max-width: 576px) {
.bg-image-blue > div.custom-container > div > div .wp-block-buttons {
justify-content: center;
}
}
.container-top {
padding: 2em 0;
background-image: url(//panacea-coop.com/wp-content/uploads/2024/05/degradado-home.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media screen and (max-width: 576px) {
.container-top {
padding: 0;
}
}
@media screen and (max-width: 576px) {
.container-top > .custom-container {
gap: 2em;
}
}
.container-top > div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 3em;
}
.container-top > div > div {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 1.5em;
max-width: 50em;
}
.container-top > div > div.iframe-block {
width: 100%;
min-height: 496px;
}
.container-top > div > div h1 {
color: #2B2577;
font-size: 3.5em;
}
@media screen and (max-width: 576px) {
.container-top > div > div h1 {
font-size: 2.5em;
}
}
.container-top > div > div iframe {
width: 880px;
height: 496px;
}
@media (max-width: 782px) {
.container-top > div > div iframe {
width: 100%;
height: 100%;
}
}
.projects-row {
display: flex;
flex-flow: row wrap;
gap: 2em;
}
.projects-row > div {
flex-basis: auto !important;
}
.projects-row > div:nth-child(1) {
width: 33%;
}
@media screen and (max-width: 768px) {
.projects-row > div:nth-child(1) {
width: 100%;
}
}
.projects-row > div:nth-child(2) {
width: 66%;
}
.projects-row > div:nth-child(2) > div {
display: flex;
justify-content: center;
}
@media screen and (max-width: 768px) {
.projects-row > div:nth-child(2) {
width: 100%;
}
}
.projects-window {
display: flex;
flex-flow: column wrap;
padding: 3em;
background-color: #E6E4F2 !important;
border-radius: 32px;
box-shadow: rgba(21, 31, 109, 0.25) 4px 4px 8px 0px;
width: 90%;
overflow: hidden;
object-fit: cover;
}
@media screen and (max-width: 768px) {
.projects-window {
width: 100%;
}
}
@media screen and (max-width: 576px) {
.projects-window {
padding: 1em;
}
}
.projects-window.zoom {
transition-duration: 0.5s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.projects-window.zoom:hover {
transform: scale(1.07);
}
@media screen and (max-width: 576px) {
.projects-window.zoom:hover {
transform: scale(1);
}
}
.projects-window img {
margin-top: 1em;
border-radius: 12px;
}
.projects-window .note {
margin-bottom: 2em;
width: 85px;
padding: 9px 12px 8px;
background-color: #ffffff;
border-radius: 4px;
text-align: center;
}
.projects-window .note.project-cat > a {
pointer-events: none;
cursor: default;
}
.products-container > div {
display: flex;
flex-flow: column wrap;
gap: 5em;
}
.products-container > div > div {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
gap: 2em;
}
.products-container > div > div:nth-child(even) {
flex-wrap: wrap-reverse !important; }
.products-container > div > div .product-logo {
display: flex;
justify-content: center;
align-items: center;
max-width: 588px;
padding: 7em 0 7em 0;
border-radius: 50px;
overflow: hidden;
}
.products-container > div > div .product-logo img {
width: 20em;
}
.products-container > div > div .product-logo.skeleton-id {
background-image: url(//panacea-coop.com/wp-content/uploads/2024/05/codioful-formerly-gradienta-OzfD79w8ptA-unsplash-768x512.jpg);
}
.products-container > div > div .product-logo.ejemplo {
background-color: #c30058;
}
.products-container > div > div .product-text {
display: flex;
flex-direction: column;
gap: 2em;
max-width: 38em;
}
.service-container {
display: flex;
flex-direction: column;
align-items: center;
}
.service-container .navigation {
align-self: flex-start;
padding-left: 10%;
}
.service-block {
display: flex;
flex-direction: column;
gap: 2em;
padding: 5em;
}
@media screen and (max-width: 394px) {
.service-block {
padding: 2.5em;
}
.service-block h2 {
font-size: 1.5em;
}
}
.buttons-row {
display: flex;
flex-direction: row;
gap: 1.5em;
}
#spinner-container {
display: none;
background: rgba(10, 8, 74, 0.2);
position: fixed;
z-index: 1000;
height: 100vh;
justify-content: center;
top: 0;
}
#spinner-container #spinner {
position: fixed;
top: 43%;
z-index: 102;
width: 4.31em;
height: 4.31em;
}
@media screen and (max-width: 576px) {
#spinner-container #spinner {
top: 31%;
}
}
#spinner-container .spinner-border {
border: 1.25em solid #c30058;
border-right-color: transparent;
}
#spinner-container .spinner-note {
position: fixed;
top: 53%;
z-index: 102;
color: #c30058;
font-family: "Roboto", Helvetica;
background: #fcedf2;
border: 1px solid #c30058;
border-radius: 12px;
padding: 0.5em;
opacity: 0.8;
}
@media screen and (max-width: 576px) {
#spinner-container .spinner-note {
top: 42%;
font-size: 1.5em;
}
}
.main-top-nosticky {
position: relative;
top: 106.75px;
}
.mainTop {
position: relative;
top: 246.91px;
}
.container-left {
padding: 2em 4em 2em 6em;
}
@media screen and (max-width: 1280px) {
.container-left {
padding: 2em 2em 0 2em;
}
}
@media screen and (max-width: 576px) {
.container-left {
padding: 2em 1em 0 1em;
}
}
.container-left img {
height: auto;
}
@media screen and (max-width: 768px) {
.container-left img {
width: 100%;
height: auto;
}
}
.container-right {
padding: 2em 4em 2em 0em;
}
@media screen and (max-width: 1280px) {
.container-right {
padding: 2em 2em 0 2em;
}
}
@media screen and (max-width: 576px) {
.container-right {
padding: 2em 1em 0 1em;
}
}
.container-right h2 {
padding-bottom: 0.5em;
color: #c30058;
}
.gradient-container { color: white;
background: linear-gradient(90deg, #2B2577, #c30058);
margin: 0;
display: block;
}
.gradient-container .gradient-content-left {
background-color: #2C2D70;
padding: 3.2em 2em 3.2em 7em;
}
.gradient-container .gradient-content-left.gradient-alingtext-left {
padding-top: 3.7em;
padding-bottom: 3.7em;
}
@media screen and (max-width: 1280px) {
.gradient-container .gradient-content-left {
padding: 3em 2em;
}
}
@media screen and (max-width: 768px) {
.gradient-container .gradient-content-left {
padding: 3em 1em;
}
}
.gradient-container .gradient-content-left h2 {
padding-bottom: 0.5em;
}
.gradient-container .gradient-content-right {
padding: 6.5em 7em 3em 3em;
}
.gradient-container .gradient-content-right.gradient-alingtext-right {
padding-top: 3.7em;
padding-bottom: 3.7em;
}
@media screen and (max-width: 1280px) {
.gradient-container .gradient-content-right {
padding: 6.5em 3em 3em 2em;
}
}
@media screen and (max-width: 768px) {
.gradient-container .gradient-content-right {
padding: 4em 1em;
}
} .reverse-gradient-container { color: white;
background: linear-gradient(90deg, #c30058, #2B2577);
}
.reverse-gradient-container.error {
background: linear-gradient(76.88deg, #c30058 0%, #2B2577 100%);
}
.reverse-gradient-container h2 {
padding-bottom: 0.5em;
}
.reverse-gradient-container .reverse-gradient-content-left {
padding: 3em 2em 3em 7em;
}
@media screen and (max-width: 1280px) {
.reverse-gradient-container .reverse-gradient-content-left {
padding: 3em 2em;
}
}
@media screen and (max-width: 768px) {
.reverse-gradient-container .reverse-gradient-content-left {
padding: 3em 1em;
}
}
.reverse-gradient-container .reverse-gradient-content-right {
background-color: #2C2D70;
padding: 3em 7em 3em 3em;
}
@media screen and (max-width: 1280px) {
.reverse-gradient-container .reverse-gradient-content-right {
padding: 3em 3em 3em 2em;
}
}
@media screen and (max-width: 768px) {
.reverse-gradient-container .reverse-gradient-content-right {
padding: 3em 1em;
}
}
.reverse-gradient-container .width-column-left {
width: 60%;
}
@media screen and (max-width: 768px) {
.reverse-gradient-container .width-column-left {
width: 100%;
}
}
.reverse-gradient-container .width-column-right {
width: 40%;
}
.reverse-gradient-container .width-column-right img {
width: 480px;
}
@media screen and (max-width: 768px) {
.reverse-gradient-container .width-column-right {
width: 100%;
}
.reverse-gradient-container .width-column-right img {
width: 100%;
}
} .top-row-icons { padding: 5em 7em;
}
@media screen and (max-width: 1280px) {
.top-row-icons {
padding: 5em 2em;
}
}
@media screen and (max-width: 768px) {
.top-row-icons {
padding: 5em 1em;
}
}
.top-row-icons .wp-block-columns {
padding: 0;
}
.top-row-icons h4 {
color: #2C2D70;
padding-bottom: 0.5em;
}
.top-row-icons p {
color: #55569F;
}
.bottom-row-icons {
padding-left: 8rem;
padding-right: 8rem;
}  .spin-off-row {
padding: 2em 7em;
}
.spin-off-row.about-us {
background-color: #EAE9F1;
}
@media screen and (max-width: 1280px) {
.spin-off-row {
padding: 2em 1em;
}
}
.spin-off-row img {
width: auto;
height: auto;
max-width: none;
}
.spin-off-row p {
padding: 6em 0 0 3em;
}
@media screen and (max-width: 1280px) {
.spin-off-row p {
padding: 3em 1em;
}
}
@media screen and (max-width: 768px) {
.spin-off-row p {
padding: 3em 0em;
}
} .blue-backgroundimage-container {
width: 100%;
padding: 0;
display: block;
}
.blue-backgroundimage-container .blue-backgroundimage-left {
width: 100%;
color: white;
background-color: #2C2D70;
padding: 3em 2em 3.5em 13.5em;
margin: 0;
}
@media screen and (max-width: 1280px) {
.blue-backgroundimage-container .blue-backgroundimage-left {
padding-left: 2em;
}
}
@media screen and (max-width: 576px) {
.blue-backgroundimage-container .blue-backgroundimage-left {
padding-left: 1em;
padding-right: 1em;
}
}
.blue-backgroundimage-container .blue-backgroundimage-left h2 {
padding-bottom: 0.5em;
}
.blue-backgroundimage-container .blue-backgroundimage-right {
padding: 0;
margin: 0;
background: no-repeat top left;
background-size: cover;
background-position: center;
}
.blue-backgroundimage-container .blue-backgroundimage-right.backgrounimage-blue {
background-color: #2C2D70;
}
@media screen and (max-width: 768px) {
.blue-backgroundimage-container .blue-backgroundimage-right.backgrounimage-blue {
padding-bottom: 3em;
}
}
.blue-backgroundimage-container .blue-backgroundimage-right.right-image-us {
background-image: url(//panacea-coop.com/wp-content/uploads/2024/05/202311-panacea-team.webp);
}
@media screen and (max-width: 992px) {
.blue-backgroundimage-container .blue-backgroundimage-right.right-image-us {
height: 11em;
}
}
.blue-backgroundimage-container .blue-backgroundimage-right.right-image-work {
background-image: url(//panacea-coop.com/wp-content/uploads/2021/05/team-background.jpg);
}
@media screen and (max-width: 992px) {
.blue-backgroundimage-container .blue-backgroundimage-right.right-image-work {
height: 11em;
}
}
.text-only-content {
padding: 4em 0;
}
.text-only-content p {
color: #2C2D70;
padding: 0.5em 0;
}
.text-only-content h2, .text-only-content h3, .text-only-content h4 {
margin: 1em 0;
color: #2C2D70;
font-weight: 500;
}
.text-only-content ul {
list-style: disc;
color: #2C2D70;
}
.text-only-content ul li {
margin-left: 1.5em;
}
.title-bgblue {
color: white;
background-color: #2C2D70;
display: block;
}
.title-bgblue h2 {
font-size: 40px;
font-weight: 500;
line-height: 1.2;
}
.team-pics {
padding: 4em 0;
color: #2C2D70;
}
.team-pics img {
width: 98%;
height: auto;
}
.team-pics h4 {
text-align: center;
font-size: 1.4rem;
padding: 1em 0;
}
@media screen and (max-width: 1280px) {
.team-pics h4 {
padding: 0 0 1em 0;
}
}
.team-pics p {
text-align: center;
padding-bottom: 1em;
}
.team-pics .individual-pics-padding {
padding-right: 0;
padding-left: 0;
}
@media screen and (max-width: 576px) {
.team-pics .individual-pics-padding {
padding-right: 1em;
padding-left: 1em;
}
}
.team-pics .overlay {
position: absolute;
top: 0;
left: 0;
width: 98%;
height: 79.5%;
transition: 0.3s ease;
background-color: rgba(157, 157, 157, 0.7);
opacity: 0;
}
.team-pics .overlay.pics-collaborators {
height: 72.5%;
}
.team-pics .overlay:hover {
transition: 0.5s;
opacity: 1;
}
.team-pics .overlay .team-social-icons-lg {
width: 98%;
text-align: center;
margin: 7em 0;
}
.team-pics .overlay .team-social-icons-lg.icons-collaborators {
margin: 10em 0;
}
.team-pics .overlay .team-social-icons-lg img {
width: 10%;
background-color: rgba(157, 157, 157, 0.7);
}
@media screen and (max-width: 1280px) {
.team-pics .overlay {
display: none;
}
}
.team-pics .team-social-icons {
display: none;
text-align: center;
padding: 0.5em 0;
}
.team-pics .team-social-icons a img {
width: 10%;
background-color: rgba(157, 157, 157, 0.7);
}
@media screen and (max-width: 1280px) {
.team-pics .team-social-icons {
display: block;
}
}
@media screen and (max-width: 576px) {
.team-pics .custom-container {
padding: 0;
}
.team-pics img {
width: 100%;
}
}
.collaborations {
color: #2C2D70;
font-size: 17.6px;
padding: 4em 0;
}
@media screen and (max-width: 768px) {
.collaborations {
padding: 4em 1em;
}
}
@media screen and (max-width: 576px) {
.collaborations {
padding: 4em 0em;
}
} .empty-blue {
background-color: #2C2D70;
padding: 2rem;
}
.empty-blue h3 {
color: #ffffff;
}
@media screen and (max-width: 576px) {
.empty-blue {
padding: 2rem 0;
}
}
.empty-blue .bt-pink {
justify-content: end;
}
@media screen and (max-width: 576px) {
.empty-blue .bt-pink {
justify-content: center;
}
}
.background-form {
width: 100%;
height: 100%;
background: url(//panacea-coop.com/wp-content/uploads/2021/05/panacea-fondo-form.svg) no-repeat fixed center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0;
}
.background-form.background-color-form1 {
background-color: rgb(241, 233, 233);
}
.background-form.background-color-form2 {
background-color: rgb(234, 233, 241);
}
.background-form .form {
background-color: white;
padding: 8rem;
margin: 5rem 1rem;
border-radius: 3px;
}
@media screen and (max-width: 1280px) {
.background-form .form {
padding: 2rem;
}
}
@media screen and (max-width: 576px) {
.background-form .form {
margin: 5rem 0;
}
}
.background-form .form .bt-pink {
margin-top: 2rem;
padding: 0.5rem 2rem 0.5rem 2rem;
}
.icons-form::before {
content: url(//panacea-coop.com/wp-content/uploads/2021/05/icon-doc.png);
margin-right: 1em;
}
.box-decoration::after {
content: url(//panacea-coop.com/wp-content/uploads/2021/05/decoracion.png);
position: absolute;
left: 49%;
z-index: 996;
}
@media screen and (max-width: 1360px) {
.box-decoration::after {
display: none;
}
}
.column-button-align {
display: flex;
justify-content: right;
}
@media screen and (max-width: 768px) {
.column-button-align {
padding-top: 2em;
justify-content: center !important;
}
} .posts-category {
padding: 6em 0;
}
@media screen and (max-width: 576px) {
.posts-category .container {
padding: 0;
}
}
.post-list {
margin-bottom: 2em;
}
.post-list a {
color: #2C2D70;
text-decoration: none;
}
.post-list a img {
width: 100%;
height: auto;
}
.post-list a h4 {
margin: 1em 0;
}
.post-list a h4:hover {
text-decoration: underline;
color: #555192;
} @media screen and (max-width: 576px) {
.single-post .container {
padding: 0 1em;
}
}
.single-post img {
height: auto;
}
.single-post .wp-block-separator {
height: 0px;
border-top: 1px dashed #555192;
border-bottom: 0;
}
.resize-post-image img {
width: 100%;
height: 100%;
} .error404-content {
padding: 15em 0em;
}
@media screen and (max-width: 500px) {
.error404-content {
padding: 10em 1em;
}
.error404-content h1 {
text-align: center;
}
}
.img-error {
width: 100%;
} .custom-html-widget .wp-block-image img {
max-width: 100%;
width: revert-layer;
} .main-footer {
width: 100%;
font-size: 12pt;
position: relative;
top: 100px;
}
.main-footer .mobile {
display: none;
}
.main-footer .footer-bgblue {
text-align: left;
background-color: #2C2D70;
padding-top: 3em;
padding-bottom: 1em;
}
.main-footer .footer-bgblue .bgblue-container-top {
padding: 0 1em;
}
.main-footer .footer-bgblue .bgblue-container-top li {
list-style: none;
}
.main-footer .footer-bgblue .bgblue-container-top li.widget_media_image[class*=col-] {
padding-right: 0 !important;
}
.main-footer .footer-bgblue .bgblue-container-top ul li {
display: flex;
margin-left: 0.5em;
white-space: wrap;
}
.main-footer .footer-bgblue .bgblue-container-top ul li a {
color: white;
text-decoration: none;
}
.main-footer .footer-bgblue .bgblue-container-bottom {
padding-top: 2em;
}
.main-footer .footer-bgblue .bgblue-container-bottom li {
list-style: none;
}
.main-footer .footer-bgblue .bgblue-container-bottom p {
color: white;
}
.main-footer .bgwhite-container {
text-decoration: none;
padding: 3em 8em;
}
@media screen and (max-width: 576px) {
.main-footer .bgwhite-container {
padding: 3em 1em;
}
}
.main-footer .bgwhite-container h2 {
width: 113px;
line-height: 30px;
}
.main-footer .bgwhite-container > div {
padding: 1em;
}
.main-footer .small-width::before, .main-footer .big-width::before {
content: "";
position: relative;
display: block;
width: 162px;
height: 0px;
left: -81px;
top: 83px;
border: 1px solid #FFFFFF;
transform: rotate(90deg);
}
.main-footer .small-width {
max-width: 22%;
}
.main-footer .big-width {
max-width: 34%;
}
.main-footer .menu-main-menu-container > ul, .main-footer .menu-main-menu-en-container > ul, .main-footer .menu-footer-main-menu-ingles-container > ul, .main-footer .menu-footer-main-menu-container > ul {
padding-left: 0;
line-height: 1.8em;
}
@media screen and (max-width: 768px) {
.main-footer .desk {
display: none;
}
.main-footer .mobile {
display: block;
}
.main-footer .mobile .wp-block-column.container-fluid {
padding-right: 0;
padding-left: 0;
}
.main-footer .mobile.footer-bgblue-light {
background-color: #F2F7FC;
padding: 2em 0;
}
.main-footer .mobile.footer-bgblue-light li {
list-style: none;
}
.main-footer .mobile.footer-bgblue-light p {
color: #2B2577;
font-style: bold;
}
.main-footer .mobile.footer-bgblue {
padding: 0;
}
.main-footer .mobile.footer-bgblue .bgblue-container-top {
padding: 0;
}
.main-footer .mobile.footer-bgblue .bgblue-container-top .widget_text {
display: none;
}
.main-footer .mobile.footer-bgblue .bgblue-container-top .widget_media_image {
text-align: center;
max-width: 7em;
padding: 1.5em 0;
}
.main-footer .mobile.footer-bgblue .bgblue-container-bottom {
width: 100%;
padding: 1em 0.5em;
display: flex;
justify-content: center;
}
.main-footer .mobile.footer-bgblue .bgblue-container-bottom p {
text-align: center;
}
.main-footer .mobile .menu-main-menu-container, .main-footer .mobile .menu-main-menu-en-container {
display: flex;
justify-content: center;
}
.main-footer .mobile .menu-main-menu-container ul, .main-footer .mobile .menu-main-menu-en-container ul {
width: 100%;
}
.main-footer .mobile .menu-main-menu-container ul li, .main-footer .mobile .menu-main-menu-en-container ul li {
display: flex;
justify-content: center;
text-transform: uppercase;
padding: 1em 0;
margin: 0;
border-bottom: 1px solid #ffffff;
}
.main-footer .mobile .menu-footer-main-menu-ingles-container ul, .main-footer .mobile .menu-footer-main-menu-container ul {
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
}
.main-footer .mobile .menu-footer-main-menu-ingles-container ul li, .main-footer .mobile .menu-footer-main-menu-container ul li {
text-transform: uppercase;
padding: 1em 1em;
margin: 0;
}
.main-footer .mobile .menu-footer-main-menu-ingles-container ul li a, .main-footer .mobile .menu-footer-main-menu-container ul li a {
color: #BDD7F1;
}
} .formulario-join .row {
padding: 0 0.3em;
}
.wpcf7 input[type=file] {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.form-check {
padding-left: 0.25rem;
}
input[type=file]#upload-file1, #upload-file2, #upload-file3 {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1; }
label[for=upload-file1], label[for=upload-file2], label[for=upload-file3] {
color: #2C2D70;
background-color: #D9D9D9;
display: inline-block;
cursor: pointer;
padding: 0.5em 2.5em;
text-transform: uppercase;
width: fit-content;
text-align: center;
border-radius: 7px;
width: auto !important;
font-family: "Roboto", Helvetica;
font-size: 1rem;
text-decoration: none;
white-space: nowrap;
box-shadow: 0em 0.2em 0.2em #A6A6A6;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.plugin-content {
max-width: 1628px !important;
margin-right: auto;
margin-left: auto;
padding-right: 0;
padding-left: 0;
padding: 1em 1em 4em 1em;
color: #2B2577;
}
@media screen and (max-width: 1280px) {
.plugin-content {
padding: 1em 3em 4em 3em;
}
}
@media screen and (max-width: 768px) {
.plugin-content {
padding: 1em 1em 6em 1em;
}
}
.plugin-content .layout-two-columns {
display: flex;
flex-flow: row wrap;
gap: 2em;
}
.plugin-content .layout-two-columns .example-column, .plugin-content .layout-two-columns .form-column {
display: flex;
flex-flow: column wrap;
gap: 32px;
padding: 2em 1.5em;
border-radius: 32px;
}
.plugin-content .layout-two-columns .example-column {
background-color: #E6E4F2;
font-size: 0.8em;
}
.plugin-content .layout-two-columns .example-column p {
width: 100%;
}
.plugin-content .layout-two-columns .example-column h1 {
font-family: "Roboto", Helvetica;
color: #2B2577;
font-size: 16px;
font-weight: 700;
line-height: 22px;
letter-spacing: 0em;
text-transform: uppercase;
}
.plugin-content .layout-two-columns .example-column img {
width: 80%;
border-radius: 12px;
}
@media screen and (max-width: 576px) {
.plugin-content .layout-two-columns .example-column img {
width: 100%;
}
}
.plugin-content .layout-two-columns .example-column .table-wrapper {
display: flex;
flex-flow: column;
gap: 10px;
overflow-x: auto;
overflow-y: hidden;
width: 100%;
}
.plugin-content .layout-two-columns .example-column .table-wrapper .example-table {
width: 100%;
color: #2B2577;
border-collapse: collapse;
font-size: 0.8em;
}
.plugin-content .layout-two-columns .example-column .table-wrapper .example-table th, .plugin-content .layout-two-columns .example-column .table-wrapper .example-table td {
border: none;
padding: 0.08rem;
}
.plugin-content .layout-two-columns .example-column .table-wrapper .example-table thead tr:first-child th {
border: 1px solid #003663;
text-align: center;
font-weight: 700;
}
.plugin-content .layout-two-columns .example-column .table-wrapper .example-table tbody tr:first-child td {
border-top: 1px solid #003663;
border-left: 1px solid #003663;
border-right: 1px solid #003663;
text-align: center;
}
.plugin-content .layout-two-columns .example-column .table-wrapper .example-table tbody tr:not(:first-child):not(:last-child) td {
border-left: 1px solid #003663;
border-right: 1px solid #003663;
text-align: center;
}
.plugin-content .layout-two-columns .example-column .table-wrapper .example-table tbody tr:last-child td {
border-bottom: 1px solid #003663;
border-left: 1px solid #003663;
border-right: 1px solid #003663;
text-align: center;
}
.plugin-content .layout-two-columns .example-column .table-wrapper .note {
text-transform: none;
text-align: right;
}
.plugin-content .layout-two-columns .form-column {
background-color: #EDEDED;
}
.plugin-content .layout-two-columns .form-column .form-column-wrapper {
padding: 0 1.25em;
display: flex;
flex-flow: column wrap;
gap: 32px;
}
@media screen and (max-width: 576px) {
.plugin-content .layout-two-columns .form-column .form-column-wrapper {
padding: 0;
}
}
.plugin-content .layout-two-columns .form-column .form-column-wrapper .submit-calculator [class*=col-]:not(.form-group) {
padding-right: 0 !important;
padding-left: 0 !important;
}
@media screen and (max-width: 768px) {
.plugin-content .layout-two-columns .form-column .form-column-wrapper .submit-calculator [class*=col-] {
padding-right: 0 !important;
padding-left: 0 !important;
}
}
.plugin-content .layout-two-columns .form-column .form-column-wrapper .alert {
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: 20px;
background-color: #fcedf2;
color: #c30058;
border: 2px solid #c30058;
font-weight: 500;
border-radius: 10px;
height: auto;
}
@media screen and (max-width: 576px) {
.plugin-content .layout-two-columns .form-column .form-column-wrapper .alert {
flex-flow: row wrap;
justify-content: center;
}
}
.plugin-content .layout-two-columns .form-column .form-column-wrapper .drag-and-drop-image {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #2B2577;
width: 60%;
height: 40%;
padding: 2.5em;
border-radius: 30px;
cursor: pointer;
margin: 3em auto;
}
@media screen and (max-width: 576px) {
.plugin-content .layout-two-columns .form-column .form-column-wrapper .drag-and-drop-image {
width: 100%;
}
}
.plugin-content .layout-two-columns .form-column .form-column-wrapper .drag-and-drop-image svg {
margin-bottom: 10px;
}
.plugin-content .layout-two-columns .form-column .form-column-wrapper .drag-and-drop-image .filename {
text-align: center;
color: #EAE9F1;
font-size: small;
}
.plugin-content .layout-two-columns .form-column .form-column-wrapper .form-buttons {
padding: 2em 0;
}
.plugin-content .layout-two-columns .form-column .form-column-wrapper .form-buttons > div {
display: flex;
flex-flow: row nowrap;
justify-content: center;
}
.plugin-content .results-wrapper {
display: flex;
justify-content: center;
margin-top: 3em;
}
.plugin-content .results-wrapper .results {
border: 2px solid #2B2577;
border-radius: 30px;
padding: 40px;
}
.plugin-content .results-wrapper .results [class*=col] {
padding-right: 0 !important;
padding-left: 0 !important;
}
@media screen and (max-width: 576px) {
.plugin-content .results-wrapper .results {
padding: 2em 1em;
}
}
.plugin-content .results-wrapper .results .image-wrapper {
display: flex;
gap: 2em;
height: auto;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 576px) {
.plugin-content .results-wrapper .results .image-wrapper [class*=col-] {
padding-right: 0 !important;
padding-left: 0 !important;
}
}
.plugin-content .results-wrapper .results .image-wrapper img {
width: 100%;
border-radius: 12px;
}
.plugin-content .results-wrapper .results .image-wrapper .text-result {
text-align: center;
font-size: 1.5em;
line-height: 34px;
}
.plugin-content .results-wrapper .results .image-wrapper .text-result h2 {
font-family: "NexaBold";
font-size: 2.25em;
font-weight: 700;
line-height: 42px;
letter-spacing: 0em;
color: #c30058;
text-align: center;
margin: 0.5em 0;
}
.plugin-content .results-wrapper .results .image-wrapper .text-result p:last-child {
font-weight: 700;
}
.plugin-content .results-wrapper .results .message {
margin-top: 1em;
}
@media screen and (max-width: 576px) {
.plugin-content .results-wrapper .results .message {
text-align: center;
}
}
.plugin-content .results-wrapper .results .message p:first-child {
font-weight: 700;
}
.plugin-content .results-wrapper .results .message p:last-child {
margin-top: 1.5em;
text-transform: none;
}
.plugin-content .form-survey {
display: flex;
flex-flow: row nowrap;
justify-content: center;
padding: 4em 0;
}
.plugin-content .form-survey .improve-form {
display: flex;
flex-flow: row wrap;
width: 50%;
}
@media screen and (max-width: 576px) {
.plugin-content .form-survey .improve-form {
width: 100%;
gap: 1.5em;
}
}
.plugin-content .form-survey .improve-form .improve-form-1 {
display: flex;
flex-flow: column nowrap;
gap: 1em;
border-radius: 10px;
border: 1px solid #c30058;
padding: 25px;
text-align: center;
}
.plugin-content .form-survey .improve-form .improve-form-1 img {
width: 7em;
}
.plugin-content .form-survey .improve-form .improve-form-1 .h4 {
color: #2B2577;
font-weight: 700;
font-size: 20px;
letter-spacing: 0.04em;
}
.plugin-content .form-survey .improve-form .improve-form-group {
gap: 1em;
display: flex;
flex-flow: row wrap;
}
.plugin-content .form-survey .improve-form .improve-form-group .improve-form-2, .plugin-content .form-survey .improve-form .improve-form-group .improve-form-3, .plugin-content .form-survey .improve-form .improve-form-group .improve-form-4 {
border-radius: 10px;
border: 1px solid #c30058;
padding: 1em 2em;
}
.plugin-content .form-survey .improve-form .improve-form-group .improve-form-2 label, .plugin-content .form-survey .improve-form .improve-form-group .improve-form-3 label, .plugin-content .form-survey .improve-form .improve-form-group .improve-form-4 label {
color: grey;
}
.plugin-content .form-survey .improve-form .improve-form-group .improve-form-2 p, .plugin-content .form-survey .improve-form .improve-form-group .improve-form-3 p, .plugin-content .form-survey .improve-form .improve-form-group .improve-form-4 p {
padding-bottom: 8px;
}
.plugin-content .form-survey .improve-form .improve-form-group .improve-form-2 p:first-child, .plugin-content .form-survey .improve-form .improve-form-group .improve-form-3 p:first-child, .plugin-content .form-survey .improve-form .improve-form-group .improve-form-4 p:first-child {
color: #c30058;
}
.plugin-content .form-survey .improve-form .improve-form-group .improve-form-2 .numbers-age, .plugin-content .form-survey .improve-form .improve-form-group .improve-form-3 .numbers-age, .plugin-content .form-survey .improve-form .improve-form-group .improve-form-4 .numbers-age {
display: flex;
flex-flow: row nowrap;
gap: 1em;
}
.plugin-content .form-survey .improve-form .improve-form-group .improve-form-2 .numbers-age > div, .plugin-content .form-survey .improve-form .improve-form-group .improve-form-3 .numbers-age > div, .plugin-content .form-survey .improve-form .improve-form-group .improve-form-4 .numbers-age > div {
display: flex;
flex-flow: column nowrap;
align-items: center;
gap: 0.5em;
}
.plugin-content .form-survey .improve-form .improve-form-group .improve-form-2 .numbers-age > div label, .plugin-content .form-survey .improve-form .improve-form-group .improve-form-3 .numbers-age > div label, .plugin-content .form-survey .improve-form .improve-form-group .improve-form-4 .numbers-age > div label {
color: #4D428B;
}
.plugin-content .form-survey .improve-form .improve-form-group .improve-form-2 .numbers-age > div input, .plugin-content .form-survey .improve-form .improve-form-group .improve-form-3 .numbers-age > div input, .plugin-content .form-survey .improve-form .improve-form-group .improve-form-4 .numbers-age > div input {
border-radius: 10px;
border: 1px solid #4D428B;
width: 57px;
}
.plugin-content .form-survey .improve-form .improve-form-group .improve-form-3, .plugin-content .form-survey .improve-form .improve-form-group .improve-form-4 {
display: none;
}
.plugin-content .form-survey .improve-form .improve-form-group .improve-form-3 .note, .plugin-content .form-survey .improve-form .improve-form-group .improve-form-4 .note {
text-transform: none;
}
.plugin-content .banner-article {
padding: 2em 0;
}
.plugin-content .banner-article .banner-article-columns {
display: flex;
justify-content: center;
flex-flow: row wrap;
gap: 40px;
}
.plugin-content .banner-article .banner-article-columns > div:first-child {
width: 35%;
}
.plugin-content .banner-article .banner-article-columns > div:first-child img {
border-radius: 12px;
}
.plugin-content .banner-article .banner-article-columns > div:last-child {
width: 55%;
display: flex;
flex-flow: column wrap;
gap: 24px;
}
.plugin-content .banner-article .banner-article-columns > div:last-child h3 {
font-family: "Roboto", Helvetica;
}
.submit-odontology-calculator input[type=text i], .submit-odontology-calculator input[type=email i], .submit-odontology-calculator select {
border-color: #003663;
border-radius: 8px;
}
.col1 {
background-color: #E6E4F2;
border-radius: 30px;
padding: 40px;
}
.col2 {
background-color: #f0f0f0;
border-radius: 30px;
padding: 40px;
}
.alert-odontology {
background-color: #fcedf2;
color: #cf1064;
border: 2px solid #cf1064;
font-weight: 500;
border-radius: 10px;
}
.alert-odontology p {
padding-left: 20px;
} .events, .projects {
padding: 2em 3em 8em;
}
@media screen and (max-width: 768px) {
.events, .projects {
padding: 2em 1em;
}
}
.events .loadmore, .projects .loadmore {
display: inline-block;
padding: 10px 20px;
margin: 20px 0;
background-color: #0073aa;
color: #fff;
text-align: center;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.events .loadmore:hover, .projects .loadmore:hover {
background-color: #005177;
}
.events .loadmore.bt-pagination, .projects .loadmore.bt-pagination {
font-size: 16px;
font-weight: bold;
}
.events .note, .projects .note {
color: #4D428B;
font-family: "Roboto", Helvetica;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 13px;
text-transform: uppercase;
}
.events.content, .events .content, .projects.content, .projects .content {
max-width: 1440px !important;
padding-right: 0;
padding-left: 0;
padding: 3em 3em 8em 3em;
}
@media screen and (max-width: 768px) {
.events.content, .events .content, .projects.content, .projects .content {
padding: 3em 1em 8em 1em;
}
}
.events .title-layout, .projects .title-layout {
width: 35%;
}
@media screen and (max-width: 768px) {
.events .title-layout, .projects .title-layout {
width: 100%;
}
}
.events > div:first-of-type, .projects > div:first-of-type {
display: flex;
flex-flow: column nowrap;
gap: 2em;
}
.events > div:first-of-type h1, .projects > div:first-of-type h1 {
color: #2B2577;
font-family: "NexaBold";
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 54px;
width: 60%;
}
@media screen and (max-width: 1280px) {
.events > div:first-of-type h1, .projects > div:first-of-type h1 {
width: 100%;
}
}
.events .cards-layout, .projects .cards-layout {
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: 2em;
padding: 2em 0;
}
@media screen and (max-width: 576px) {
.events .cards-layout, .projects .cards-layout {
padding: 1em 0;
}
}
.events .cards-layout article, .projects .cards-layout article {
width: 48%;
}
@media screen and (max-width: 768px) {
.events .cards-layout article, .projects .cards-layout article {
width: 100%;
}
}
.events .cards-layout .cards-events, .projects .cards-layout .cards-events {
display: flex;
flex-direction: column;
gap: 36px;
}
.events .cards-layout .cards-events div:nth-child(1) img, .projects .cards-layout .cards-events div:nth-child(1) img {
width: 100%;
height: auto;
border-radius: 12px;
}
.events .cards-layout .cards-events div:nth-child(2), .projects .cards-layout .cards-events div:nth-child(2) {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.events .cards-layout .cards-events div:nth-child(2) .labels-layout, .projects .cards-layout .cards-events div:nth-child(2) .labels-layout {
display: flex;
flex-flow: row wrap;
width: 100%;
justify-content: space-between;
}
.events .cards-layout .cards-events div:nth-child(2) .event-cat, .projects .cards-layout .cards-events div:nth-child(2) .event-cat {
display: flex;
padding: 7px 12px 6px;
align-items: flex-end;
gap: 10px;
border-radius: 4px;
background: #E6E4F2;
}
.events .cards-layout .cards-events div:nth-child(2) .event-cat a, .projects .cards-layout .cards-events div:nth-child(2) .event-cat a {
text-decoration: none;
}
.events .cards-layout .cards-events div:nth-child(2) .event-tags, .projects .cards-layout .cards-events div:nth-child(2) .event-tags {
color: #c30058;
font-family: "Roboto", Helvetica;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 22px;
}
.events .cards-layout .cards-events div:nth-child(2) .event-tags a, .projects .cards-layout .cards-events div:nth-child(2) .event-tags a {
text-decoration: none;
color: #c30058;
}
.events .cards-layout .cards-events div:nth-child(2) h4, .projects .cards-layout .cards-events div:nth-child(2) h4 {
color: #2B2577;
font-family: "NexaBold";
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 40px;
}
.events .cards-layout .cards-events div:nth-child(2) h4 a, .projects .cards-layout .cards-events div:nth-child(2) h4 a {
text-decoration: none;
}
.events .cards-layout .cards-events div:nth-child(2) h4 a:hover, .projects .cards-layout .cards-events div:nth-child(2) h4 a:hover {
text-decoration: none;
color: #2B2577;
}
.events .cards-layout .cards-events .wp-block-post-featured-image img, .projects .cards-layout .cards-events .wp-block-post-featured-image img {
width: 100%;
height: auto;
border-radius: 12px !important;
}
.events .cards-layout .cards-events .event-date, .projects .cards-layout .cards-events .event-date {
color: #2B2577;
font-family: "NexaBold";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140.625%;
}
.events .cards-layout .cards-events .event-cat > a, .events .cards-layout .cards-events .event-tags > a, .projects .cards-layout .cards-events .event-cat > a, .projects .cards-layout .cards-events .event-tags > a {
pointer-events: none;
cursor: default;
}
.events .cards-layout.projects article, .projects .cards-layout.projects article {
border-radius: 32px;
box-shadow: 4px 4px 8px 0px rgba(21, 31, 109, 0.25);
width: auto;
}
.events .cards-layout.projects article .cards-projects, .projects .cards-layout.projects article .cards-projects {
display: flex;
width: 475px;
height: 440px;
padding: 40px;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
}
@media screen and (max-width: 576px) {
.events .cards-layout.projects article .cards-projects, .projects .cards-layout.projects article .cards-projects {
width: auto;
height: auto;
}
}
.events .cards-layout.projects article .cards-projects > div, .projects .cards-layout.projects article .cards-projects > div {
transition: all 0.9s ease;
}
.events .cards-layout.projects article .cards-projects:hover > div, .projects .cards-layout.projects article .cards-projects:hover > div {
transform: scale(1.05);
}
.events .cards-layout.projects article .cards-projects a, .projects .cards-layout.projects article .cards-projects a {
text-decoration: none;
}
.events .cards-layout.projects article .cards-projects a:hover, .projects .cards-layout.projects article .cards-projects a:hover {
text-decoration: underline;
}
.events .cards-layout.projects article .cards-projects .labels-layout, .projects .cards-layout.projects article .cards-projects .labels-layout {
display: flex;
flex-flow: column nowrap;
align-items: flex-start;
gap: 14px;
}
.events .cards-layout.projects article .cards-projects .labels-layout a:hover, .projects .cards-layout.projects article .cards-projects .labels-layout a:hover {
text-decoration: none;
}
.events .cards-layout.projects article .cards-projects .project-cat, .projects .cards-layout.projects article .cards-projects .project-cat {
padding: 6px 12px;
border-radius: 4px;
background: #ffffff;
}
.events .cards-layout.projects article .cards-projects .thumbnail-box, .projects .cards-layout.projects article .cards-projects .thumbnail-box {
display: flex;
align-items: flex-end;
gap: 60px;
}
.events .cards-layout.projects article .cards-projects .thumbnail-box .img img, .projects .cards-layout.projects article .cards-projects .thumbnail-box .img img {
width: 77%;
height: auto;
border-radius: 7px;
}
.events .cards-layout.projects article:nth-child(1), .events .cards-layout.projects article:nth-child(4n+4), .events .cards-layout.projects article:nth-child(4n+5), .projects .cards-layout.projects article:nth-child(1), .projects .cards-layout.projects article:nth-child(4n+4), .projects .cards-layout.projects article:nth-child(4n+5) {
background: #E6E4F2;
}
.events .cards-layout.projects article:nth-child(1) .cards-projects .thumbnail-box > .img::after, .events .cards-layout.projects article:nth-child(4n+4) .cards-projects .thumbnail-box > .img::after, .events .cards-layout.projects article:nth-child(4n+5) .cards-projects .thumbnail-box > .img::after, .projects .cards-layout.projects article:nth-child(1) .cards-projects .thumbnail-box > .img::after, .projects .cards-layout.projects article:nth-child(4n+4) .cards-projects .thumbnail-box > .img::after, .projects .cards-layout.projects article:nth-child(4n+5) .cards-projects .thumbnail-box > .img::after {
content: url(//panacea-coop.com/wp-content/uploads/2024/01/ArrowRight.svg);
float: right;
display: block;
position: relative;
top: 150px;
}
.events .cards-layout.projects article:nth-child(4n+2), .events .cards-layout.projects article:nth-child(4n+3), .projects .cards-layout.projects article:nth-child(4n+2), .projects .cards-layout.projects article:nth-child(4n+3) {
background: #2B2577;
}
.events .cards-layout.projects article:nth-child(4n+2) .cards-projects h4 a, .events .cards-layout.projects article:nth-child(4n+3) .cards-projects h4 a, .projects .cards-layout.projects article:nth-child(4n+2) .cards-projects h4 a, .projects .cards-layout.projects article:nth-child(4n+3) .cards-projects h4 a {
color: #E6E4F2;
}
.events .cards-layout.projects article:nth-child(4n+2) .cards-projects .thumbnail-box > .img::after, .events .cards-layout.projects article:nth-child(4n+3) .cards-projects .thumbnail-box > .img::after, .projects .cards-layout.projects article:nth-child(4n+2) .cards-projects .thumbnail-box > .img::after, .projects .cards-layout.projects article:nth-child(4n+3) .cards-projects .thumbnail-box > .img::after {
content: url(//panacea-coop.com/wp-content/uploads/2024/01/ArrowRight_white.svg);
float: right;
display: block;
position: relative;
top: 150px;
}
@media screen and (max-width: 768px) {
.events .cards-layout.projects article:nth-child(odd), .projects .cards-layout.projects article:nth-child(odd) {
background: #E6E4F2;
}
.events .cards-layout.projects article:nth-child(odd) .cards-projects h4 a, .projects .cards-layout.projects article:nth-child(odd) .cards-projects h4 a {
color: #2B2577;
}
.events .cards-layout.projects article:nth-child(odd) .cards-projects .thumbnail-box > .img, .projects .cards-layout.projects article:nth-child(odd) .cards-projects .thumbnail-box > .img {
padding-top: 1em;
}
.events .cards-layout.projects article:nth-child(odd) .cards-projects .thumbnail-box > .img::after, .projects .cards-layout.projects article:nth-child(odd) .cards-projects .thumbnail-box > .img::after {
content: none;
}
.events .cards-layout.projects article:nth-child(even), .projects .cards-layout.projects article:nth-child(even) {
background: #2B2577;
}
.events .cards-layout.projects article:nth-child(even) .cards-projects h4 a, .projects .cards-layout.projects article:nth-child(even) .cards-projects h4 a {
color: #E6E4F2;
}
.events .cards-layout.projects article:nth-child(even) .cards-projects .thumbnail-box > .img, .projects .cards-layout.projects article:nth-child(even) .cards-projects .thumbnail-box > .img {
padding-top: 1em;
}
.events .cards-layout.projects article:nth-child(even) .cards-projects .thumbnail-box > .img::after, .projects .cards-layout.projects article:nth-child(even) .cards-projects .thumbnail-box > .img::after {
content: none;
}
}
.search {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
gap: 5em;
padding-top: 3em;
}
@media screen and (max-width: 768px) {
.search {
gap: 2em;
}
}
.search .btn {
color: #2B2577;
font-size: 1em;
font-style: normal;
font-weight: 400;
line-height: 22px;
margin-bottom: 1em;
padding: 0;
height: 2em;
border-bottom: solid transparent;
}
.search .btn:hover, .search .btn:active {
border-bottom: solid #c30058;
}
.search .btn:focus {
box-shadow: none;
} .single-post [class*=col-]:not(.form-row, .form-group, .align-title-resources, .header-logo) {
padding-right: 0 !important;
padding-left: 0 !important;
}
.single-post.content, .single-post .content {
max-width: 1440px !important;
padding-right: 0;
padding-left: 0;
padding: 1em 0 0 0;
}
.single-post p {
color: #2B2577;
}
.single-post .entry-post-events h1, .single-post .entry-post-projects h1 {
color: #2B2577;
font-family: "NexaBold";
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 54px;
padding-bottom: 3em;
}
@media screen and (max-width: 768px) {
.single-post .entry-post-events h1, .single-post .entry-post-projects h1 {
padding-bottom: 1em;
}
}
@media screen and (max-width: 576px) {
.single-post .entry-post-events h1, .single-post .entry-post-projects h1 {
font-size: 37px;
}
}
.single-post .entry-post-events img, .single-post .entry-post-projects img {
border-radius: 12px;
}
.single-post .entry-post-projects img {
margin-top: 6em;
}
@media screen and (max-width: 768px) {
.single-post .entry-post-projects img {
margin-top: 0em;
}
}
.single-post .post-events ul, .single-post .post-projects ul, .single-post .post-products ul {
padding: 0.5em 0;
margin: 0 1.5em;
list-style-image: url(//panacea-coop.com/wp-content/uploads/2024/02/circulo-rosa-vacio_15.svg);
}
.single-post .post-events ul.active, .single-post .post-projects ul.active, .single-post .post-products ul.active {
list-style-image: url(//panacea-coop.com/wp-content/uploads/2024/02/circulo-rosa-lleno_15.svg);
}
.single-post .post-events ul li::marker, .single-post .post-projects ul li::marker, .single-post .post-products ul li::marker {
display: flex;
align-self: center;
text-align: center !important;
text-align-last: center !important;
}
.single-post .post-events ul li.vline::before, .single-post .post-projects ul li.vline::before, .single-post .post-products ul li.vline::before {
content: "";
position: relative;
display: block;
width: 27px;
height: 0px;
left: -31px;
top: 35px;
border: 1px solid #c30058;
transform: rotate(90deg);
}
.single-post .post-events ul li a, .single-post .post-projects ul li a, .single-post .post-products ul li a {
color: #c30058;
text-decoration: none;
font-size: 0.85em;
}
.single-post .post-events ul li a.active, .single-post .post-projects ul li a.active, .single-post .post-products ul li a.active {
font-weight: 600;
}
.single-post .post-events h2, .single-post .post-projects h2, .single-post .post-products h2 {
color: #2B2577;
}
.single-post .post-events h4, .single-post .post-projects h4, .single-post .post-products h4 {
color: #c30058;
}
.single-post .post-events .anchor-scroll, .single-post .post-projects .anchor-scroll, .single-post .post-products .anchor-scroll {
scroll-margin-top: 5em;
}
.single-post .post-events figure img, .single-post .post-projects figure img, .single-post .post-products figure img {
width: 100%;
height: auto;
border-radius: 12px;
}
.single-post .post-events figure figcaption, .single-post .post-projects figure figcaption, .single-post .post-products figure figcaption {
padding-top: 1em;
color: #575756;
text-align: center;
font-family: Roboto;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 13px;
}
.single-post .post-events .sticky, .single-post .post-projects .sticky, .single-post .post-products .sticky {
position: sticky;
top: 8em;
}
@media screen and (max-width: 768px) {
.single-post .post-events .sticky, .single-post .post-projects .sticky, .single-post .post-products .sticky {
display: none;
}
}
.single-post .post-events .wp-block-table, .single-post .post-projects .wp-block-table, .single-post .post-products .wp-block-table {
overflow: hidden;
}
.single-post .post-events a, .single-post .post-projects a {
color: #2B2577;
text-decoration: underline;
}
.single-post .post-events a:hover, .single-post .post-projects a:hover {
color: #9F98C5;
}
.single-post .post-events .action-link a, .single-post .post-projects .action-link a {
color: #c30058;
text-decoration: none;
}
.single-post .post-events .action-link a:hover, .single-post .post-projects .action-link a:hover {
text-decoration: underline;
font-weight: 700;
}
.single-post form {
padding: 2em;
background-color: #F2F7FC;
border-radius: 8px;
}
.single-post form button {
border-radius: 7px;
background: #2B2577;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
.single-post .table-type1 table {
border: 1px solid #2B2577;
color: #2B2577;
}
.single-post .table-type1 table thead {
border-bottom: 1px solid #2B2577 !important;
}
.single-post .table-type1 table thead th {
background-color: #E6E4F2;
text-align: center;
}
.single-post .table-type1 table tbody td {
text-align: center;
}
.single-post .table-type1 table tbody td:first-child {
background-color: #E6E4F2;
}
.single-post .table-type2 table {
border: 1px solid #2B2577;
color: #2B2577;
}
.single-post .table-type2 table thead {
border-bottom: 1px solid #2B2577 !important;
}
.single-post .table-type2 table thead th {
background-color: #E6E4F2;
text-align: center;
}
.single-post .table-type2 table tbody td {
text-align: center;
}
#breadcrumbs {
padding-left: 0 !important;
list-style: none;
margin-bottom: 0em;
overflow: hidden;
}
#breadcrumbs > li {
float: left;
color: #4D428B;
font-family: "Roboto", Helvetica;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 13px;
}
#breadcrumbs > li a {
text-decoration: none;
text-transform: uppercase;
}
#breadcrumbs > li a:hover {
text-decoration: underline;
}
#breadcrumbs .separator {
margin: 0 0.5em;
}
.post {
display: flex;
flex-flow: row wrap;
}
.container-column {
display: flex;
flex-flow: row wrap;
align-items: center;
gap: 2em;
}
@media screen and (max-width: 782px) {
.container-column {
gap: 1em;
}
.container-column.order-columns > div:nth-child(2) > div:first-child, .container-column.order-columns > div:nth-child(4) > div:first-child {
order: 2;
}
.container-column.order-columns > div:nth-child(2) > div:last-child, .container-column.order-columns > div:nth-child(4) > div:last-child {
order: 1;
}
}
.slim-column {
max-width: 44em;
}
@media screen and (max-width: 782px) {
.slim-column {
max-width: none;
}
}
.img-cfs-size {
max-width: 450px;
}
@media screen and (max-width: 576px) {
.img-cfs-size {
width: auto;
}
}
.landing-header {
display: block;
background: url(//panacea-coop.com/wp-content/uploads/2024/09/investigadoras.webp) no-repeat right;
min-height: 758px;
}
@media screen and (min-width: 1360px) {
.landing-header {
background-size: 70%;
}
}
@media screen and (max-width: 1280px) {
.landing-header {
background-size: cover;
}
}
@media screen and (max-width: 782px) {
.landing-header {
display: none;
}
}
.landing-header .overlay {
background: linear-gradient(105deg, #af73f7 0%, #954aed 5%, #7018c6 10%, #3b096c 15%, #0c000a 25%, #0b013d 35%, #0a0653 40%, #0e1766) left;
clip-path: ellipse(52% 100% at 0% 50%);
background-size: cover;
}
.landing-header .header-column {
display: flex;
flex-direction: column;
justify-content: center;
gap: 2em;
min-height: 614px;
}
.landing-header .header-column p {
color: #ffffff;
}
.landing-header .header-column .width-p {
width: 65%;
}
.landing-header-mobile {
display: none;
flex-flow: row wrap;
}
@media screen and (max-width: 782px) {
.landing-header-mobile {
display: flex;
}
}
.landing-header-mobile .header-column2 {
background: linear-gradient(107deg, #af73f7 0%, #954aed 5%, #7018c6 12%, #3b096c 24%, #0c000a 40%, #0b013d 62%, #0a0653 97%, #0e1766) left;
background-size: cover;
min-height: 558px;
padding: 0 1em 2em;
}
.landing-header-mobile .header-column2 p {
color: #ffffff;
padding: 2em 0;
}
.landing-header-mobile .header-column3 {
background: url(//panacea-coop.com/wp-content/uploads/2024/09/investigadoras.webp) no-repeat top;
width: 100%;
min-height: 758px;
}
.block-cards-odoo {
display: flex;
flex-flow: row wrap;
gap: 3em;
margin: 0 auto;
}
.block-cards-odoo .cards-odoo {
display: flex;
flex-flow: row wrap;
justify-content: center;
max-width: 1140px;
box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2509803922);
transition: all 0.9s ease;
border-radius: 8px;
}
.block-cards-odoo .cards-odoo > div:first-child img {
border-radius: 8px 8px 0 0;
}
.block-cards-odoo .cards-odoo > div:last-child {
border-radius: 0 0 8px 8px;
}
@media screen and (max-width: 992px) {
.block-cards-odoo .cards-odoo {
max-width: 960px;
}
}
@media screen and (max-width: 768px) {
.block-cards-odoo .cards-odoo {
max-width: 720px;
}
}
@media screen and (max-width: 576px) {
.block-cards-odoo .cards-odoo {
max-width: 540px;
}
}
.block-cards-odoo .cards-odoo .card-odoo-content {
display: flex;
flex-flow: column wrap;
gap: 2em;
background-color: #ffffff;
padding: 1.5em;
border-radius: 0 0 8px 8px;
}
.block-cards-odoo .cards-odoo .card-odoo-content > div:nth-child(1) > div {
display: flex;
flex-flow: column wrap;
gap: 0.5em;
}
.block-cards-odoo .cards-odoo .card-odoo-content > div:nth-child(1) > div > h3 {
color: #2B2577;
font-family: "Roboto", Helvetica;
font-size: 24px;
font-weight: 700;
}
.block-cards-odoo .cards-odoo .card-odoo-content > div:nth-child(1) > div > p:last-child {
font-family: "Roboto", Helvetica;
font-size: 12px;
font-weight: 700;
color: #c30058;
}
.block-cards-odoo .cards-odoo .card-odoo-content > div:nth-child(2) > div {
display: flex;
flex-flow: column wrap;
gap: 0.5em;
}
.block-cards-odoo .cards-odoo .card-odoo-content > div:nth-child(2) > div > p {
font-family: "Roboto", Helvetica;
font-size: 12px;
font-weight: 700;
line-height: 30px;
text-transform: uppercase;
}
.block-cards-odoo .cards-odoo .card-odoo-content > div:nth-child(2) > div > div > div {
display: flex;
flex-flow: row nowrap;
gap: 0.5em;
}
@media screen and (max-width: 576px) {
.block-cards-odoo .cards-odoo .card-odoo-content > div:nth-child(2) > div > div > div {
flex-flow: row wrap;
}
}
.block-cards-odoo .cards-odoo .card-odoo-content > div:nth-child(2) > div > div > div > p:first-child {
align-self: center;
font-family: "Roboto", Helvetica;
font-size: 24px;
font-weight: 700;
line-height: 30px;
text-transform: uppercase;
}
.block-cards-odoo .cards-odoo .card-odoo-content > div:nth-child(2) > div > div > div > p:last-child {
align-self: flex-end;
}
.block-cards-odoo .cards-odoo .card-odoo-content p {
color: #151F6D;
}
@media screen and (min-width: 992px) {
.block-cards-odoo .cards-odoo:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
}
.block-empresas {
display: flex;
flex-flow: row wrap;
gap: 1em;
}
.block-empresas > div:first-child {
max-width: 30%;
}
@media screen and (max-width: 992px) {
.block-empresas > div:first-child {
max-width: 100%;
}
}
.block-empresas > div:last-child {
max-width: 70%;
}
@media screen and (max-width: 992px) {
.block-empresas > div:last-child {
max-width: 100%;
display: flex;
flex-flow: column wrap;
align-items: center;
}
}
.block-faqs {
display: flex;
flex-flow: column nowrap;
gap: 2em;
padding: 4em 1em !important;
}
.block-faqs .block-accordion-faqs .card > .card-header {
cursor: pointer !important;
background-color: #FAFBFF;
}
.block-faqs .block-accordion-faqs .card > .card-header .btn {
display: flex;
justify-content: space-between;
color: #151F6D !important;
}
.block-faqs .block-accordion-faqs .card > .card-header.collapsed .arrow-down {
display: inline;
}
.block-faqs .block-accordion-faqs .card > .card-header.collapsed .arrow-up {
display: none;
}
.block-faqs .block-accordion-faqs .card > .card-header:not(.collapsed) .arrow-down {
display: none;
}
.block-faqs .block-accordion-faqs .card > .card-header:not(.collapsed) .arrow-up {
display: inline;
}
.block-faqs .block-accordion-faqs .card .card-body {
font-family: "Roboto", Helvetica;
font-size: 16px;
font-weight: 400;
color: #4D428B;
}
.cards-row {
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: 1.5em;
}
@media screen and (max-width: 1280px) {
.cards-row {
flex-flow: column wrap;
}
}
.cards-row .expert-card {
display: flex;
flex-direction: column;
gap: 1em;
padding: 1.5em;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 576px) {
.cards-row .expert-card {
padding: 2em 1em;
}
}
.cards-row .expert-card > div:first-child {
height: 275px;
}
.cards-row .expert-card > div:first-child div {
display: flex;
flex-flow: column nowrap;
gap: 1.5em;
}
.banner-sessions {
background: url(//panacea-coop.com/wp-content/uploads/2024/12/sesiones-tu-tu.jpg) no-repeat center;
background-size: cover;
min-height: 439px;
}
.banner-sessions-text {
display: flex;
flex-direction: column;
justify-content: center;
gap: 1em;
padding: 5%;
}
.banner-sessions-text p {
max-width: 800px;
}
.max-width {
max-width: 500px;
}
.bg-gradient-blue {
background: linear-gradient(180deg, #4D428B 0%, rgba(255, 255, 255, 0.5) 73%);
}
.bg-gradient-blue p {
color: #ffffff;
}
.info-cursos-column > .wp-block-column {
display: flex;
justify-content: center;
}
.info-cursos-column > .wp-block-column .info-cursos {
gap: 1.5em;
display: flex;
flex-flow: column;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
padding: 2em;
margin: 0 1em;
}
@media screen and (max-width: 576px) {
.info-cursos-column > .wp-block-column .info-cursos {
margin: 1em;
padding: 1em;
}
}
.info-cursos-column > .wp-block-column .info-cursos > div {
display: flex;
flex-flow: row wrap;
gap: 3em;
margin-left: 1em;
}
@media screen and (max-width: 782px) {
.info-cursos-column > .wp-block-column .info-cursos > div {
gap: 1em;
}
}
@media screen and (max-width: 576px) {
.info-cursos-column > .wp-block-column .info-cursos > div {
margin-left: 0em;
}
}
.info-cursos-column > .wp-block-column .info-cursos > div > div {
display: flex;
flex-flow: column nowrap;
gap: 1em;
}
.info-cursos-column > .wp-block-column .info-cursos > div > div > div {
display: flex;
flex-flow: row nowrap !important;
gap: 1em;
}
@media screen and (max-width: 782px) {
.info-cursos-column > .wp-block-column .info-cursos > div > div > div > .wp-block-column {
flex-basis: none !important;
max-width: fit-content;
}
}
.info-cursos-column > .wp-block-column .info-cursos > div > div > div > .wp-block-column .icon-info img {
max-width: none;
}
.info-cursos-column > .wp-block-column .info-cursos p {
white-space: wrap;
}
.group-column-form1 {
flex-basis: auto !important;
width: 40%;
}
@media screen and (max-width: 782px) {
.group-column-form1 {
width: 100%;
}
}
.group-column-form2 {
flex-basis: auto !important;
width: 60%;
}
@media screen and (max-width: 782px) {
.group-column-form2 {
width: 100%;
}
}
.form-blue {
background-color: #2B2577;
padding: 2em;
border-radius: 12px;
box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);
margin-left: 2em;
color: #ffffff;
}
@media screen and (max-width: 782px) {
.form-blue {
margin-left: 0em;
margin-top: 2em;
}
}
@media screen and (max-width: 576px) {
.form-blue {
padding: 2em 0.5em;
}
}
.form-blue a {
color: #ffffff;
}
.form-blue a:hover {
text-decoration: underline;
color: #9F98C5;
}
.form-blue .form-control {
background-color: #F2F7FC;
color: #000000;
}
.valoraciones {
display: flex;
gap: 2em;
padding: 0% 20%;
}
@media screen and (max-width: 576px) {
.valoraciones {
padding: 0 1em;
}
}
.valoraciones > div {
display: flex;
flex-direction: column;
border-radius: 12px;
padding: 2%;
gap: 1em;
}
.bg-blue-10-50 {
background-color: rgba(230, 228, 242, 0.5019607843);
}[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
}.q_display {
display: none;
}