/* crocoblocks-design-system:v2 */:where(.crocoblocks-document .cb-el,.crocoblocks-preview .cb-el){box-sizing:border-box;max-width: 100%}:where(.crocoblocks-document .cb-image,.crocoblocks-preview .cb-image){max-width: 100%;height: auto;}:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 48px);max-width:var(--cb-section-container-width,1180px);margin-left:auto;margin-right:auto;}@media (max-width: 1024px){:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 40px);}}@media (max-width: 767px){:where(.crocoblocks-document .section-container,.crocoblocks-preview .section-container){width:calc(100% - 32px);}}.boton{background-image:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);color:white;text-align:center;border-radius:14px;padding:14px 28px;font-size:16px;font-weight:600;box-shadow:0 8px 25px rgba(99,102,241,0.35);transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);cursor:pointer;transform:translateY(0);}.boton:hover{

background-image: linear-gradient(135deg, #7c3aed, #a855f7, #f43f5e);

box-shadow: 0 15px 40px rgba(139,92,246,0.55);

transform: translateY(-5px) scale(1.03);

}.boton:active{

transform: translateY(-1px) scale(0.98);

box-shadow: 0 6px 18px rgba(99,102,241,0.35);

}
@media (max-width: 1024px){.boton{background-image:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);color:white;text-align:center;border-radius:14px;padding:14px 28px;font-size:16px;font-weight:600;box-shadow:0 8px 25px rgba(99,102,241,0.35);transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);cursor:pointer;transform:translateY(0);}.boton:hover{

background-image: linear-gradient(135deg, #7c3aed, #a855f7, #f43f5e);

box-shadow: 0 15px 40px rgba(139,92,246,0.55);

transform: translateY(-5px) scale(1.03);

}.boton:active{

transform: translateY(-1px) scale(0.98);

box-shadow: 0 6px 18px rgba(99,102,241,0.35);

}}
@media (max-width: 767px){.boton{background-image:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);color:white;text-align:center;border-radius:14px;padding:14px 28px;font-size:16px;font-weight:600;box-shadow:0 8px 25px rgba(99,102,241,0.35);transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1);cursor:pointer;transform:translateY(0);}.boton:hover{

background-image: linear-gradient(135deg, #7c3aed, #a855f7, #f43f5e);

box-shadow: 0 15px 40px rgba(139,92,246,0.55);

transform: translateY(-5px) scale(1.03);

}.boton:active{

transform: translateY(-1px) scale(0.98);

box-shadow: 0 6px 18px rgba(99,102,241,0.35);

}}