.elementor-20536 .elementor-element.elementor-element-c09c141{--display:flex;}.elementor-20536 .elementor-element.elementor-element-cd889f9.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-20536 .elementor-element.elementor-element-a14fe27 .elementor-button{background-color:var( --e-global-color-6a3bf69 );fill:var( --e-global-color-text );color:var( --e-global-color-text );padding:20px 30px 20px 30px;}.elementor-20536 .elementor-element.elementor-element-a14fe27 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-20536 .elementor-element.elementor-element-a14fe27 .elementor-button:hover, .elementor-20536 .elementor-element.elementor-element-a14fe27 .elementor-button:focus{color:var( --e-global-color-accent );}.elementor-20536 .elementor-element.elementor-element-a14fe27 .elementor-button:hover svg, .elementor-20536 .elementor-element.elementor-element-a14fe27 .elementor-button:focus svg{fill:var( --e-global-color-accent );}/* Start custom CSS for container, class: .elementor-element-c09c141 */#boletin em a{
  font-style: italic;
  font-size: 14px !important;
}

#boletin .mcnTextContent span{
    font-size: 14px !important;
}

#boletin #templatePreheader {
    padding: 0 !important;
}

#boletin .templateFooter,
#boletin .templateFooter:hover {
    background-color: #FAFAFA !important;
    border: none;
    margin-block-end: 0;
}

#boletin table td,
#boletin table th {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

#boletin tr,
#boletin td,
#boletin table {
    background-color: transparent;
    border: none;
    margin-block-end: 0;
    padding: auto;
}
#boletin .mcnTextContent > p{
    text-align:justify ;
    font-size: 14px !important;
}

#boletin tr:hover,
#boletin td:hover:not(#templateFooter) {
    background-color: transparent ;
}

#boletin span>a,
#boletin p>a{
    font-size:14px !important;
}

#boletin .mcnCartContainer,
#boletin .mcnCaptionTopContent,
#boletin .mcnRecContentContainer,
#boletin .mcnCaptionBottomContent,
#boletin .mcnTextContentContainer,
#boletin .mcnBoxedTextContentContainer,
#boletin .mcnImageGroupContentContainer,
#boletin .mcnCaptionLeftTextContentContainer,
#boletin .mcnCaptionRightTextContentContainer,
#boletin .mcnCaptionLeftImageContentContainer,
#boletin .mcnCaptionRightImageContentContainer,
#boletin .mcnImageCardLeftTextContentContainer,
#boletin .mcnImageCardRightTextContentContainer,
#boletin .mcnImageCardLeftImageContentContainer,
#boletin .mcnImageCardRightImageContentContainer {
    max-width: 264px;
}

#boletin b,
#boletin strong {
    font-weight: bold;
}

#boletin p {
    margin: 10px 0;
    padding: 0;
    font-weight: normal;
}

#boletin table {
    border-collapse: collapse;
}

#boletin h1,
#boletin h2,
#boletin h3,
#boletin h4,
#boletin h5,
#boletin h6 {
    display: block;
    margin: 0;
    padding: 0;
}

#boletin img,
#boletin a img {
    border: 0;
    height: auto;
    outline: none;
    text-decoration: none;
}

#boletin #body,
#boletin #bodyTable,
#boletin #bodyCell {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

#boletin .mcnPreviewText {
    display: none !important;
}

#boletin #outlook a {
    padding: 0;
}

#boletin img {
    -ms-interpolation-mode: bicubic;
}

#boletin table {
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
}

#boletin .ReadMsgBody {
    width: 100%;
}

#boletin .ExternalClass {
    width: 100%;
}

#boletin a{
    font-size: 14px;
}

#boletin p,
#boletin a,
#boletin li,
#boletin td,
#boletin blockquote {
    mso-line-height-rule: exactly;
}

#boletin a[href^=tel],
#boletin a[href^=sms] {
    color: inherit;
    cursor: default;
    text-decoration: none;
}

#boletin p,
#boletin a,
#boletin li,
#boletin td,
#boletin #body,
#boletin table,
#boletin blockquote {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

#boletin .ExternalClass,
#boletin .ExternalClass p,
#boletin .ExternalClass td,
#boletin .ExternalClass div,
#boletin .ExternalClass span,
#boletin .ExternalClass font {
    line-height: 100%;
}

#boletin a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

#boletin table[align=left] {
    float: left;
}

#boletin table[align=right] {
    float: right;
}

#boletin #bodyCell {
    padding: 10px;
    border-top: 0;
}

#boletin .templateContainer {
    max-width: 600px !important;
}

#boletin a.mcnButton {
    display: block;
}

#boletin .mcnImage,
#boletin .mcnRetinaImage {
    vertical-align: bottom;
}

#boletin .mcnTextContent {
    word-break: break-word;
}

#boletin .mcnTextContent img {
    height: auto !important;
}

#boletin .mcnDividerBlock {
    table-layout: fixed !important;
}

/*
@tab Page
@section Background Style
@tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
*/
#boletin #body,
#boletin #bodyTable {
    /*@editable*/
    background-color: #ffffff;
}

/*
@tab Page
@section Background Style
@tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
*/
#boletin #bodyCell {
    /*@editable*/
    border-top: 0;
}

/*
@tab Page
@section Email Border
@tip Set the border for your email.
*/
#boletin .templateContainer {
    /*@editable*/
    border: 0;
}

/*
@tab Page
@section Heading 1
@tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
@style heading 1
*/
#boletin h1 {
    /*@editable*/
    color: #4d4d4d;
    /*@editable*/
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /*@editable*/
    font-size: 26px;
    /*@editable*/
    font-style: normal;
    /*@editable*/
    font-weight: bold;
    /*@editable*/
    line-height: 125%;
    /*@editable*/
    letter-spacing: normal;
    /*@editable*/
    text-align: left;
}

/*
@tab Page
@section Heading 2
@tip Set the styling for all second-level headings in your emails.
@style heading 2
*/
#boletin h2 {
    /*@editable*/
    color: #4d4d4d;
    /*@editable*/
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /*@editable*/
    font-size: 22px;
    /*@editable*/
    font-style: normal;
    /*@editable*/
    font-weight: bold;
    /*@editable*/
    line-height: 125%;
    /*@editable*/
    letter-spacing: normal;
    /*@editable*/
    text-align: left;
}

/*
@tab Page
@section Heading 3
@tip Set the styling for all third-level headings in your emails.
@style heading 3
*/
#boletin h3 {
    /*@editable*/
    color: #202020;
    /*@editable*/
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /*@editable*/
    font-size: 20px;
    /*@editable*/
    font-style: normal;
    /*@editable*/
    font-weight: bold;
    /*@editable*/
    line-height: 125%;
    /*@editable*/
    letter-spacing: normal;
    /*@editable*/
    text-align: left;
}

/*
@tab Page
@section Heading 4
@tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
@style heading 4
*/
#boletin h4 {
    /*@editable*/
    color: #202020;
    /*@editable*/
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /*@editable*/
    font-size: 18px;
    /*@editable*/
    font-style: normal;
    /*@editable*/
    font-weight: bold;
    /*@editable*/
    line-height: 125%;
    /*@editable*/
    letter-spacing: normal;
    /*@editable*/
    text-align: left;
}

/*
@tab Preheader
@section Preheader Style
@tip Set the background color and borders for your email's preheader area.
*/
#boletin #templatePreheader {
    /*@editable*/
    background-color: #fafafa;
    /*@editable*/
    background-image: none;
    /*@editable*/
    background-repeat: no-repeat;
    /*@editable*/
    background-position: center;
    /*@editable*/
    background-size: cover;
    /*@editable*/
    border-top: 0;
    /*@editable*/
    border-bottom: 0;
    /*@editable*/
    padding-top: 9px;
    /*@editable*/
    padding-bottom: 9px;
}

/*
@tab Preheader
@section Preheader Text
@tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
*/
#boletin #templatePreheader .mcnTextContent,
#boletin #templatePreheader .mcnTextContent p {
    /*@editable*/
    color: #656565;
    /*@editable*/
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /*@editable*/
    font-size: 14px !important;
    /*@editable*/
    line-height: 150%;
    /*@editable*/
    text-align: justify;
}

/*
@tab Preheader
@section Preheader Link
@tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
*/
#boletin #templatePreheader .mcnTextContent a,
#boletin #templatePreheader .mcnTextContent p a {
    /*@editable*/
    color: #8e1f3d;
    /*@editable*/
    font-weight: normal;
    /*@editable*/
    text-decoration: underline;
}

/*
@tab Header
@section Header Style
@tip Set the background color and borders for your email's header area.
*/
#boletin #templateHeader {
    /*@editable*/
    background-color: #ffffff;
    /*@editable*/
    background-image: none;
    /*@editable*/
    background-repeat: no-repeat;
    /*@editable*/
    background-position: center;
    /*@editable*/
    background-size: cover;
    /*@editable*/
    border-top: 0;
    /*@editable*/
    border-bottom: 0;
    /*@editable*/
    padding-top: 0px;
    /*@editable*/
    padding-bottom: 0;
}

/*
@tab Header
@section Header Text
@tip Set the styling for your email's header text. Choose a size and color that is easy to read.
*/
#boletin #templateHeader .mcnTextContent,
#boletin #templateHeader .mcnTextContent p {
    /*@editable*/
    color: #202020;
    /*@editable*/
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /*@editable*/
    font-size: 14px !important;
    /*@editable*/
    line-height: 150%;
    /*@editable*/
    text-align: justify;
}

/*
@tab Header
@section Header Link
@tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
*/
#boletin #templateHeader .mcnTextContent a,
#boletin #templateHeader .mcnTextContent p a {
    /*@editable*/
    color: #8e1f3d;
    /*@editable*/
    font-weight: normal;
    /*@editable*/
    text-decoration: underline;
}

/*
@tab Body
@section Body Style
@tip Set the background color and borders for your email's body area.
*/
#boletin #templateBody {
    /*@editable*/
    background-color: #ffffff;
    /*@editable*/
    background-image: none;
    /*@editable*/
    background-repeat: no-repeat;
    /*@editable*/
    background-position: center;
    /*@editable*/
    background-size: cover;
    /*@editable*/
    border-top: 0;
    /*@editable*/
    border-bottom: 0;
    /*@editable*/
    padding-top: 9px;
    /*@editable*/
    padding-bottom: 0;
}

/*
@tab Body
@section Body Text
@tip Set the styling for your email's body text. Choose a size and color that is easy to read.
*/
#boletin #templateBody .mcnTextContent,
#boletin #templateBody .mcnTextContent p {
    /*@editable*/
    color: #202020;
    /*@editable*/
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /*@editable*/
    font-size: 14px !important;
    /*@editable*/
    line-height: 150%;
    /*@editable*/
    text-align: justify;
}

/*
@tab Body
@section Body Link
@tip Set the styling for your email's body links. Choose a color that helps them stand out from your text.
*/
#boletin #templateBody .mcnTextContent a,
#boletin #templateBody .mcnTextContent p a {
    /*@editable*/
    color: #8e1f3d;
    /*@editable*/
    font-weight: bold;
    /*@editable*/
    text-decoration: underline;
}

/*
@tab Columns
@section Column Style
@tip Set the background color and borders for your email's columns.
*/
#boletin #templateColumns {
    /*@editable*/
    background-color: #ffffff;
    /*@editable*/
    background-image: none;
    /*@editable*/
    background-repeat: no-repeat;
    /*@editable*/
    background-position: center;
    /*@editable*/
    background-size: cover;
    /*@editable*/
    border-top: 0;
    /*@editable*/
    border-bottom: 2px solid #EAEAEA;
    /*@editable*/
    padding-top: 0;
    /*@editable*/
    padding-bottom: 9px;
}

/*
@tab Columns
@section Column Text
@tip Set the styling for your email's column text. Choose a size and color that is easy to read.
*/
#boletin #templateColumns .columnContainer .mcnTextContent,
#boletin #templateColumns .columnContainer .mcnTextContent p {
    /*@editable*/
    color: #252524;
    /*@editable*/
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /*@editable*/
    font-size: 14px !important;
    /*@editable*/
    line-height: 150%;
    /*@editable*/
    text-align: justify;
}

/*
@tab Columns
@section Column Link
@tip Set the styling for your email's column links. Choose a color that helps them stand out from your text.
*/
#boletin #templateColumns .columnContainer .mcnTextContent a,
#boletin #templateColumns .columnContainer .mcnTextContent p a {
    /*@editable*/
    color: #8e1f3d;
    /*@editable*/
    font-weight: normal;
    /*@editable*/
    text-decoration: underline;
}

/*
@tab Footer
@section Footer Style
@tip Set the background color and borders for your email's footer area.
*/
#boletin #templateFooter {
    /*@editable*/
    background-color: #fafafa;
    /*@editable*/
    background-image: none;
    /*@editable*/
    background-repeat: no-repeat;
    /*@editable*/
    background-position: center;
    /*@editable*/
    background-size: cover;
    /*@editable*/
    border-top: 0;
    /*@editable*/
    border-bottom: 0;
    /*@editable*/
    padding-top: 9px;
    /*@editable*/
    padding-bottom: 9px;
}

/*
@tab Footer
@section Footer Text
@tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
*/
#boletin #templateFooter .mcnTextContent,
#boletin #templateFooter .mcnTextContent p {
    /*@editable*/
    color: #656565;
    /*@editable*/
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    /*@editable*/
    font-size: 14px !important;
    /*@editable*/
    line-height: 150%;
    /*@editable*/
    text-align: center;
}

/*
@tab Footer
@section Footer Link
@tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
*/
#boletin #templateFooter .mcnTextContent a,
#boletin #templateFooter .mcnTextContent p a {
    /*@editable*/
    color: #8e1f3d;
    /*@editable*/
    font-weight: normal;
    /*@editable*/
    text-decoration: underline;
}

@media only screen and (min-width:768px) {
    #boletin .templateContainer {
        width: 600px !important;
    }

}

@media only screen and (max-width: 480px) {

    #boletin #body,
    #boletin table,
    #boletin td,
    #boletin p,
    #boletin a,
    #boletin li,
    #boletin blockquote {
        -webkit-text-size-adjust: none !important;
    }

}

@media only screen and (max-width: 480px) {
    #boletin #body {
        width: 100% !important;
        min-width: 100% !important;
    }

}

@media only screen and (max-width: 480px) {
    #boletin .columnWrapper {
        max-width: 100% !important;
        width: 100% !important;
    }

}

@media only screen and (max-width: 480px) {
    #boletin .mcnRetinaImage {
        max-width: 100% !important;
    }

}

@media only screen and (max-width: 480px) {
    #boletin .mcnImage {
        width: 100% !important;
    }

}

@media only screen and (max-width: 480px) {

    #boletin .mcnCartContainer,
    #boletin .mcnCaptionTopContent,
    #boletin .mcnRecContentContainer,
    #boletin .mcnCaptionBottomContent,
    #boletin .mcnTextContentContainer,
    #boletin .mcnBoxedTextContentContainer,
    #boletin .mcnImageGroupContentContainer,
    #boletin .mcnCaptionLeftTextContentContainer,
    #boletin .mcnCaptionRightTextContentContainer,
    #boletin .mcnCaptionLeftImageContentContainer,
    #boletin .mcnCaptionRightImageContentContainer,
    #boletin .mcnImageCardLeftTextContentContainer,
    #boletin .mcnImageCardRightTextContentContainer,
    #boletin .mcnImageCardLeftImageContentContainer,
    #boletin .mcnImageCardRightImageContentContainer {
        max-width: 100% !important;
        width: 100% !important;
    }

}

@media only screen and (max-width: 480px) {
    #boletin .mcnBoxedTextContentContainer {
        min-width: 100% !important;
    }

}

@media only screen and (max-width: 480px) {
    #boletin .mcnImageGroupContent {
        padding: 9px !important;
    }

}

@media only screen and (max-width: 480px) {

    #boletin .mcnCaptionLeftContentOuter .mcnTextContent,
    #boletin .mcnCaptionRightContentOuter .mcnTextContent {
        padding-top: 9px !important;
    }

}

@media only screen and (max-width: 480px) {

    #boletin .mcnImageCardTopImageContent,
    #boletin .mcnCaptionBottomContent:last-child .mcnCaptionBottomImageContent,
    #boletin .mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent {
        padding-top: 18px !important;
    }

}

@media only screen and (max-width: 480px) {
    #boletin .mcnImageCardBottomImageContent {
        padding-bottom: 9px !important;
    }

}

@media only screen and (max-width: 480px) {
    #boletin .mcnImageGroupBlockInner {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

}

@media only screen and (max-width: 480px) {
    #boletin .mcnImageGroupBlockOuter {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

}

@media only screen and (max-width: 480px) {

    #boletin .mcnTextContent,
    #boletin .mcnBoxedTextContentColumn {
        padding-right: 18px !important;
        padding-left: 18px !important;
    }

}

@media only screen and (max-width: 480px) {

    #boletin .mcnImageCardLeftImageContent,
    #boletin .mcnImageCardRightImageContent {
        padding-right: 18px !important;
        padding-bottom: 0 !important;
        padding-left: 18px !important;
    }

}

@media only screen and (max-width: 480px) {
    #boletin .mcpreview-image-uploader {
        display: none !important;
        width: 100% !important;
    }

}

@media only screen and (max-width: 480px) {

    /*
@tab Mobile Styles
@section Heading 1
@tip Make the first-level headings larger in size for better readability on small screens.
*/
    #boletin h1 {
        /*@editable*/
        font-size: 22px !important;
        /*@editable*/
        line-height: 125% !important;
    }

}

@media only screen and (max-width: 480px) {

    /*
@tab Mobile Styles
@section Heading 2
@tip Make the second-level headings larger in size for better readability on small screens.
*/
    #boletin h2 {
        /*@editable*/
        font-size: 20px !important;
        /*@editable*/
        line-height: 125% !important;
    }

}

@media only screen and (max-width: 480px) {

    /*
@tab Mobile Styles
@section Heading 3
@tip Make the third-level headings larger in size for better readability on small screens.
*/
    #boletin h3 {
        /*@editable*/
        font-size: 18px !important;
        /*@editable*/
        line-height: 125% !important;
    }

}

@media only screen and (max-width: 480px) {

    /*
@tab Mobile Styles
@section Heading 4
@tip Make the fourth-level headings larger in size for better readability on small screens.
*/
    #boletin h4 {
        /*@editable*/
        font-size: 16px !important;
        /*@editable*/
        line-height: 150% !important;
    }

}

@media only screen and (max-width: 480px) {

    /*
@tab Mobile Styles
@section Boxed Text
@tip Make the boxed text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
    #boletin .mcnBoxedTextContentContainer .mcnTextContent,
    #boletin .mcnBoxedTextContentContainer .mcnTextContent p {
        /*@editable*/
        font-size: 14px !important;
        /*@editable*/
        line-height: 150% !important;
    }

}

@media only screen and (max-width: 480px) {

    /*
@tab Mobile Styles
@section Preheader Visibility
@tip Set the visibility of the email's preheader on small screens. You can hide it to save space.
*/
    #boletin #templatePreheader {
        /*@editable*/
        display: block !important;
    }

}

@media only screen and (max-width: 480px) {

    /*
@tab Mobile Styles
@section Preheader Text
@tip Make the preheader text larger in size for better readability on small screens.
*/
    #boletin #templatePreheader .mcnTextContent,
    #boletin #templatePreheader .mcnTextContent p {
        /*@editable*/
        font-size: 14px !important;
        /*@editable*/
        line-height: 150% !important;
    }

}

@media only screen and (max-width: 480px) {

    /*
@tab Mobile Styles
@section Header Text
@tip Make the header text larger in size for better readability on small screens.
*/
    #boletin #templateHeader .mcnTextContent,
    #boletin #templateHeader .mcnTextContent p {
        /*@editable*/
        font-size: 16px !important;
        /*@editable*/
        line-height: 150% !important;
    }

}

@media only screen and (max-width: 480px) {

    /*
@tab Mobile Styles
@section Body Text
@tip Make the body text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
    #boletin #templateBody .mcnTextContent,
    #boletin #templateBody .mcnTextContent p {
        /*@editable*/
        font-size: 16px !important;
        /*@editable*/
        line-height: 150% !important;
    }

}

@media only screen and (max-width: 480px) {

    /*
@tab Mobile Styles
@section Column Text
@tip Make the column text larger in size for better readability on small screens. We recommend a font size of at least 16px.
*/
    #boletin #templateColumns .columnContainer .mcnTextContent,
    #boletin #templateColumns .columnContainer .mcnTextContent p {
        /*@editable*/
        font-size: 16px !important;
        /*@editable*/
        line-height: 150% !important;
    }

}

@media only screen and (max-width: 480px) {

    /*
@tab Mobile Styles
@section Footer Text
@tip Make the footer content text larger in size for better readability on small screens.
*/
    #boletin #templateFooter .mcnTextContent,
    #boletin #templateFooter .mcnTextContent p {
        /*@editable*/
        font-size: 14px !important;
        /*@editable*/
        line-height: 150% !important;
    }

}/* End custom CSS */