.lacot-latest-articles {
display: flex;
flex-direction: column;
gap: 2em;
width: 100%;
box-sizing: border-box;
}
.lacot-article {
background: var(--wp--preset--color--base, #fff);
border-radius: 8px;
padding: 1.2em;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
overflow: hidden;
}
.lacot-title {
margin: 0 0 0.8em 0;
color: var(--wp--preset--color--primary, inherit); font-size: 2em;
line-height: 1.1;
}
.lacot-title-left   { text-align: left; }
.lacot-title-center { text-align: center; }
.lacot-title-right  { text-align: right; }
.lacot-thumb {
margin-bottom: 1em;
}
.lacot-thumb-left {
float: left;
margin-right: 1em;
max-width: 48%;
}
.lacot-thumb-right {
float: right;
margin-left: 1em;
max-width: 48%;
}
.lacot-thumb-center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
max-width: 100%;
}
.lacot-thumb img {
width: 100%;
height: auto;
max-width: 100%;
border-radius: 8px;
display: block;
margin-left: auto;
margin-right: auto;
} .lacot-excerpt {
font-size: 1em;
line-height: 1.6;
min-height: 3em;
margin-bottom: 1em;
}
.lacot-text-left { text-align: left; }
.lacot-text-right { text-align: right; }
.lacot-text-center { text-align: center; }
.lacot-text-justify { text-align: justify; }  @media (max-width: 1024px) {
.lacot-article {
padding: 1em;
}
.lacot-title {
text-align: center !important;
font-size: 1.6em;
word-break: break-word;
}
.lacot-title-left,
.lacot-title-right,
.lacot-title-center {
text-align: center !important;
}
.lacot-thumb,
.lacot-thumb-left,
.lacot-thumb-right,
.lacot-thumb-center {
float: none !important;
display: block !important;
margin: 0 auto 1em auto !important;
max-width: 90vw !important;
text-align: center !important;
}
.lacot-thumb img {
width: 100%;
height: auto;
max-width: 450px;
}
.lacot-excerpt,
.lacot-text-left,
.lacot-text-right,
.lacot-text-center,
.lacot-text-justify {
font-size: 1em;
text-align: justify !important;
word-break: break-word;
}
} @media (max-width: 700px) {
.lacot-article {
padding: 0.8em;
}
.lacot-title {
text-align: center !important;
font-size: 1.2em;
word-break: break-word;
}
.lacot-title-left,
.lacot-title-right,
.lacot-title-center {
text-align: center !important;
}
.lacot-thumb,
.lacot-thumb-left,
.lacot-thumb-right,
.lacot-thumb-center {
float: none !important;
display: block !important;
margin: 0 auto 1em auto !important;
max-width: 98vw !important;
text-align: center !important;
}
.lacot-thumb img {
width: 100%;
height: auto;
max-width: 98vw;
}
.lacot-excerpt,
.lacot-text-left,
.lacot-text-right,
.lacot-text-center,
.lacot-text-justify {
font-size: 0.97em;
text-align: justify !important;
word-break: break-word;
}
}