/*
Theme Name: Area Training
Author: iquadrat
Author URI: iquadrat.com
Description: A starter theme for WordPress.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: area-training
*/

/* Reset styles */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    font-family: 'League Spartan', sans-serif;
    font-size: 18px;
    min-height: 100dvh;
    background-color: rgb(var(--background-beige));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Theme styles */
/* Add your custom styles here */

header, footer {
    background: white;
    box-shadow: 0 0.5rem 2rem rgba(0,0,0,.03);
}

:root {
    --corporate-red: 156,0,0;
    --background-beige: 255,248,240;
}

a { color: rgb(var(--corporate-red)); }
a:hover { color: #000000; }

.navbar {  padding-left:0px; padding-right:0px; }

.navbar-nav {
    gap: 1rem;
}

.navbar li a.nav-link { font-weight: 500; display:inline-block; color: rgba(var(--corporate-red),.66); font-size: 1.188rem; }
.navbar li a.nav-link:hover { color: rgba(var(--corporate-red),1); }

:focus-visible {
    outline: none;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    border-radius: 5px;
  }

li.active a {
    color: rgb(var(--corporate-red));
    pointer-events: none;
}

li.active a {
    border-bottom: 2px solid rgb(var(--corporate-red));
}

.navbar button, 
.navbar button.navbar-toggler:focus {     border: 0; outline: 0; box-shadow: none; }

.lang-switcher {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
}

.lang-switcher,
.resp-lang-switcher {
    display: flex;
    gap: 1rem;
    font-size: .875rem;
}

.lang-switcher li, .resp-lang-switcher li, footer ul, footer ol { list-style-type: none; }

.min-height-wrapper {     
    min-height: calc(100dvh - 134px - 170px); 
    display:flex; 
    align-items:center; 
    justify-content: space-between; 
    padding: 4rem 0;
}

.min-height-wrapper { align-items: start;}

@media (max-width:992px){
    .min-height-wrapper {  min-height: calc(100dvh - 134px - 152px); } 
}

article { display:flex; align-items:start; justify-content: space-between; gap:4rem; }
@media (max-width:768px) {
    article { flex-direction: column-reverse; }
}
article > * { flex-basis: 50%; }
article .content {
    text-align: start;
}

.legal article { justify-content: center; }
.legal article > * { flex-basis:768px;}

article .content h1 {
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 2rem;
}

article .content .entry-content {
    font-size: 1.2rem;
    line-height: 1.3;
}

article .content .entry-content li {
    font-size: 1.5rem;
}

.legal article .content .entry-content { font-size: 1.15rem; }

article .content .entry-content li, article .content .entry-content p {
    margin-bottom: 1rem; 
}

article .image img, article .image iframe { max-width: 100%; max-height: 100%; }


/*.page-referencias .min-height-wrapper { background-color: aliceblue;} */

.page-clientes article > .content,
.page-clients article > .content,
.page-clients-en article > .content { flex-basis: 100%; }

.page-clientes article > .image,
.page-clients article > .image,
.page-clients-en article > .image { display: none; }

.page-clientes article .content .entry-content,
.page-clients article .content .entry-content,
.page-clients-en article .content .entry-content {
    font-size: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 5rem;
    justify-content: center;
    align-items: center;
}

.page-clientes article .content h1,
.page-clients article .content h1,
.page-clients-en article .content h1 {
    margin-left: 1.25rem;
}

.page-clientes article .content .entry-content figure,
.page-clients article .content .entry-content figure,
.page-clients-en article .content .entry-content figure {
    flex-basis: 195px;
}

.page-clientes article .content .entry-content img,
.page-clients article .content .entry-content img,
.page-clients-en article .content .entry-content img {
    max-width: 195px;
    max-height: 60px;
    object-fit: contain;
    display: inline-block;
    mix-blend-mode: multiply;
}

.entry-content ul {
    list-style-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42.36 52.36" width=".66rem"><rect fill="%239c0000" x="6.2" y="6.2" width="29.96" height="29.96" transform="translate(21.18 -8.77) rotate(45)"/></svg>');
    margin-left: 1rem;
}

footer { padding: 1.5rem 0; font-size: .875rem;  }

.lang-switcher li a, 
.resp-lang-switcher li a,
footer ul#menu a, footer ol#menu a { text-decoration:none; color: rgba(0,0,0,.75); font-weight: 400; }

.lang-switcher li a:hover,
.resp-lang-switcher li a:hover, 
footer ul#menu a:hover, footer ol#menu a:hover { text-decoration:none; color: rgba(0,0,0,1); }

#cmplz-document p, .editor-styles-wrapper .cmplz-unlinked-mode p, #cmplz-document li, .editor-styles-wrapper .cmplz-unlinked-mode li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode td,
#cmplz-document  {
    font-size: 1.15rem;
}